xmlui 0.9.58 → 0.9.60

package/dist/scripts/src/components-core/Fragment.js

@@ -7,8 +7,8 @@ const ComponentDefs_1 = require("../abstractions/ComponentDefs");
 const renderers_1 = require("./renderers");
 const COMP = "Fragment";
 exports.FragmentMd = (0, ComponentDefs_1.createMetadata)({
-    description: "`Fragment` provides conditional rendering. You can use `when=` on any " +
-        "component to render it conditionally, use `Fragment` to apply `when` to a group of components.",
+    description: "`Fragment` provides conditional rendering and grouping of components. It's often " +
+        "used to hide components until their dependent variables are available.",
     opaque: true,
 });
 exports.fragmentComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.FragmentMd, ({ node, extractValue, renderChild, layoutContext }) => {

package/dist/scripts/src/components-core/RestApiProxy.js

@@ -51,8 +51,8 @@ const process_statement_sync_1 = require("./script-runner/process-statement-sync
 function isAxiosResponse(response) {
     return "data" in response;
 }
-function parseResponseJson(response_1) {
-    return __awaiter(this, arguments, void 0, function* (response, logError = false) {
+function parseResponseJson(response) {
+    return __awaiter(this, void 0, void 0, function* () {
         let resp;
         if (isAxiosResponse(response)) {
             resp = response.data;
@@ -66,9 +66,7 @@ function parseResponseJson(response_1) {
                     resp = yield response.clone().text();
                 }
                 catch (e) {
-                    if (logError) {
-                        console.error("Failed to parse response as text or JSON", response.body);
-                    }
+                    console.error("Failed to parse response as text or JSON", response.body);
                 }
             }
         }
@@ -232,7 +230,6 @@ class RestApiProxy {
             return value;
         };
         this.executeOperation = (_a) => __awaiter(this, [_a], void 0, function* ({ operation, contextParams, abortSignal, resolveBindingExpressions, relativePath = this.extractParam(resolveBindingExpressions, operation.url, contextParams), method = this.extractParam(resolveBindingExpressions, operation.method, contextParams), queryParams = this.extractParam(resolveBindingExpressions, operation.queryParams, contextParams), body = this.extractParam(resolveBindingExpressions, operation.body, contextParams, true), rawBody = this.extractParam(resolveBindingExpressions, operation.rawBody, contextParams), headers = this.extractParam(resolveBindingExpressions, operation.headers, contextParams), payloadType = this.extractParam(resolveBindingExpressions, operation.payloadType, contextParams) || "json", onUploadProgress, parseResponse = this.tryParseResponse, transactionId, }) {
-            var _b, _c, _d, _e, _f, _g;
             const includeClientTxId = method && method !== "get" && !!transactionId;
             const headersWithoutContentType = Object.assign(Object.assign({}, this.getHeaders()), { ["Content-Type"]: undefined });
             const aggregatedHeaders = (0, lodash_es_1.omitBy)(Object.assign(Object.assign({}, (body ? this.getHeaders() : headersWithoutContentType)), headers), lodash_es_1.isUndefined);
@@ -281,7 +278,7 @@ class RestApiProxy {
                         data: options.body,
                         onUploadProgress,
                     });
-                    return yield parseResponse(response, (_d = (_c = (_b = this.appContext) === null || _b === void 0 ? void 0 : _b.appGlobals) === null || _c === void 0 ? void 0 : _c.logRestApiErrors) !== null && _d !== void 0 ? _d : false);
+                    return yield parseResponse(response);
                 }
                 catch (error) {
                     if (axios.isAxiosError(error) && error.response) {
@@ -297,12 +294,12 @@ class RestApiProxy {
                 if (!response.clone().ok) {
                     throw yield this.raiseError(response);
                 }
-                const parsedResponse = yield parseResponse(response.clone(), (_g = (_f = (_e = this.appContext) === null || _e === void 0 ? void 0 : _e.appGlobals) === null || _f === void 0 ? void 0 : _f.logRestApiErrors) !== null && _g !== void 0 ? _g : false);
+                const parsedResponse = yield parseResponse(response.clone());
                 return parsedResponse;
             }
         });
-        this.tryParseResponse = (response_1, ...args_1) => __awaiter(this, [response_1, ...args_1], void 0, function* (response, logError = false) {
-            return yield parseResponseJson(response, logError);
+        this.tryParseResponse = (response) => __awaiter(this, void 0, void 0, function* () {
+            return yield parseResponseJson(response);
         });
         this.raiseError = (response) => __awaiter(this, void 0, void 0, function* () {
             if ("config" in response) {

package/dist/scripts/src/components-core/descriptorHelper.js

@@ -83,13 +83,4 @@ exports.layoutOptionKeys = [
     "outlineColor",
     "outlineStyle",
     "outlineOffset",
-    "fontVariant",
-    "lineBreak",
-    "textIndent",
-    "textShadow",
-    "wordBreak",
-    "wordSpacing",
-    "wordWrap",
-    "writingMode",
-    "transition",
 ];

package/dist/scripts/src/components-core/rendering/AppContent.js

@@ -130,8 +130,8 @@ function AppContent({ rootContainer, routerBaseName, globalProps, standalone, tr
     const isViewportTablet = (0, hooks_1.useMediaQuery)(`(min-width: ${maxWidthLandscapePhone}) and (max-width: ${maxWidthTabletLower})`);
     const isViewportDesktop = (0, hooks_1.useMediaQuery)(`(min-width: ${maxWidthTablet}) and (max-width: ${maxWidthDesktopLower})`);
     const isViewportLargeDesktop = (0, hooks_1.useMediaQuery)(`(min-width: ${maxWidthDesktop}) and (max-width: ${maxWidthLargeDesktopLower})`);
-    let vpSize;
-    let vpSizeIndex;
+    let vpSize = "xs";
+    let vpSizeIndex = 0;
     const isViewportXlDesktop = (0, hooks_1.useMediaQuery)(`(min-width: ${maxWidthLargeDesktop})`);
     if (isViewportXlDesktop) {
         vpSize = "xxl";
@@ -153,10 +153,6 @@ function AppContent({ rootContainer, routerBaseName, globalProps, standalone, tr
         vpSize = "sm";
         vpSizeIndex = 1;
     }
-    else if (isViewportPhone) {
-        vpSize = "xs";
-        vpSizeIndex = 0;
-    }
     // --- Collect information about the current environment
     const isInIFrame = (0, hooks_1.useIsInIFrame)();
     const isWindowFocused = (0, hooks_1.useIsWindowFocused)();

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

@@ -111,15 +111,11 @@ 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");
@@ -128,10 +124,6 @@ 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");
@@ -347,8 +339,6 @@ const layoutPatterns = {
     fontSize: [],
     fontWeight: [],
     fontStyle: [booleanRegex],
-    fontVariant: [],
-    lineBreak: [],
     textDecoration: [],
     userSelect: [],
     letterSpacing: [],
@@ -357,12 +347,6 @@ const layoutPatterns = {
     textAlign: [],
     textWrap: [],
     textAlignLast: [],
-    textIndent: [],
-    textShadow: [],
-    wordBreak: [],
-    wordSpacing: [],
-    wordWrap: [],
-    writingMode: [],
     // --- Content rendering
     wrapContent: [],
     canShrink: [],
@@ -381,6 +365,4 @@ const layoutPatterns = {
     outlineColor: [],
     outlineStyle: [],
     outlineOffset: [],
-    // --- Animation
-    transition: [],
 };

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

@@ -2,37 +2,16 @@
 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),
@@ -229,11 +208,7 @@ 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);
                 }
@@ -250,8 +225,7 @@ 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);
@@ -332,10 +306,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);
@@ -448,7 +422,7 @@ function parseXmlUiMarkup(text) {
             }
             end = scanner.getTokenEnd();
         }
-        peekedToken = new syntax_node_1.Node(kind, pos, end, triviaBefore);
+        peekedToken = { kind, start, pos, end, triviaBefore };
         return peekedToken;
     }
     /** Same as bumpAny, but with an assertion of the token that was bumped over.
@@ -505,14 +479,20 @@ function parseXmlUiMarkup(text) {
                     err = errFromScanner.message;
                 }
                 const pos = scanner.getTokenStart();
-                const triviaBefore = triviaCollected.length > 0 ? triviaCollected : undefined;
+                const token = {
+                    kind,
+                    start,
+                    pos,
+                    end: scanner.getTokenEnd(),
+                    triviaBefore: triviaCollected.length > 0 ? triviaCollected : undefined,
+                };
                 triviaCollected = [];
                 if (inContent && err.code === diagnostics_1.ErrCodes.invalidChar) {
                     errFromScanner = undefined;
-                    return new syntax_node_1.Node(kind, pos, scanner.getTokenEnd(), triviaBefore);
+                    return token;
                 }
                 const badPrefixEnd = pos + errFromScanner.prefixLength;
-                const token = new syntax_node_1.Node(kind, pos, badPrefixEnd, triviaBefore);
+                token.end = badPrefixEnd;
                 scanner.resetTokenState(badPrefixEnd);
                 startNode();
                 node.children.push(token);
@@ -525,10 +505,21 @@ function parseXmlUiMarkup(text) {
                 case syntax_kind_1.SyntaxKind.CommentTrivia:
                 case syntax_kind_1.SyntaxKind.NewLineTrivia:
                 case syntax_kind_1.SyntaxKind.WhitespaceTrivia:
-                    triviaCollected.push(new syntax_node_1.Node(kind, scanner.getTokenStart(), scanner.getTokenEnd()));
+                    triviaCollected.push({
+                        kind,
+                        start,
+                        pos: scanner.getTokenStart(),
+                        end: scanner.getTokenEnd(),
+                    });
                     break;
                 default:
-                    return new syntax_node_1.Node(kind, scanner.getTokenStart(), scanner.getTokenEnd(), triviaCollected.length > 0 ? triviaCollected : undefined);
+                    return {
+                        kind,
+                        start,
+                        pos: scanner.getTokenStart(),
+                        end: scanner.getTokenEnd(),
+                        triviaBefore: triviaCollected.length > 0 ? triviaCollected : undefined,
+                    };
             }
         }
     }
@@ -542,5 +533,11 @@ function parseXmlUiMarkup(text) {
 function createNode(kind, children) {
     const firstChild = children[0];
     const lastChild = children[children.length - 1];
-    return new syntax_node_1.Node(kind, firstChild.pos, lastChild.end, undefined, children);
+    return {
+        kind,
+        start: firstChild.start,
+        pos: firstChild.pos,
+        end: lastChild.end,
+        children,
+    };
 }

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

@@ -1,67 +1,2 @@
 "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,7 +4,6 @@ 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");
@@ -1013,17 +1012,16 @@ 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, _b, _c, _d, _e;
+    var _a;
     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;
     }
-    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),
-    ]);
+    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),
+        ] });
 }
 function desugarKeyOnlyAttrs(attrs) {
     var _a;
@@ -1115,8 +1113,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,6 +37,7 @@ 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;
@@ -44,7 +45,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

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

@@ -1303,7 +1303,7 @@ declare type Message = ValueOrFunction<Renderable, Toast>;
  */
 declare type ModuleErrors = Record<string, ScriptParserErrorMessage[]>;
 
-declare function NestedApp({ api, app, components, config, activeTheme, activeTone, title, height, allowPlaygroundPopup, withFrame, style }: NestedAppProps): JSX_2.Element;
+declare function NestedApp({ api, app, components, config, activeTheme, activeTone, title, height, allowPlaygroundPopup, withFrame, }: NestedAppProps): JSX_2.Element;
 
 declare type NestedAppProps = {
     api?: any;
@@ -1316,7 +1316,6 @@ declare type NestedAppProps = {
     height?: string | number;
     allowPlaygroundPopup?: boolean;
     withFrame?: boolean;
-    style?: CSSProperties;
 };
 
 declare type NO_ARG_EXPRESSION = typeof T_NO_ARG_EXPRESSION;
@@ -2082,13 +2081,13 @@ declare type ThemeScope = {
     activeTheme: ThemeDefinition;
     /**
      * This hash object stores the CSS theme variable names with their CSS values definition,
-     * like "--xmlui-verticalAlignment-Text-sub": "sub";
+     * like "--xmlui-verticalAlign-Text-sub": "sub";
      * "--xmlui-backgroundColor": "var(--xmlui-color-surface-50)"
      */
     themeStyles: Record<string, string>;
     /**
      * This hash object stores the theme variable names with their CSS values definition, like
-     * "verticalAlignment-Text-sub": "sub"; "backgroundColor": "var(--xmlui-color-surface-50)".
+     * "verticalAlign-Text-sub": "sub"; "backgroundColor": "var(--xmlui-color-surface-50)".
      */
     themeVars: Record<string, string>;
     /**