xmlui 0.9.60 → 0.9.62

package/dist/scripts/src/components-core/script-runner/eval-tree-sync.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.evalBindingExpression = evalBindingExpression;
 exports.evalBinding = evalBinding;
 exports.executeArrowExpressionSync = executeArrowExpressionSync;
-const ScriptingSourceTree_1 = require("../../abstractions/scripting/ScriptingSourceTree");
+const ScriptingSourceTree_1 = require("./ScriptingSourceTree");
 const Parser_1 = require("../../parsers/scripting/Parser");
 const bannedFunctions_1 = require("./bannedFunctions");
 const eval_tree_common_1 = require("./eval-tree-common");

package/dist/scripts/src/components-core/script-runner/process-statement-async.js

@@ -11,7 +11,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.processStatementQueueAsync = processStatementQueueAsync;
 exports.processDeclarationsAsync = processDeclarationsAsync;
-const ScriptingSourceTree_1 = require("../../abstractions/scripting/ScriptingSourceTree");
+const ScriptingSourceTree_1 = require("./ScriptingSourceTree");
 const EngineError_1 = require("../EngineError");
 const reportEngineError_1 = require("../reportEngineError");
 const statement_queue_1 = require("./statement-queue");

package/dist/scripts/src/components-core/script-runner/process-statement-common.js

@@ -16,7 +16,7 @@ exports.provideFinallyBody = provideFinallyBody;
 exports.provideFinallyErrorBody = provideFinallyErrorBody;
 exports.ensureMainThread = ensureMainThread;
 exports.hoistFunctionDeclarations = hoistFunctionDeclarations;
-const ScriptingSourceTree_1 = require("../../abstractions/scripting/ScriptingSourceTree");
+const ScriptingSourceTree_1 = require("./ScriptingSourceTree");
 const eval_tree_common_1 = require("./eval-tree-common");
 const statement_queue_1 = require("./statement-queue");
 const Parser_1 = require("../../parsers/scripting/Parser");

package/dist/scripts/src/components-core/script-runner/process-statement-sync.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.processStatementQueue = processStatementQueue;
 exports.processDeclarations = processDeclarations;
-const ScriptingSourceTree_1 = require("../../abstractions/scripting/ScriptingSourceTree");
+const ScriptingSourceTree_1 = require("./ScriptingSourceTree");
 const reportEngineError_1 = require("../reportEngineError");
 const EngineError_1 = require("../EngineError");
 const process_statement_common_1 = require("./process-statement-common");

package/dist/scripts/src/components-core/script-runner/visitors.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.collectVariableDependencies = collectVariableDependencies;
 const lodash_es_1 = require("lodash-es");
 const eval_tree_common_1 = require("./eval-tree-common");
-const ScriptingSourceTree_1 = require("../../abstractions/scripting/ScriptingSourceTree");
+const ScriptingSourceTree_1 = require("./ScriptingSourceTree");
 const process_statement_common_1 = require("./process-statement-common");
 /**
  * Collects the name of local context variables the specified program depends on

package/dist/scripts/src/components-core/theming/ThemeProvider.js

@@ -56,7 +56,7 @@ const extendThemeUtils_1 = require("../theming/extendThemeUtils");
 const ComponentRegistryContext_1 = require("../../components/ComponentRegistryContext");
 const xmlui_1 = require("../theming/themes/xmlui");
 const hooks_1 = require("../utils/hooks");
-const ThemingDefs_1 = require("../../abstractions/ThemingDefs");
+const utils_1 = require("./utils");
 function useCompiledTheme(activeTheme, activeTone, themes = constants_1.EMPTY_ARRAY, resources = constants_1.EMPTY_OBJECT, resourceMap = constants_1.EMPTY_OBJECT) {
     const componentRegistry = (0, ComponentRegistryContext_1.useComponentRegistry)();
     const { componentThemeVars, componentDefaultThemeVars } = componentRegistry;
@@ -203,7 +203,7 @@ exports.builtInThemes = [
 function ThemeProvider({ children, themes: custThemes = constants_1.EMPTY_ARRAY, defaultTheme = "xmlui", defaultTone = "light", resources = constants_1.EMPTY_OBJECT, resourceMap = constants_1.EMPTY_OBJECT, localThemes = constants_1.EMPTY_OBJECT, }) {
     const [activeThemeTone, setActiveThemeTone] = (0, react_1.useState)(() => {
         if (!defaultTone) {
-            return ThemingDefs_1.ThemeToneKeys[0];
+            return utils_1.ThemeToneKeys[0];
         }
         return defaultTone;
     });

package/dist/scripts/src/components-core/theming/layout-resolver.js

@@ -111,11 +111,15 @@ function resolveLayoutProps(layoutProps = constants_1.EMPTY_OBJECT, layoutContex
     collectCss("fontSize");
     collectCss("fontWeight");
     collectCss("fontStyle");
+    collectCss("fontVariant");
+    collectCss("lineBreak");
     collectCss("textDecoration");
     collectCss("textDecorationLine");
     collectCss("textDecorationColor");
     collectCss("textDecorationStyle");
     collectCss("textDecorationThickness");
+    collectCss("textIndent");
+    collectCss("textShadow");
     collectCss("textUnderlineOffset");
     collectCss("userSelect");
     collectCss("letterSpacing");
@@ -124,6 +128,10 @@ function resolveLayoutProps(layoutProps = constants_1.EMPTY_OBJECT, layoutContex
     collectCss("textAlign");
     collectCss("textAlignLast");
     collectCss("textWrap");
+    collectCss("wordBreak");
+    collectCss("wordSpacing");
+    collectCss("wordWrap");
+    collectCss("writingMode");
     // --- Other
     collectCss("backgroundColor");
     collectCss("background");
@@ -339,6 +347,8 @@ const layoutPatterns = {
     fontSize: [],
     fontWeight: [],
     fontStyle: [booleanRegex],
+    fontVariant: [],
+    lineBreak: [],
     textDecoration: [],
     userSelect: [],
     letterSpacing: [],
@@ -347,6 +357,12 @@ const layoutPatterns = {
     textAlign: [],
     textWrap: [],
     textAlignLast: [],
+    textIndent: [],
+    textShadow: [],
+    wordBreak: [],
+    wordSpacing: [],
+    wordWrap: [],
+    writingMode: [],
     // --- Content rendering
     wrapContent: [],
     canShrink: [],
@@ -365,4 +381,6 @@ const layoutPatterns = {
     outlineColor: [],
     outlineStyle: [],
     outlineOffset: [],
+    // --- Animation
+    transition: [],
 };

package/dist/scripts/src/components-core/theming/themes/root.js

@@ -208,6 +208,9 @@ exports.RootThemeDefinition = {
         "textColor-secondary": $colorSurface600,
         // --- Input is an abstract component, so we define its default theme variables here
         "backgroundColor-Input-default": $colorSurface0,
+        "backgroundColor-Input-success": $colorSurface0,
+        "backgroundColor-Input-warning": $colorSurface0,
+        "backgroundColor-Input-error": $colorSurface0,
         "borderColor-Input-default": $colorSurface200,
         "borderColor-Input-default--hover": $colorSurface600,
         "borderColor-Input-default--focus": $colorSurface600,

package/dist/scripts/src/components-core/theming/utils.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SizeScaleReadableKeys = exports.SizeScaleKeys = exports.ThemeToneKeys = void 0;
+/**
+ * Each theme can have a light or a dark tone.
+ */
+exports.ThemeToneKeys = ["light", "dark"];
+exports.SizeScaleKeys = {
+    // small scale
+    none: "none",
+    xs: "xs",
+    sm: "sm",
+    md: "md",
+    // large scale
+    lg: "lg",
+    xl: "xl",
+    "2xl": "2xl",
+    "3xl": "3xl",
+};
+exports.SizeScaleReadableKeys = {
+    // small scale
+    none: "None",
+    xs: "Extra Small",
+    sm: "Small",
+    md: "Medium",
+    // large scale
+    lg: "Large",
+    xl: "Extra Large",
+    "2xl": "Double Extra Large",
+    "3xl": "Triple Extra Large",
+};

package/dist/scripts/src/components-core/utils/date-utils.js

@@ -13,6 +13,7 @@ exports.smartFormatDate = smartFormatDate;
 exports.isDateToday = isDateToday;
 exports.isDateYesterday = isDateYesterday;
 exports.isDateTomorrow = isDateTomorrow;
+exports.formatHumanElapsedTime = formatHumanElapsedTime;
 const date_fns_1 = require("date-fns");
 const misc_1 = require("../utils/misc");
 function isoDateString(date) {
@@ -76,3 +77,62 @@ function isDateYesterday(date) {
 function isDateTomorrow(date) {
     return (0, date_fns_1.isTomorrow)(new Date(date));
 }
+/**
+ * Formats a date into a human-readable elapsed time string.
+ * Returns strings like "now", "12 seconds ago", "3 hours ago", "today", "yesterday", "3 weeks ago", etc.
+ *
+ * @param date The date to format
+ * @returns A human-readable elapsed time string
+ */
+function formatHumanElapsedTime(date) {
+    const now = new Date();
+    const inputDate = new Date(date);
+    // Calculate time difference in milliseconds
+    const diffMs = now.getTime() - inputDate.getTime();
+    // Handle future dates
+    if (diffMs < 0) {
+        return formatDate(date);
+    }
+    // Convert to seconds, minutes, hours, days, weeks
+    const diffSeconds = Math.floor(diffMs / 1000);
+    const diffMinutes = Math.floor(diffSeconds / 60);
+    const diffHours = Math.floor(diffMinutes / 60);
+    const diffDays = Math.floor(diffHours / 24);
+    const diffWeeks = Math.floor(diffDays / 7);
+    const diffMonths = Math.floor(diffDays / 30);
+    const diffYears = Math.floor(diffDays / 365);
+    // Just now (within 10 seconds)
+    if (diffSeconds < 10) {
+        return "now";
+    }
+    // Seconds ago (up to 1 minute)
+    if (diffSeconds < 60) {
+        return `${diffSeconds} second${diffSeconds === 1 ? "" : "s"} ago`;
+    }
+    // Minutes ago (up to 1 hour)
+    if (diffMinutes < 60) {
+        return `${diffMinutes} minute${diffMinutes === 1 ? "" : "s"} ago`;
+    }
+    // Hours ago (up to today)
+    if ((0, date_fns_1.isToday)(inputDate)) {
+        return `${diffHours} hour${diffHours === 1 ? "" : "s"} ago`;
+    }
+    // Yesterday
+    if ((0, date_fns_1.isYesterday)(inputDate)) {
+        return "yesterday";
+    }
+    // Days ago (up to 1 week)
+    if (diffDays < 7) {
+        return `${diffDays} day${diffDays === 1 ? "" : "s"} ago`;
+    }
+    // Weeks ago (up to 4 weeks / 1 month)
+    if (diffWeeks < 4) {
+        return `${diffWeeks} week${diffWeeks === 1 ? "" : "s"} ago`;
+    }
+    // Months ago (up to 12 months / 1 year)
+    if (diffMonths < 12) {
+        return `${diffMonths} month${diffMonths === 1 ? "" : "s"} ago`;
+    }
+    // Years ago
+    return `${diffYears} year${diffYears === 1 ? "" : "s"} ago`;
+}

package/dist/scripts/src/components-core/utils/statementUtils.js

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseHandlerCode = parseHandlerCode;
 exports.prepareHandlerStatements = prepareHandlerStatements;
 exports.runEventHandlerCode = runEventHandlerCode;
-const ScriptingSourceTree_1 = require("../../abstractions/scripting/ScriptingSourceTree");
+const ScriptingSourceTree_1 = require("../script-runner/ScriptingSourceTree");
 const Parser_1 = require("../../parsers/scripting/Parser");
 const process_statement_async_1 = require("../script-runner/process-statement-async");
 const reportEngineError_1 = require("../reportEngineError");

package/dist/scripts/src/parsers/scripting/Parser.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Parser = void 0;
 exports.createXmlUiTreeNodeId = createXmlUiTreeNodeId;
-const ScriptingSourceTree_1 = require("../../abstractions/scripting/ScriptingSourceTree");
+const ScriptingSourceTree_1 = require("../../components-core/script-runner/ScriptingSourceTree");
 const InputStream_1 = require("../common/InputStream");
 const Lexer_1 = require("./Lexer");
 const ParserError_1 = require("./ParserError");

package/dist/scripts/src/parsers/scripting/code-behind-collect.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PARSED_MARK_PROP = void 0;
 exports.collectCodeBehindFromSource = collectCodeBehindFromSource;
 exports.removeCodeBehindTokensFromTree = removeCodeBehindTokensFromTree;
-const ScriptingSourceTree_1 = require("../../abstractions/scripting/ScriptingSourceTree");
+const ScriptingSourceTree_1 = require("../../components-core/script-runner/ScriptingSourceTree");
 const tree_visitor_1 = require("./tree-visitor");
 const modules_1 = require("./modules");
 exports.PARSED_MARK_PROP = "__PARSED__";

package/dist/scripts/src/parsers/scripting/modules.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isModuleErrors = isModuleErrors;
 exports.parseScriptModule = parseScriptModule;
-const ScriptingSourceTree_1 = require("../../abstractions/scripting/ScriptingSourceTree");
+const ScriptingSourceTree_1 = require("../../components-core/script-runner/ScriptingSourceTree");
 const Parser_1 = require("./Parser");
 const ParserError_1 = require("./ParserError");
 const TokenType_1 = require("./TokenType");

package/dist/scripts/src/parsers/scripting/tree-visitor.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.visitNode = visitNode;
-const ScriptingSourceTree_1 = require("../../abstractions/scripting/ScriptingSourceTree");
+const ScriptingSourceTree_1 = require("../../components-core/script-runner/ScriptingSourceTree");
 const unreachable = (_x) => { };
 /*Walk through the ast, executing visitors on the nodes
  *

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

@@ -2,16 +2,37 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createXmlUiParser = createXmlUiParser;
 exports.parseXmlUiMarkup = parseXmlUiMarkup;
+const syntax_node_1 = require("./syntax-node");
 const CharacterCodes_1 = require("./CharacterCodes");
 const scanner_1 = require("./scanner");
 const syntax_kind_1 = require("./syntax-kind");
 const utils_1 = require("./utils");
 const diagnostics_1 = require("./diagnostics");
 const RECOVER_FILE = [syntax_kind_1.SyntaxKind.CData, syntax_kind_1.SyntaxKind.Script, syntax_kind_1.SyntaxKind.OpenNodeStart];
-const RECOVER_OPEN_TAG = [syntax_kind_1.SyntaxKind.OpenNodeStart, syntax_kind_1.SyntaxKind.NodeEnd, syntax_kind_1.SyntaxKind.NodeClose, syntax_kind_1.SyntaxKind.CloseNodeStart, syntax_kind_1.SyntaxKind.CData, syntax_kind_1.SyntaxKind.Script];
+const RECOVER_OPEN_TAG = [
+    syntax_kind_1.SyntaxKind.OpenNodeStart,
+    syntax_kind_1.SyntaxKind.NodeEnd,
+    syntax_kind_1.SyntaxKind.NodeClose,
+    syntax_kind_1.SyntaxKind.CloseNodeStart,
+    syntax_kind_1.SyntaxKind.CData,
+    syntax_kind_1.SyntaxKind.Script,
+];
 const RECOVER_ATTR = [syntax_kind_1.SyntaxKind.Identifier, ...RECOVER_OPEN_TAG];
-const RECOVER_CONTENT_LIST = [syntax_kind_1.SyntaxKind.TextNode, syntax_kind_1.SyntaxKind.StringLiteral, syntax_kind_1.SyntaxKind.CData, syntax_kind_1.SyntaxKind.Script, syntax_kind_1.SyntaxKind.OpenNodeStart, syntax_kind_1.SyntaxKind.CloseNodeStart];
-const RECOVER_CLOSE_TAG = [syntax_kind_1.SyntaxKind.NodeEnd, syntax_kind_1.SyntaxKind.OpenNodeStart, syntax_kind_1.SyntaxKind.CloseNodeStart, syntax_kind_1.SyntaxKind.CData, syntax_kind_1.SyntaxKind.Script];
+const RECOVER_CONTENT_LIST = [
+    syntax_kind_1.SyntaxKind.TextNode,
+    syntax_kind_1.SyntaxKind.StringLiteral,
+    syntax_kind_1.SyntaxKind.CData,
+    syntax_kind_1.SyntaxKind.Script,
+    syntax_kind_1.SyntaxKind.OpenNodeStart,
+    syntax_kind_1.SyntaxKind.CloseNodeStart,
+];
+const RECOVER_CLOSE_TAG = [
+    syntax_kind_1.SyntaxKind.NodeEnd,
+    syntax_kind_1.SyntaxKind.OpenNodeStart,
+    syntax_kind_1.SyntaxKind.CloseNodeStart,
+    syntax_kind_1.SyntaxKind.CData,
+    syntax_kind_1.SyntaxKind.Script,
+];
 function createXmlUiParser(source) {
     return {
         parse: () => parseXmlUiMarkup(source),
@@ -208,7 +229,11 @@ function parseXmlUiMarkup(text) {
                 nameIdent = bump(syntax_kind_1.SyntaxKind.Identifier);
             }
             else {
-                const errNode = errNodeUntil([syntax_kind_1.SyntaxKind.Equal, syntax_kind_1.SyntaxKind.Identifier, ...RECOVER_OPEN_TAG]);
+                const errNode = errNodeUntil([
+                    syntax_kind_1.SyntaxKind.Equal,
+                    syntax_kind_1.SyntaxKind.Identifier,
+                    ...RECOVER_OPEN_TAG,
+                ]);
                 if (errNode) {
                     errorAt(diagnostics_1.DIAGS.expAttrNameAfterNamespace, errNode.pos, errNode.end);
                 }
@@ -225,7 +250,8 @@ function parseXmlUiMarkup(text) {
             if (at(syntax_kind_1.SyntaxKind.Identifier)) {
                 const closeTagName = parseClosingTagName();
                 if (!skipNameMatching) {
-                    const namesMismatch = openTagName !== null && !(0, utils_1.tagNameNodesWithoutErrorsMatch)(openTagName, closeTagName, getText);
+                    const namesMismatch = openTagName !== null &&
+                        !(0, utils_1.tagNameNodesWithoutErrorsMatch)(openTagName, closeTagName, getText);
                     if (namesMismatch) {
                         const msg = diagnostics_1.DIAGS.tagNameMismatch(getText(openTagName), getText(closeTagName));
                         errorAt(msg, closeTagName.pos, closeTagName.end);
@@ -306,10 +332,10 @@ function parseXmlUiMarkup(text) {
         });
     }
     /**
-    *
-    * @param tokens that won't be consumed
-    * @returns the error node with the consumed tokens, or null if there were no tokens consumed
-    */
+     *
+     * @param tokens that won't be consumed
+     * @returns the error node with the consumed tokens, or null if there were no tokens consumed
+     */
     function errNodeUntil(tokens) {
         startNode();
         advance(tokens);
@@ -422,7 +448,7 @@ function parseXmlUiMarkup(text) {
             }
             end = scanner.getTokenEnd();
         }
-        peekedToken = { kind, start, pos, end, triviaBefore };
+        peekedToken = new syntax_node_1.Node(kind, pos, end, triviaBefore);
         return peekedToken;
     }
     /** Same as bumpAny, but with an assertion of the token that was bumped over.
@@ -479,20 +505,14 @@ function parseXmlUiMarkup(text) {
                     err = errFromScanner.message;
                 }
                 const pos = scanner.getTokenStart();
-                const token = {
-                    kind,
-                    start,
-                    pos,
-                    end: scanner.getTokenEnd(),
-                    triviaBefore: triviaCollected.length > 0 ? triviaCollected : undefined,
-                };
+                const triviaBefore = triviaCollected.length > 0 ? triviaCollected : undefined;
                 triviaCollected = [];
                 if (inContent && err.code === diagnostics_1.ErrCodes.invalidChar) {
                     errFromScanner = undefined;
-                    return token;
+                    return new syntax_node_1.Node(kind, pos, scanner.getTokenEnd(), triviaBefore);
                 }
                 const badPrefixEnd = pos + errFromScanner.prefixLength;
-                token.end = badPrefixEnd;
+                const token = new syntax_node_1.Node(kind, pos, badPrefixEnd, triviaBefore);
                 scanner.resetTokenState(badPrefixEnd);
                 startNode();
                 node.children.push(token);
@@ -505,21 +525,10 @@ function parseXmlUiMarkup(text) {
                 case syntax_kind_1.SyntaxKind.CommentTrivia:
                 case syntax_kind_1.SyntaxKind.NewLineTrivia:
                 case syntax_kind_1.SyntaxKind.WhitespaceTrivia:
-                    triviaCollected.push({
-                        kind,
-                        start,
-                        pos: scanner.getTokenStart(),
-                        end: scanner.getTokenEnd(),
-                    });
+                    triviaCollected.push(new syntax_node_1.Node(kind, scanner.getTokenStart(), scanner.getTokenEnd()));
                     break;
                 default:
-                    return {
-                        kind,
-                        start,
-                        pos: scanner.getTokenStart(),
-                        end: scanner.getTokenEnd(),
-                        triviaBefore: triviaCollected.length > 0 ? triviaCollected : undefined,
-                    };
+                    return new syntax_node_1.Node(kind, scanner.getTokenStart(), scanner.getTokenEnd(), triviaCollected.length > 0 ? triviaCollected : undefined);
             }
         }
     }
@@ -533,11 +542,5 @@ function parseXmlUiMarkup(text) {
 function createNode(kind, children) {
     const firstChild = children[0];
     const lastChild = children[children.length - 1];
-    return {
-        kind,
-        start: firstChild.start,
-        pos: firstChild.pos,
-        end: lastChild.end,
-        children,
-    };
+    return new syntax_node_1.Node(kind, firstChild.pos, lastChild.end, undefined, children);
 }

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

@@ -1,2 +1,67 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TagNameNode = exports.AttributeListNode = exports.ContentListNode = exports.AttributeKeyNode = exports.AttributeNode = exports.ElementNode = exports.Node = void 0;
+const syntax_kind_1 = require("./syntax-kind");
+const utils_1 = require("./utils");
+class Node {
+    constructor(kind, pos, end, triviaBefore, children) {
+        var _a, _b, _c, _d;
+        this.kind = kind;
+        this.pos = pos;
+        this.end = end;
+        this.triviaBefore = triviaBefore;
+        this.children = children;
+        if (triviaBefore) {
+            this.start = (_b = (_a = triviaBefore[0]) === null || _a === void 0 ? void 0 : _a.start) !== null && _b !== void 0 ? _b : pos;
+        }
+        else if (children) {
+            this.start = (_d = (_c = children[0]) === null || _c === void 0 ? void 0 : _c.start) !== null && _d !== void 0 ? _d : pos;
+        }
+        else {
+            this.start = pos;
+        }
+    }
+    isElementNode() {
+        return this.kind === syntax_kind_1.SyntaxKind.ElementNode;
+    }
+    isAttributeNode() {
+        return this.kind === syntax_kind_1.SyntaxKind.AttributeNode;
+    }
+    isAttributeKeyNode() {
+        return this.kind === syntax_kind_1.SyntaxKind.AttributeKeyNode;
+    }
+    isContentListNode() {
+        return this.kind === syntax_kind_1.SyntaxKind.ContentListNode;
+    }
+    isAttributeListNode() {
+        return this.kind === syntax_kind_1.SyntaxKind.AttributeListNode;
+    }
+    isTagNameNode() {
+        return this.kind === syntax_kind_1.SyntaxKind.TagNameNode;
+    }
+    findTokenAtPos(position) {
+        return (0, utils_1.findTokenAtPos)(this, position);
+    }
+}
+exports.Node = Node;
+class ElementNode extends Node {
+    getAttributeListNode() {
+        return this.children.find((c) => c.isContentListNode());
+    }
+}
+exports.ElementNode = ElementNode;
+class AttributeNode extends Node {
+}
+exports.AttributeNode = AttributeNode;
+class AttributeKeyNode extends Node {
+}
+exports.AttributeKeyNode = AttributeKeyNode;
+class ContentListNode extends Node {
+}
+exports.ContentListNode = ContentListNode;
+class AttributeListNode extends Node {
+}
+exports.AttributeListNode = AttributeListNode;
+class TagNameNode extends Node {
+}
+exports.TagNameNode = TagNameNode;

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

@@ -4,6 +4,7 @@ exports.CORE_NAMESPACE_VALUE = exports.onPrefixRegex = exports.UCRegex = exports
 exports.nodeToComponentDef = nodeToComponentDef;
 exports.stripOnPrefix = stripOnPrefix;
 const code_behind_collect_1 = require("../scripting/code-behind-collect");
+const syntax_node_1 = require("./syntax-node");
 const syntax_kind_1 = require("./syntax-kind");
 const ParserError_1 = require("./ParserError");
 const Parser_1 = require("../scripting/Parser");
@@ -1012,16 +1013,17 @@ function getChildNodes(node) {
     return (_c = (_b = (_a = node.children) === null || _a === void 0 ? void 0 : _a.find((c) => c.kind === syntax_kind_1.SyntaxKind.ContentListNode)) === null || _b === void 0 ? void 0 : _b.children) !== null && _c !== void 0 ? _c : [];
 }
 function withNewChildNodes(node, newChildren) {
-    var _a;
+    var _a, _b, _c, _d, _e;
     const childrenListIdx = (_a = node.children) === null || _a === void 0 ? void 0 : _a.findIndex((c) => c.kind === syntax_kind_1.SyntaxKind.ContentListNode);
     if (childrenListIdx === undefined || childrenListIdx === -1) {
         return node;
     }
-    return Object.assign(Object.assign({}, node), { children: [
-            ...node.children.slice(0, childrenListIdx),
-            Object.assign(Object.assign({}, node.children[childrenListIdx]), { children: newChildren }),
-            ...node.children.slice(childrenListIdx),
-        ] });
+    const contentListChild = node.children[childrenListIdx];
+    return new syntax_node_1.Node(node.kind, (_b = node.pos) !== null && _b !== void 0 ? _b : 0, (_c = node.end) !== null && _c !== void 0 ? _c : 0, node.triviaBefore, [
+        ...node.children.slice(0, childrenListIdx),
+        new syntax_node_1.Node(contentListChild.kind, (_d = contentListChild.pos) !== null && _d !== void 0 ? _d : 0, (_e = contentListChild.end) !== null && _e !== void 0 ? _e : 0, undefined, newChildren),
+        ...node.children.slice(childrenListIdx),
+    ]);
 }
 function desugarKeyOnlyAttrs(attrs) {
     var _a;
@@ -1113,8 +1115,8 @@ function getNamespaceResolvedComponentName(node, getText, namespaceStack) {
     return resolvedNamespace + "." + name;
 }
 /**
-* @param name - The name of the event in camelCase, with "on" prefix.
-*/
+ * @param name - The name of the event in camelCase, with "on" prefix.
+ */
 function stripOnPrefix(name) {
     return name[2].toLowerCase() + name.substring(3);
 }

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

@@ -37,7 +37,6 @@ function tagNameNodesWithoutErrorsMatch(name1, name2, getText) {
 }
 function findTokenAtPos(node, position) {
     const chain = [node];
-    let chainBeforePos;
     let sharedParents;
     if (node.start > position || position > node.end) {
         return undefined;
@@ -45,7 +44,7 @@ function findTokenAtPos(node, position) {
     const res = {
         chainAtPos: chain,
         chainBeforePos: undefined,
-        sharedParents: undefined
+        sharedParents: undefined,
     };
     while (node.children !== undefined && node.children.length > 0) {
         //todo: make it a binary search before finding a fork