xmlui 0.10.11 → 0.10.12

package/dist/scripts/src/components/NumberBox/NumberBoxNative.js

@@ -60,6 +60,8 @@ const InputAdornment_1 = require("../Input/InputAdornment");
 const ButtonNative_1 = require("../Button/ButtonNative");
 const ItemWithLabel_1 = require("../FormItem/ItemWithLabel");
 const parts_1 = require("../../components-core/parts");
+const PART_SPINNER_UP = "spinnerUp";
+const PART_SPINNER_DOWN = "spinnerDown";
 // Default props for NumberBox component
 exports.defaultProps = {
     enabled: true,
@@ -140,45 +142,83 @@ exports.NumberBox = (0, react_1.forwardRef)(function NumberBox(_a, forwardedRef)
     // --- Register stepper logic to buttons
     useLongPress(upButton.current, handleIncStep);
     useLongPress(downButton.current, handleDecStep);
-    // --- This logic prevenst the user from typing invalid characters (in the current typing context)
-    const handleOnBeforeInput = (event) => {
-        var _a, _b;
-        // --- Prevent the default behavior for some characters
-        let shouldPreventDefault = false;
-        const currentValue = (_a = event.target.value) !== null && _a !== void 0 ? _a : "";
-        const currentPos = event.target.selectionStart;
+    // --- Shared character validation logic
+    const processCharacterInput = (0, react_1.useCallback)((char, currentValue, currentPos, predictedValue, isForPaste = false) => {
         // --- Are the caret after the exponential separator?
-        const beforeCaret = currentValue.substring(0, event.target.selectionStart);
-        // --- If "expPos" is -1, the caret is not after the exponential separator
+        const beforeCaret = currentValue.substring(0, currentPos);
         const expPos = beforeCaret.indexOf(numberbox_abstractions_1.EXPONENTIAL_SEPARATOR);
-        switch (event.data) {
+        let shouldAccept = true;
+        let shouldPreventDefault = false;
+        let newValue = currentValue;
+        let newPos = currentPos;
+        switch (char) {
             case "-":
+                shouldAccept = false;
                 shouldPreventDefault = true;
+                if (zeroOrPositive) {
+                    // --- No minus sign allowed
+                    break;
+                }
                 if (expPos === -1) {
                     // --- Change the first char to "-" if we are before the exponential separator and it's not already there
                     if (!currentValue.startsWith("-")) {
-                        setNewValue("-" + currentValue, currentPos + 1);
+                        newValue = "-" + currentValue;
+                        newPos = currentPos + 1;
                     }
                 }
                 else {
                     // --- Change the char after the exponential separator to "-" if it's not already there
                     if (currentValue[expPos + 1] !== "-") {
-                        setNewValue(currentValue.substring(0, expPos + 1) + "-" + currentValue.substring(expPos + 1), currentPos + 1);
+                        newValue =
+                            currentValue.substring(0, expPos + 1) + "-" + currentValue.substring(expPos + 1);
+                        newPos = currentPos + 1;
                     }
                 }
                 break;
             case "+":
+                shouldAccept = false;
                 shouldPreventDefault = true;
                 if (expPos === -1) {
                     // --- Remove the first char if it's "-" and we are before the exponential separator
                     if (currentValue.startsWith("-")) {
-                        setNewValue(currentValue.substring(1), currentPos - 1);
+                        newValue = currentValue.substring(1);
+                        newPos = Math.max(0, currentPos - 1);
                     }
                 }
                 else {
                     // --- Remove the char after the exponential separator if it's "-"
                     if (currentValue[expPos + 1] === "-") {
-                        setNewValue(currentValue.substring(0, expPos + 1) + currentValue.substring(expPos + 2), currentPos - 1);
+                        newValue = currentValue.substring(0, expPos + 1) + currentValue.substring(expPos + 2);
+                        newPos = Math.max(expPos + 1, currentPos - 1);
+                    }
+                }
+                break;
+            case "0":
+                // --- Prevent leading zeros (before decimal or exponential separator)
+                if (currentValue === "0") {
+                    shouldAccept = false;
+                    shouldPreventDefault = true;
+                }
+                break;
+            case "1":
+            case "2":
+            case "3":
+            case "4":
+            case "5":
+            case "6":
+            case "7":
+            case "8":
+            case "9":
+                // --- Replace leading zero with this digit
+                if (currentValue === "0" && currentPos === 1) {
+                    if (isForPaste) {
+                        newValue = char;
+                        shouldAccept = false; // Don't add it again for paste
+                    }
+                    else {
+                        newValue = char;
+                        newPos = 1;
+                        shouldPreventDefault = true;
                     }
                 }
                 break;
@@ -186,97 +226,170 @@ exports.NumberBox = (0, react_1.forwardRef)(function NumberBox(_a, forwardedRef)
                 // --- Prevent multiple decimal separators (integers only),
                 // --- or decimal separator after the exponential separator
                 if (integersOnly || currentValue.includes(numberbox_abstractions_1.DECIMAL_SEPARATOR) || expPos !== -1) {
+                    shouldAccept = false;
+                    shouldPreventDefault = true;
+                }
+                else if (predictedValue.startsWith(numberbox_abstractions_1.DECIMAL_SEPARATOR) && currentPos === 0) {
+                    newValue = "0" + predictedValue;
+                    newPos = currentPos + 2;
                     shouldPreventDefault = true;
                 }
                 break;
             case numberbox_abstractions_1.EXPONENTIAL_SEPARATOR:
                 // --- Prevent exponential notation for integers
                 if (integersOnly) {
+                    shouldAccept = false;
                     shouldPreventDefault = true;
                     break;
                 }
-                // --- Prevent multiple exponential separators (and too many digits after it)
-                if (currentValue.includes(numberbox_abstractions_1.EXPONENTIAL_SEPARATOR) ||
-                    tooManyDigitsAfterExponentialSeparator(currentPos, 2)) {
+                // --- Prevent multiple exponential separators
+                if (currentValue.includes(numberbox_abstractions_1.EXPONENTIAL_SEPARATOR)) {
+                    shouldAccept = false;
                     shouldPreventDefault = true;
                 }
                 break;
             default:
-                let newInput = event.data;
-                const selectionStart = event.target.selectionStart;
-                // --- Test for multi-character input (perhaps paste)
-                if (((_b = event.data) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-                    // --- Decide whether to accept the optional sign character
-                    if (newInput.startsWith("-")) {
-                        if (selectionStart > 0) {
-                            shouldPreventDefault = true;
-                            break;
-                        }
-                    }
-                    else if (newInput.startsWith("+")) {
+                // --- Only allow digits for single characters
+                if (char >= "0" && char <= "9") {
+                    // --- Prevent digits before minus sign
+                    if (currentValue.startsWith("-") && currentPos === 0) {
+                        shouldAccept = false;
                         shouldPreventDefault = true;
                         break;
                     }
-                    // --- Replace the selection with the new input
-                    const newValue = currentValue.substring(0, selectionStart) +
-                        newInput +
-                        currentValue.substring(event.target.selectionEnd);
-                    // --- Check for integers
-                    if (integersOnly && !numberbox_abstractions_1.INT_REGEXP.test(newValue)) {
-                        // --- The result is not an integer, drop the pasted input
-                        shouldPreventDefault = true;
-                    }
-                    else if (!numberbox_abstractions_1.FLOAT_REGEXP.test(newValue)) {
-                        // --- The result is not a loat, drop the pasted input
-                        shouldPreventDefault = true;
+                    // --- For beforeInput, check for too many digits after exponential separator
+                    if (!isForPaste && expPos !== -1) {
+                        const tooManyDigitsAfterExponentialSeparator = (pos, maxDigits) => {
+                            let numDigitsAfter = 0;
+                            while (pos < currentValue.length) {
+                                if (/\d/.test(currentValue[pos++])) {
+                                    numDigitsAfter++;
+                                }
+                                else {
+                                    numDigitsAfter = maxDigits + 1;
+                                    break;
+                                }
+                            }
+                            return numDigitsAfter > maxDigits;
+                        };
+                        if (tooManyDigitsAfterExponentialSeparator(expPos + 1, 1)) {
+                            shouldAccept = false;
+                            shouldPreventDefault = true;
+                        }
                     }
-                    break;
                 }
-                // --- Single character input
-                // --- Prevent non-digit characters
-                if (event.data < "0" || event.data > "9") {
+                else {
+                    // --- Reject non-digit characters
+                    shouldAccept = false;
+                    shouldPreventDefault = true;
+                }
+                break;
+        }
+        return { shouldAccept, newValue, newPos, shouldPreventDefault };
+    }, [integersOnly, zeroOrPositive]);
+    // --- This logic prevents the user from typing invalid characters (in the current typing context)
+    const handleOnBeforeInput = (event) => {
+        var _a, _b;
+        const currentValue = (_a = event.target.value) !== null && _a !== void 0 ? _a : "";
+        const currentPos = event.target.selectionStart;
+        const expectedNewValue = currentValue.substring(0, currentPos) +
+            event.data +
+            currentValue.substring(event.target.selectionEnd);
+        // --- Handle multi-character input (paste) through the legacy path
+        if (((_b = event.data) === null || _b === void 0 ? void 0 : _b.length) > 1) {
+            let shouldPreventDefault = false;
+            const selectionStart = event.target.selectionStart;
+            let newInput = event.data;
+            // --- Decide whether to accept the optional sign character
+            if (newInput.startsWith("-")) {
+                if (selectionStart > 0) {
                     shouldPreventDefault = true;
-                    break;
                 }
-                // --- Prevent digits before minus sign
-                if (currentValue.startsWith("-") && selectionStart === 0) {
+            }
+            else if (newInput.startsWith("+")) {
+                shouldPreventDefault = true;
+            }
+            if (!shouldPreventDefault) {
+                // --- Check for integers
+                if (integersOnly && !numberbox_abstractions_1.INT_REGEXP.test(expectedNewValue)) {
+                    // --- The result is not an integer, drop the pasted input
                     shouldPreventDefault = true;
-                    break;
                 }
-                // --- Prevent too many digits after the exponential separator
-                if (expPos !== -1 && tooManyDigitsAfterExponentialSeparator(expPos + 1, 1)) {
-                    // --- Caret after the exponential separator
-                    // --- Prevent typing a digi if more than 2 digits after the exponential separator
+                else if (!numberbox_abstractions_1.FLOAT_REGEXP.test(expectedNewValue)) {
+                    // --- The result is not a float, drop the pasted input
                     shouldPreventDefault = true;
                 }
-                break;
+            }
+            if (shouldPreventDefault) {
+                event.preventDefault();
+            }
+            return;
         }
-        // --- Done.
-        if (shouldPreventDefault) {
+        // --- Single character processing
+        const result = processCharacterInput(event.data, currentValue, currentPos, expectedNewValue, false);
+        if (result.shouldPreventDefault) {
             event.preventDefault();
         }
-        return;
-        // --- Helpers
-        function tooManyDigitsAfterExponentialSeparator(pos, maxDigits) {
-            let numDigitsAfter = 0;
-            while (pos < currentValue.length) {
-                if (/\d/.test(currentValue[pos++])) {
-                    numDigitsAfter++;
-                }
-                else {
-                    numDigitsAfter = maxDigits + 1;
-                    break;
-                }
+        // --- Apply value changes if needed
+        if (result.newValue !== currentValue) {
+            const setNewValue = (newValue, pos) => {
+                var _a;
+                event.target.value = newValue;
+                updateValue(newValue, newValue);
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(pos, pos);
+            };
+            setNewValue(result.newValue, result.newPos);
+        }
+    };
+    // --- Handle paste events by applying the same character validation logic
+    const handleOnPaste = (0, react_1.useCallback)((event) => {
+        var _a, _b, _c;
+        event.preventDefault();
+        const pastedText = event.clipboardData.getData("text/plain");
+        if (!pastedText)
+            return;
+        const inputElement = event.currentTarget;
+        const currentValue = (_a = inputElement.value) !== null && _a !== void 0 ? _a : "";
+        const selectionStart = (_b = inputElement.selectionStart) !== null && _b !== void 0 ? _b : 0;
+        const selectionEnd = (_c = inputElement.selectionEnd) !== null && _c !== void 0 ? _c : 0;
+        const expectedNewValue = currentValue.substring(0, selectionStart) +
+            pastedText +
+            currentValue.substring(selectionEnd);
+        // --- Start with the value before the selection
+        let resultValue = currentValue.substring(0, selectionStart);
+        let currentPos = selectionStart;
+        // --- Process each character from the pasted text
+        for (let i = 0; i < pastedText.length; i++) {
+            const char = pastedText[i];
+            const result = processCharacterInput(char, resultValue, currentPos, expectedNewValue, true);
+            if (result.shouldAccept) {
+                resultValue =
+                    resultValue.substring(0, currentPos) + char + resultValue.substring(currentPos);
+                currentPos++;
+            }
+            else if (result.newValue !== resultValue) {
+                // --- Handle special cases like sign changes or zero replacement
+                resultValue = result.newValue;
+                currentPos = result.newPos;
             }
-            return numDigitsAfter > maxDigits;
         }
-        function setNewValue(newValue, pos) {
-            var _a;
-            event.target.value = newValue;
-            updateValue(newValue, newValue);
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(pos, pos);
+        // --- Add the rest of the original value after the selection
+        resultValue += currentValue.substring(selectionEnd);
+        // --- Final validation - ensure the result is a valid number format
+        let isValidFinal = false;
+        if (integersOnly) {
+            isValidFinal = numberbox_abstractions_1.INT_REGEXP.test(resultValue) || resultValue === "" || resultValue === "-";
         }
-    };
+        else {
+            isValidFinal = numberbox_abstractions_1.FLOAT_REGEXP.test(resultValue) || resultValue === "" || resultValue === "-";
+        }
+        // --- Apply the result if valid
+        if (isValidFinal) {
+            inputElement.value = resultValue;
+            updateValue(resultValue, resultValue);
+            inputElement.setSelectionRange(currentPos, currentPos);
+        }
+    }, [processCharacterInput, updateValue, integersOnly]);
     // --- Setting steppers with keyboard
     const handleOnKey = (0, react_1.useCallback)((event) => {
         if (event.code === "ArrowUp") {
@@ -293,9 +406,26 @@ exports.NumberBox = (0, react_1.forwardRef)(function NumberBox(_a, forwardedRef)
         onFocus === null || onFocus === void 0 ? void 0 : onFocus();
     }, [onFocus]);
     const handleOnBlur = (0, react_1.useCallback)(() => {
-        setValueStrRep((0, numberbox_abstractions_1.mapToRepresentation)(value));
+        var _a, _b;
+        // --- Get the current input value
+        const currentInputValue = (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "";
+        // --- Check if we need to add a trailing zero
+        let finalValue = currentInputValue;
+        if (!integersOnly && currentInputValue.endsWith(numberbox_abstractions_1.DECIMAL_SEPARATOR)) {
+            // --- Add trailing zero if the value ends with decimal separator
+            finalValue = currentInputValue + "0";
+            // --- Update the input and state with the new value
+            if (inputRef.current) {
+                inputRef.current.value = finalValue;
+            }
+            updateValue(finalValue, finalValue);
+        }
+        else {
+            // --- Use the standard representation mapping
+            setValueStrRep((0, numberbox_abstractions_1.mapToRepresentation)(value));
+        }
         onBlur === null || onBlur === void 0 ? void 0 : onBlur();
-    }, [value, onBlur]);
+    }, [value, onBlur, integersOnly, updateValue]);
     const focus = (0, react_1.useCallback)(() => {
         var _a;
         (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
@@ -323,7 +453,7 @@ exports.NumberBox = (0, react_1.forwardRef)(function NumberBox(_a, forwardedRef)
                 (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }, style: { gap }, children: [(0, jsx_runtime_1.jsx)(InputAdornment_1.Adornment, { "data-part-id": parts_1.PART_START_ADORNMENT, text: startText, iconName: startIcon, className: (0, classnames_1.default)(NumberBox_module_scss_1.default.adornment) }), (0, jsx_runtime_1.jsx)("input", { id: id, "data-part-id": parts_1.PART_INPUT, type: "text", inputMode: "numeric", className: (0, classnames_1.default)(NumberBox_module_scss_1.default.input, {
                         [NumberBox_module_scss_1.default.readOnly]: readOnly,
-                    }), disabled: !enabled, value: valueStrRep, step: step, placeholder: placeholder, onChange: onInputChange, onFocus: handleOnFocus, onBlur: handleOnBlur, onBeforeInput: handleOnBeforeInput, onKeyDown: handleOnKey, readOnly: readOnly, ref: inputRef, autoFocus: autoFocus, maxLength: maxLength, required: required }), (0, jsx_runtime_1.jsx)(InputAdornment_1.Adornment, { "data-part-id": parts_1.PART_END_ADORNMENT, text: endText, iconName: endIcon, className: (0, classnames_1.default)(NumberBox_module_scss_1.default.adornment) }), hasSpinBox && ((0, jsx_runtime_1.jsxs)("div", { className: NumberBox_module_scss_1.default.spinnerBox, children: [(0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { "data-spinner": "up", type: "button", role: "spinbutton", variant: "ghost", themeColor: "secondary", tabIndex: -1, className: NumberBox_module_scss_1.default.spinnerButton, disabled: !enabled || readOnly, ref: upButton, children: (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: spinnerUpIcon || "spinnerUp:NumberBox", fallback: "chevronup", size: "sm" }) }), (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { "data-spinner": "down", type: "button", role: "spinbutton", tabIndex: -1, variant: "ghost", themeColor: "secondary", className: NumberBox_module_scss_1.default.spinnerButton, disabled: !enabled || readOnly, ref: downButton, children: (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: spinnerDownIcon || "spinnerDown:NumberBox", fallback: "chevrondown", size: "sm" }) })] }))] }) })));
+                    }), disabled: !enabled, value: valueStrRep, step: step, placeholder: placeholder, onChange: onInputChange, onFocus: handleOnFocus, onBlur: handleOnBlur, onBeforeInput: handleOnBeforeInput, onPaste: handleOnPaste, onKeyDown: handleOnKey, readOnly: readOnly, ref: inputRef, autoFocus: autoFocus, maxLength: maxLength, required: required }), (0, jsx_runtime_1.jsx)(InputAdornment_1.Adornment, { "data-part-id": parts_1.PART_END_ADORNMENT, text: endText, iconName: endIcon, className: (0, classnames_1.default)(NumberBox_module_scss_1.default.adornment) }), hasSpinBox && ((0, jsx_runtime_1.jsxs)("div", { className: NumberBox_module_scss_1.default.spinnerBox, children: [(0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { "data-part-id": PART_SPINNER_UP, "data-spinner": "up", type: "button", role: "spinbutton", variant: "ghost", themeColor: "secondary", tabIndex: -1, className: NumberBox_module_scss_1.default.spinnerButton, disabled: !enabled || readOnly, ref: upButton, children: (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: spinnerUpIcon || "spinnerUp:NumberBox", fallback: "chevronup", size: "sm" }) }), (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { "data-part-id": PART_SPINNER_DOWN, "data-spinner": "down", type: "button", role: "spinbutton", tabIndex: -1, variant: "ghost", themeColor: "secondary", className: NumberBox_module_scss_1.default.spinnerButton, disabled: !enabled || readOnly, ref: downButton, children: (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: spinnerDownIcon || "spinnerDown:NumberBox", fallback: "chevrondown", size: "sm" }) })] }))] }) })));
 });
 function applyStep(valueStrRep, step, min, max, integersOnly) {
     const currentValue = (0, numberbox_abstractions_1.toUsableNumber)(valueStrRep, integersOnly);

package/dist/scripts/src/components/Spinner/SpinnerNative.js

@@ -19,6 +19,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Spinner_module_scss_1 = __importDefault(require("./Spinner.module.scss"));
 const classnames_1 = __importDefault(require("classnames"));
+const PART_RING = "ring";
 exports.defaultProps = {
     delay: 400,
     fullScreen: false,
@@ -40,8 +41,8 @@ exports.Spinner = (0, react_1.forwardRef)(function Spinner(_a, forwardedRef) {
     }
     else {
         if (fullScreen) {
-            return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, rest, { role: "status", "aria-label": "Loading", className: Spinner_module_scss_1.default.fullScreenSpinnerWrapper, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(Spinner_module_scss_1.default["lds-ring"], className), style: style, ref: forwardedRef, children: [(0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {})] }) })));
+            return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, rest, { role: "status", "aria-label": "Loading", className: Spinner_module_scss_1.default.fullScreenSpinnerWrapper, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(Spinner_module_scss_1.default["lds-ring"], className), style: style, ref: forwardedRef, children: [(0, jsx_runtime_1.jsx)("div", { "data-part-id": PART_RING }), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {})] }) })));
         }
-        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: (0, classnames_1.default)(Spinner_module_scss_1.default["lds-ring"], className), role: "status", "aria-label": "Loading", style: style, ref: forwardedRef, children: [(0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {})] })));
+        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: (0, classnames_1.default)(Spinner_module_scss_1.default["lds-ring"], className), role: "status", "aria-label": "Loading", style: style, ref: forwardedRef, children: [(0, jsx_runtime_1.jsx)("div", { "data-part-id": PART_RING }), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {})] })));
     }
 });

package/dist/scripts/src/parsers/xmlui-parser/syntax-kind.js

@@ -15,14 +15,23 @@ var SyntaxKind;
     SyntaxKind[SyntaxKind["WhitespaceTrivia"] = 4] = "WhitespaceTrivia";
     // Effective tokens
     SyntaxKind[SyntaxKind["Identifier"] = 5] = "Identifier";
+    /** < */
     SyntaxKind[SyntaxKind["OpenNodeStart"] = 6] = "OpenNodeStart";
+    /** </ */
     SyntaxKind[SyntaxKind["CloseNodeStart"] = 7] = "CloseNodeStart";
+    /** > */
     SyntaxKind[SyntaxKind["NodeEnd"] = 8] = "NodeEnd";
+    /** /> */
     SyntaxKind[SyntaxKind["NodeClose"] = 9] = "NodeClose";
+    /** : */
     SyntaxKind[SyntaxKind["Colon"] = 10] = "Colon";
+    /** = */
     SyntaxKind[SyntaxKind["Equal"] = 11] = "Equal";
+    /** string literal */
     SyntaxKind[SyntaxKind["StringLiteral"] = 12] = "StringLiteral";
+    /** <![CDATA[ ... ]]> */
     SyntaxKind[SyntaxKind["CData"] = 13] = "CData";
+    /** <script>...</script> */
     SyntaxKind[SyntaxKind["Script"] = 14] = "Script";
     // A token created by the parser which contains arbitrary text, but not the '<' character
     SyntaxKind[SyntaxKind["TextNode"] = 15] = "TextNode";

package/dist/scripts/src/parsers/xmlui-parser/transform.js

@@ -304,7 +304,8 @@ function nodeToComponentDef(node, originalGetText, fileId) {
         }
         catch (err) {
             if (parser.errors && parser.errors.length > 0) {
-                comp.scriptError = parser.errors;
+                const errMsg = parser.errors[0];
+                throw new ParserError_1.ParserError(`${errMsg.text} [${errMsg.line}: ${errMsg.column}]`, errMsg.code);
             }
             else {
                 comp.scriptError = err;

package/dist/standalone/xmlui-standalone.es.d.ts

@@ -828,6 +828,8 @@ declare interface IconBaseProps extends default_2.SVGAttributes<SVGElement> {
     fallback?: string;
     style?: CSSProperties;
     className?: string;
+    tabIndex?: number;
+    onKeyDown?: default_2.KeyboardEventHandler<any>;
 }
 
 declare type IconPosition = (typeof iconPositionValues)[number];