xmlui 0.9.5 → 0.9.7

package/dist/{apiInterceptorWorker-Be8IJaBL.mjs → apiInterceptorWorker-DJ9I-JAW.mjs}

@@ -12,7 +12,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
 var _executor, _DeferredPromise_instances, decorate_fn, _a2;
 import { delay as delay$1, HttpResponse, http } from "msw";
 import { isArray, isObject as isObject$1, mapValues } from "lodash-es";
-import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./index-tLddBc_K.mjs";
+import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./index-ohXvHX94.mjs";
 import Dexie from "dexie";
 var POSITIONALS_EXP = /(%?)(%([sdijo]))/g;
 function serializePositional(positional, flag) {

package/dist/{index-tLddBc_K.mjs → index-ohXvHX94.mjs}

@@ -7,7 +7,7 @@ import { useQuery, useInfiniteQuery, QueryClientProvider, QueryClient } from "@t
 import produce, { createDraft, finishDraft, enableMapSet } from "immer";
 import { throttle, get, isNil, omitBy, isUndefined, noop as noop$2, isPlainObject, isEqual, union, uniq, orderBy as orderBy$1, isEmpty, isObject, isArray, groupBy, sortBy, omit, isNumber, isString, cloneDeep, merge, defaultTo, capitalize, unset, setWith, keyBy, pick } from "lodash-es";
 import { formatDistanceToNow, parse, format, parseISO, isValid, isTomorrow, isYesterday, isToday, isThisWeek, formatRelative, isThisYear, isSameDay, differenceInMinutes } from "date-fns";
-import { v as validationStatusMd, l as labelPositionMd, o as orientationOptionMd, a as alignmentOptionValues, L as LinkTargetMd, b as alignmentOptionMd, i as iconPositionMd, c as buttonTypesMd, s as sizeMd, d as buttonThemeMd, e as buttonVariantMd, P as Parser, T as T_CALCULATED_MEMBER_ACCESS_EXPRESSION, f as T_MEMBER_ACCESS_EXPRESSION, g as T_IDENTIFIER, h as T_PREFIX_OP_EXPRESSION, j as T_FUNCTION_DECLARATION, k as T_ARROW_EXPRESSION, m as createXmlUiTreeNodeId, n as T_EMPTY_STATEMENT, p as T_SWITCH_STATEMENT, q as T_TRY_STATEMENT, r as T_THROW_STATEMENT, t as T_FOR_OF_STATEMENT, u as T_FOR_IN_STATEMENT, w as T_FOR_STATEMENT, x as T_EXPRESSION_STATEMENT, y as T_BREAK_STATEMENT, z as T_CONTINUE_STATEMENT, A as T_DO_WHILE_STATEMENT, B as T_WHILE_STATEMENT, C as T_RETURN_STATEMENT, D as T_IF_STATEMENT, E as T_CONST_STATEMENT, F as T_LET_STATEMENT, G as T_ARROW_EXPRESSION_STATEMENT, H as T_BLOCK_STATEMENT, I as T_VAR_STATEMENT, J as T_ASSIGNMENT_EXPRESSION, K as T_LITERAL, M as T_SPREAD_EXPRESSION, N as T_FUNCTION_INVOCATION_EXPRESSION, O as T_POSTFIX_OP_EXPRESSION, Q as T_CONDITIONAL_EXPRESSION, R as T_BINARY_EXPRESSION, S as T_UNARY_EXPRESSION, U as T_OBJECT_LITERAL, V as T_ARRAY_LITERAL, W as T_SEQUENCE_EXPRESSION, X as T_TEMPLATE_LITERAL_EXPRESSION, Y as T_VAR_DECLARATION, Z as T_DESTRUCTURE, _ as TextVariantElement, $ as VariantPropsKeys, a0 as variantOptionsMd, a1 as scrollAnchoringValues, a2 as buttonThemeNames, a3 as iconPositionNames, a4 as buttonVariantNames, a5 as nodeToComponentDef, a6 as triggerPositionNames, a7 as statusColorMd, a8 as placementMd, a9 as httpMethodNames, aa as PARSED_MARK_PROP, ab as layoutOptionKeys, ac as viewportSizeNames, ad as componentFileExtension, ae as codeBehindFileExtension, af as getLintSeverity, ag as LintSeverity, ah as lintApp, ai as printComponentLints, aj as lintErrorsComponent, ak as collectCodeBehindFromSource, al as removeCodeBehindTokensFromTree } from "./lint-gX2osbkz.mjs";
+import { v as validationStatusMd, l as labelPositionMd, o as orientationOptionMd, a as alignmentOptionValues, L as LinkTargetMd, b as alignmentOptionMd, i as iconPositionMd, c as buttonTypesMd, s as sizeMd, d as buttonThemeMd, e as buttonVariantMd, P as Parser, T as T_CALCULATED_MEMBER_ACCESS_EXPRESSION, f as T_MEMBER_ACCESS_EXPRESSION, g as T_IDENTIFIER, h as T_PREFIX_OP_EXPRESSION, j as T_FUNCTION_DECLARATION, k as T_ARROW_EXPRESSION, m as createXmlUiTreeNodeId, n as T_EMPTY_STATEMENT, p as T_SWITCH_STATEMENT, q as T_TRY_STATEMENT, r as T_THROW_STATEMENT, t as T_FOR_OF_STATEMENT, u as T_FOR_IN_STATEMENT, w as T_FOR_STATEMENT, x as T_EXPRESSION_STATEMENT, y as T_BREAK_STATEMENT, z as T_CONTINUE_STATEMENT, A as T_DO_WHILE_STATEMENT, B as T_WHILE_STATEMENT, C as T_RETURN_STATEMENT, D as T_IF_STATEMENT, E as T_CONST_STATEMENT, F as T_LET_STATEMENT, G as T_ARROW_EXPRESSION_STATEMENT, H as T_BLOCK_STATEMENT, I as T_VAR_STATEMENT, J as T_ASSIGNMENT_EXPRESSION, K as T_LITERAL, M as T_SPREAD_EXPRESSION, N as T_FUNCTION_INVOCATION_EXPRESSION, O as T_POSTFIX_OP_EXPRESSION, Q as T_CONDITIONAL_EXPRESSION, R as T_BINARY_EXPRESSION, S as T_UNARY_EXPRESSION, U as T_OBJECT_LITERAL, V as T_ARRAY_LITERAL, W as T_SEQUENCE_EXPRESSION, X as T_TEMPLATE_LITERAL_EXPRESSION, Y as T_VAR_DECLARATION, Z as T_DESTRUCTURE, _ as TextVariantElement, $ as VariantPropsKeys, a0 as variantOptionsMd, a1 as scrollAnchoringValues, a2 as buttonThemeNames, a3 as iconPositionNames, a4 as buttonVariantNames, a5 as nodeToComponentDef, a6 as triggerPositionNames, a7 as statusColorMd, a8 as placementMd, a9 as httpMethodNames, aa as PARSED_MARK_PROP, ab as layoutOptionKeys, ac as viewportSizeNames, ad as componentFileExtension, ae as codeBehindFileExtension, af as getLintSeverity, ag as LintSeverity, ah as lintApp, ai as printComponentLints, aj as lintErrorsComponent, ak as collectCodeBehindFromSource, al as removeCodeBehindTokensFromTree } from "./lint-B9tKGcOX.mjs";
 import classnames from "classnames";
 import Color from "color";
 import TextareaAutosize from "react-textarea-autosize";
@@ -4481,10 +4481,10 @@ const navLinkComponentRenderer = createComponentRenderer(
   }
 );
 const themeVars$E = `'{"padding-Link": "var(--xmlui-padding-Link)", "paddingHorizontal-Link": "var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link))", "paddingVertical-Link": "var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link))", "paddingLeft-Link": "var(--xmlui-paddingLeft-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingRight-Link": "var(--xmlui-paddingRight-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingTop-Link": "var(--xmlui-paddingTop-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "paddingBottom-Link": "var(--xmlui-paddingBottom-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "padding-icon-Link": "var(--xmlui-padding-icon-Link)", "paddingHorizontal-icon-Link": "var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link))", "paddingVertical-icon-Link": "var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link))", "paddingLeft-icon-Link": "var(--xmlui-paddingLeft-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingRight-icon-Link": "var(--xmlui-paddingRight-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingTop-icon-Link": "var(--xmlui-paddingTop-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingBottom-icon-Link": "var(--xmlui-paddingBottom-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "border-Link": "var(--xmlui-border-Link)", "borderHorizontal-Link": "var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link))", "borderVertical-Link": "var(--xmlui-borderVertical-Link, var(--xmlui-border-Link))", "borderLeft-Link": "var(--xmlui-borderLeft-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderRight-Link": "var(--xmlui-borderRight-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderTop-Link": "var(--xmlui-borderTop-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderBottom-Link": "var(--xmlui-borderBottom-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderWidth-Link": "var(--xmlui-borderWidth-Link)", "borderHorizontalWidth-Link": "var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link))", "borderLeftWidth-Link": "var(--xmlui-borderLeftWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderRightWidth-Link": "var(--xmlui-borderRightWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderVerticalWidth-Link": "var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link))", "borderTopWidth-Link": "var(--xmlui-borderTopWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderBottomWidth-Link": "var(--xmlui-borderBottomWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderStyle-Link": "var(--xmlui-borderStyle-Link)", "borderHorizontalStyle-Link": "var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link))", "borderLeftStyle-Link": "var(--xmlui-borderLeftStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderRightStyle-Link": "var(--xmlui-borderRightStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderVerticalStyle-Link": "var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link))", "borderTopStyle-Link": "var(--xmlui-borderTopStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderBottomStyle-Link": "var(--xmlui-borderBottomStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderColor-Link": "var(--xmlui-borderColor-Link)", "borderHorizontalColor-Link": "var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link))", "borderLeftColor-Link": "var(--xmlui-borderLeftColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderRightColor-Link": "var(--xmlui-borderRightColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderVerticalColor-Link": "var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link))", "borderTopColor-Link": "var(--xmlui-borderTopColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderBottomColor-Link": "var(--xmlui-borderBottomColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderStartStartRadius-Link": "var(--xmlui-borderStartStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderStartEndRadius-Link": "var(--xmlui-borderStartEndRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndStartRadius-Link": "var(--xmlui-borderEndStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndEndRadius-Link": "var(--xmlui-borderEndEndRadius-Link, var(--xmlui-borderRadius-Link))", "textColor-Link": "var(--xmlui-textColor-Link)", "textColor-Link--active": "var(--xmlui-textColor-Link--active)", "textColor-Link--hover": "var(--xmlui-textColor-Link--hover)", "textColor-Link--hover--active": "var(--xmlui-textColor-Link--hover--active)", "fontFamily-Link": "var(--xmlui-fontFamily-Link)", "fontSize-Link": "var(--xmlui-fontSize-Link)", "fontWeight-Link": "var(--xmlui-fontWeight-Link)", "fontWeight-Link--active": "var(--xmlui-fontWeight-Link--active)", "textDecorationColor-Link": "var(--xmlui-textDecorationColor-Link)", "textUnderlineOffset-Link": "var(--xmlui-textUnderlineOffset-Link)", "textDecorationLine-Link": "var(--xmlui-textDecorationLine-Link)", "textDecorationStyle-Link": "var(--xmlui-textDecorationStyle-Link)", "textDecorationThickness-Link": "var(--xmlui-textDecorationThickness-Link)", "gap-icon-Link": "var(--xmlui-gap-icon-Link)", "outlineWidth-Link--focus": "var(--xmlui-outlineWidth-Link--focus)", "outlineColor-Link--focus": "var(--xmlui-outlineColor-Link--focus)", "outlineStyle-Link--focus": "var(--xmlui-outlineStyle-Link--focus)", "outlineOffset-Link--focus": "var(--xmlui-outlineOffset-Link--focus)"}'`;
-const container$2 = "_container_1pdwf_13";
-const active$3 = "_active_1pdwf_53";
-const disabled$5 = "_disabled_1pdwf_57";
-const iconWrapper = "_iconWrapper_1pdwf_73";
+const container$2 = "_container_k8i4t_13";
+const active$3 = "_active_k8i4t_53";
+const disabled$5 = "_disabled_k8i4t_57";
+const iconWrapper = "_iconWrapper_k8i4t_73";
 const styles$V = {
   themeVars: themeVars$E,
   container: container$2,
@@ -23117,6 +23117,11 @@ function ThemeProvider({
     }
     return defaultTone;
   });
+  useEffect(() => {
+    if (defaultTone) {
+      setActiveThemeTone(defaultTone);
+    }
+  }, [defaultTone]);
   const themes = useMemo(() => {
     return [...custThemes, ...builtInThemes];
   }, [custThemes]);
@@ -31666,7 +31671,7 @@ function IconProvider({ children }) {
     /* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
   ] });
 }
-const version = "0.9.5";
+const version = "0.9.7";
 const ApiInterceptorContext = createContext(null);
 function useApiInterceptorContext() {
   return useContext(ApiInterceptorContext);
@@ -33517,6 +33522,15 @@ const Container = memo(
               );
             }
             statements = parsedStatementsRef.current[source];
+          } else if (isParsedEventValue(source)) {
+            const parseId = source.parseId.toString();
+            if (!parsedStatementsRef.current[parseId]) {
+              parsedStatementsRef.current[parseId] = prepareHandlerStatements(
+                source.statements,
+                evalContext
+              );
+            }
+            statements = parsedStatementsRef.current[parseId];
           } else {
             statements = [
               {
@@ -33634,23 +33648,44 @@ const Container = memo(
     );
     const getOrCreateEventHandlerFn = useEvent(
       (src, uid, options2) => {
-        var _a2;
+        var _a2, _b;
         if (Array.isArray(src)) {
           throw new Error("Multiple event handlers are not supported");
         }
-        const stringSrc = typeof src === "string" ? src : src.statement.nodeId;
-        const fnCacheKey = `${options2 == null ? void 0 : options2.eventName};${stringSrc}`;
-        const handler = (...eventArgs) => {
-          return runCodeAsync(src, uid, options2, ...cloneDeep(eventArgs));
-        };
-        if (options2 == null ? void 0 : options2.ephemeral) {
-          return handler;
+        if (typeof src === "string") {
+          const fnCacheKey = `${options2 == null ? void 0 : options2.eventName};${src}`;
+          const handler = (...eventArgs) => {
+            return runCodeAsync(src, uid, options2, ...cloneDeep(eventArgs));
+          };
+          if (options2 == null ? void 0 : options2.ephemeral) {
+            return handler;
+          }
+          if (!((_a2 = fnsRef.current[uid]) == null ? void 0 : _a2[fnCacheKey])) {
+            fnsRef.current[uid] = fnsRef.current[uid] || {};
+            fnsRef.current[uid][fnCacheKey] = handler;
+          }
+          return fnsRef.current[uid][fnCacheKey];
         }
-        if (!((_a2 = fnsRef.current[uid]) == null ? void 0 : _a2[fnCacheKey])) {
-          fnsRef.current[uid] = fnsRef.current[uid] || {};
-          fnsRef.current[uid][fnCacheKey] = handler;
+        if (isParsedEventValue(src)) {
+          return (...eventArgs) => {
+            return runCodeAsync(src, uid, options2, ...cloneDeep(eventArgs));
+          };
         }
-        return fnsRef.current[uid][fnCacheKey];
+        if (isArrowExpression(src)) {
+          const fnCacheKey = `${options2 == null ? void 0 : options2.eventName};${src.statement.nodeId}`;
+          const handler = (...eventArgs) => {
+            return runCodeAsync(src, uid, options2, ...cloneDeep(eventArgs));
+          };
+          if (options2 == null ? void 0 : options2.ephemeral) {
+            return handler;
+          }
+          if (!((_b = fnsRef.current[uid]) == null ? void 0 : _b[fnCacheKey])) {
+            fnsRef.current[uid] = fnsRef.current[uid] || {};
+            fnsRef.current[uid][fnCacheKey] = handler;
+          }
+          return fnsRef.current[uid][fnCacheKey];
+        }
+        throw new Error("Invalid event handler");
       }
     );
     const getOrCreateSyncCallbackFn = useCallback(
@@ -33938,6 +33973,12 @@ function renderLoaders({
     );
   }
 }
+function isParsedEventValue(value) {
+  return value.__PARSED === true;
+}
+function isArrowExpression(value) {
+  return value.type === T_ARROW_EXPRESSION;
+}
 const StateContainer = memo(
   forwardRef(function StateContainer2({
     node,
@@ -35213,7 +35254,8 @@ function AppContent({
   standalone,
   trackContainerHeight,
   decorateComponentsWithTestId,
-  debugEnabled
+  debugEnabled,
+  children
 }) {
   const [loggedInUser, setLoggedInUser] = useState(null);
   const debugView = useDebugView();
@@ -35510,7 +35552,10 @@ function AppContent({
     cleanup: noop$1,
     memoedVarsRef
   });
-  return /* @__PURE__ */ jsx(AppContext.Provider, { value: appContextValue, children: /* @__PURE__ */ jsx(AppStateContext.Provider, { value: appStateContextValue, children: renderedRoot }) });
+  return /* @__PURE__ */ jsx(AppContext.Provider, { value: appContextValue, children: /* @__PURE__ */ jsxs(AppStateContext.Provider, { value: appStateContextValue, children: [
+    renderedRoot,
+    children
+  ] }) });
 }
 function signError(error2) {
   toast.error(typeof error2 === "string" ? error2 : error2.message || "Something went wrong");
@@ -35529,7 +35574,8 @@ const AppWrapper = ({
   defaultTone,
   resources,
   resourceMap,
-  sources
+  sources,
+  children
 }) => {
   if (previewMode) {
     HelmetProvider.canUseDOM = false;
@@ -35554,7 +35600,8 @@ const AppWrapper = ({
             globalProps,
             standalone,
             decorateComponentsWithTestId,
-            debugEnabled
+            debugEnabled,
+            children
           }
         ) }) })
       }
@@ -35593,7 +35640,8 @@ function AppRoot({
   previewMode,
   resourceMap,
   sources,
-  extensionManager
+  extensionManager,
+  children
 }) {
   const rootNode = useMemo(() => {
     const themedRoot = node.type === "Theme" ? {
@@ -35633,7 +35681,8 @@ function AppRoot({
       standalone,
       trackContainerHeight,
       previewMode,
-      sources
+      sources,
+      children
     }
   ) }) });
 }
@@ -35650,7 +35699,7 @@ function ApiInterceptorProvider({
       let interceptorWorker;
       (async () => {
         if (process.env.VITE_MOCK_ENABLED) {
-          const { createApiInterceptorWorker } = await import("./apiInterceptorWorker-Be8IJaBL.mjs");
+          const { createApiInterceptorWorker } = await import("./apiInterceptorWorker-DJ9I-JAW.mjs");
           if (interceptor) {
             interceptorWorker = await createApiInterceptorWorker(interceptor, apiWorker);
             if (!apiWorker) {

package/dist/index.css

@@ -1960,7 +1960,7 @@
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
  */
-._container_1pdwf_13 {
+._container_k8i4t_13 {
   border-left: var(--xmlui-borderLeft-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)));
   border-right: var(--xmlui-borderRight-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)));
   border-top: var(--xmlui-borderTop-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)));
@@ -2000,27 +2000,27 @@
   flex-direction: row;
   align-items: center;
 }
-._container_1pdwf_13._active_1pdwf_53 {
+._container_k8i4t_13._active_k8i4t_53 {
   color: var(--xmlui-textColor-Link--active);
   font-weight: var(--xmlui-fontWeight-Link--active);
 }
-._container_1pdwf_13._disabled_1pdwf_57 {
+._container_k8i4t_13._disabled_k8i4t_57 {
   pointer-events: none;
 }
-._container_1pdwf_13:not(._disabled_1pdwf_57):hover {
+._container_k8i4t_13:not(._disabled_k8i4t_57):hover {
   color: var(--xmlui-textColor-Link--hover);
 }
-._container_1pdwf_13:not(._disabled_1pdwf_57):focus-visible {
+._container_k8i4t_13:not(._disabled_k8i4t_57):focus-visible {
   outline-width: var(--xmlui-outlineWidth-Link--focus);
   outline-color: var(--xmlui-outlineColor-Link--focus);
   outline-style: var(--xmlui-outlineStyle-Link--focus);
   outline-offset: var(--xmlui-outlineOffset-Link--focus);
 }
-._container_1pdwf_13:not(._disabled_1pdwf_57)._active_1pdwf_53:hover {
+._container_k8i4t_13:not(._disabled_k8i4t_57)._active_k8i4t_53:hover {
   color: var(--xmlui-textColor-Link--hover--active);
 }
 
-._iconWrapper_1pdwf_73 {
+._iconWrapper_k8i4t_73 {
   padding: var(--xmlui-padding-icon-Link);
   padding-left: var(--xmlui-paddingLeft-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)));
   padding-right: var(--xmlui-paddingRight-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)));
@@ -2030,25 +2030,24 @@
   line-height: 0;
 }
 
-._container_1pdwf_13:not(._active_1pdwf_53) {
+._container_k8i4t_13:not(._active_k8i4t_53) {
   text-underline-offset: var(--xmlui-textUnderlineOffset-Link);
-}
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):hover {
   text-decoration-line: var(--xmlui-textDecorationLine-Link);
+}
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):hover {
   text-decoration-color: var(--xmlui-textDecorationColor-Link);
   text-decoration-style: var(--xmlui-textDecorationStyle-Link);
   text-decoration-thickness: var(--xmlui-textDecorationThickness-Link);
 }
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):hover:has(> button) {
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):hover:has(> button) {
   text-decoration-line: none;
 }
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):active {
-  text-decoration-line: var(--xmlui-textDecorationLine-Link);
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):active {
   text-decoration-color: var(--xmlui-textDecorationColor-Link);
   text-decoration-style: var(--xmlui-textDecorationStyle-Link);
   text-decoration-thickness: var(--xmlui-textDecorationThickness-Link);
 }
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):active:has(> button) {
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):active:has(> button) {
   text-decoration-line: none;
 }
 /*

package/dist/{lint-gX2osbkz.mjs → lint-B9tKGcOX.mjs}

@@ -1552,7 +1552,11 @@ class Parser {
         case TokenType.Function:
           return this.parseFunctionDeclaration();
         default:
-          return this.isExpressionStart(startToken) ? this.parseExpressionStatement(allowSequence) : null;
+          if (this.isExpressionStart(startToken)) {
+            return this.parseExpressionStatement(allowSequence);
+          }
+          this.reportError("W002", startToken, startToken.text);
+          return null;
       }
     } finally {
       this._statementLevel--;
@@ -3701,7 +3705,9 @@ class Parser {
     }
     this._parseErrors.push({
       code: errorCode,
-      text: errorText
+      text: errorText,
+      line: token.startLine,
+      column: token.startColumn
     });
     throw new ParserError$1(errorText, errorCode);
     function replace(input, placeholder, replacement) {
@@ -4808,8 +4814,7 @@ function parseScriptModule(moduleName, source) {
       exports,
       functions,
       statements,
-      sources: /* @__PURE__ */ new Map(),
-      executed: false
+      sources: /* @__PURE__ */ new Map()
     };
     parsedModules.set(moduleName2, parsedModule2);
     if (errors.length > 0) {
@@ -4864,7 +4869,7 @@ function collectCodeBehindFromSource(moduleName, source) {
         addFunctionDeclaration(stmt);
         break;
       default:
-        throw new Error(`'${stmt.type}' is not allowed in a code-behind module.`);
+        throw new Error(`Only reactive variable and function definitions are allowed in a code-behind module.`);
     }
   });
   return result;
@@ -4995,6 +5000,7 @@ const HelperNode = {
   item: "item",
   field: "field"
 };
+let lastParseId = 0;
 function nodeToComponentDef(node, originalGetText, fileId) {
   const getText = (node2) => {
     return node2.text ?? originalGetText(node2);
@@ -5202,7 +5208,7 @@ function nodeToComponentDef(node, originalGetText, fileId) {
             (name, value) => {
               if (!isComponent(comp)) return;
               comp.events ?? (comp.events = {});
-              comp.events[name] = value;
+              comp.events[name] = parseEvent(value);
             },
             (name) => {
               if (onPrefixRegex.test(name)) {
@@ -5311,11 +5317,11 @@ function nodeToComponentDef(node, originalGetText, fileId) {
           comp.api[name] = value;
         } else if (startSegment === "event") {
           comp.events ?? (comp.events = {});
-          comp.events[name] = value;
+          comp.events[name] = parseEvent(value);
         } else if (onPrefixRegex.test(name)) {
           comp.events ?? (comp.events = {});
           const eventName = name[2].toLowerCase() + name.substring(3);
-          comp.events[eventName] = value;
+          comp.events[eventName] = parseEvent(value);
         } else {
           comp.props ?? (comp.props = {});
           comp.props[name] = value;
@@ -5734,6 +5740,27 @@ function nodeToComponentDef(node, originalGetText, fileId) {
       }
     }
   }
+  function parseEvent(value) {
+    if (typeof value !== "string") {
+      return value;
+    }
+    const parser = new Parser(value);
+    try {
+      const statements = parser.parseStatements();
+      return {
+        __PARSED: true,
+        statements,
+        parseId: ++lastParseId,
+        // TODO: retrieve the event source code only in dev mode
+        source: value
+      };
+    } catch {
+      if (parser.errors.length > 0) {
+        const errMsg = parser.errors[0];
+        throw new ParserError2(`${errMsg.text} [${errMsg.line}: ${errMsg.column}]`, errMsg.code);
+      }
+    }
+  }
 }
 function createTextNodeCDataElement(textValue) {
   return {

package/dist/scripts/src/abstractions/scripting/Compilation.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -160,6 +160,13 @@ exports.Container = (0, react_1.memo)((0, react_1.forwardRef)(function Container
                 }
                 statements = parsedStatementsRef.current[source];
             }
+            else if (isParsedEventValue(source)) {
+                const parseId = source.parseId.toString();
+                if (!parsedStatementsRef.current[parseId]) {
+                    parsedStatementsRef.current[parseId] = (0, statementUtils_1.prepareHandlerStatements)(source.statements, evalContext);
+                }
+                statements = parsedStatementsRef.current[parseId];
+            }
             else {
                 statements = [
                     {
@@ -293,23 +300,48 @@ exports.Container = (0, react_1.memo)((0, react_1.forwardRef)(function Container
         }
     }, [appContext]);
     const getOrCreateEventHandlerFn = (0, misc_1.useEvent)((src, uid, options) => {
-        var _a;
+        var _a, _b;
         if (Array.isArray(src)) {
             throw new Error("Multiple event handlers are not supported");
         }
-        const stringSrc = typeof src === "string" ? src : src.statement.nodeId;
-        const fnCacheKey = `${options === null || options === void 0 ? void 0 : options.eventName};${stringSrc}`;
-        const handler = (...eventArgs) => {
-            return runCodeAsync(src, uid, options, ...(0, lodash_es_1.cloneDeep)(eventArgs));
-        };
-        if (options === null || options === void 0 ? void 0 : options.ephemeral) {
-            return handler;
+        if (typeof src === "string") {
+            // --- We have a string event handler
+            const fnCacheKey = `${options === null || options === void 0 ? void 0 : options.eventName};${src}`;
+            const handler = (...eventArgs) => {
+                return runCodeAsync(src, uid, options, ...(0, lodash_es_1.cloneDeep)(eventArgs));
+            };
+            if (options === null || options === void 0 ? void 0 : options.ephemeral) {
+                return handler;
+            }
+            if (!((_a = fnsRef.current[uid]) === null || _a === void 0 ? void 0 : _a[fnCacheKey])) {
+                fnsRef.current[uid] = fnsRef.current[uid] || {};
+                fnsRef.current[uid][fnCacheKey] = handler;
+            }
+            return fnsRef.current[uid][fnCacheKey];
         }
-        if (!((_a = fnsRef.current[uid]) === null || _a === void 0 ? void 0 : _a[fnCacheKey])) {
-            fnsRef.current[uid] = fnsRef.current[uid] || {};
-            fnsRef.current[uid][fnCacheKey] = handler;
+        if (isParsedEventValue(src)) {
+            // --- We have the syntax tree to execute, no need to cache
+            return (...eventArgs) => {
+                return runCodeAsync(src, uid, options, ...(0, lodash_es_1.cloneDeep)(eventArgs));
+            };
+        }
+        if (isArrowExpression(src)) {
+            // --- We have an arrow expression to execute
+            const fnCacheKey = `${options === null || options === void 0 ? void 0 : options.eventName};${src.statement.nodeId}`;
+            const handler = (...eventArgs) => {
+                return runCodeAsync(src, uid, options, ...(0, lodash_es_1.cloneDeep)(eventArgs));
+            };
+            if (options === null || options === void 0 ? void 0 : options.ephemeral) {
+                return handler;
+            }
+            if (!((_b = fnsRef.current[uid]) === null || _b === void 0 ? void 0 : _b[fnCacheKey])) {
+                fnsRef.current[uid] = fnsRef.current[uid] || {};
+                fnsRef.current[uid][fnCacheKey] = handler;
+            }
+            return fnsRef.current[uid][fnCacheKey];
         }
-        return fnsRef.current[uid][fnCacheKey];
+        // --- We have an unknown event handler
+        throw new Error("Invalid event handler");
     });
     const getOrCreateSyncCallbackFn = (0, react_1.useCallback)((arrowExpression, uid) => {
         var _a;
@@ -565,3 +597,9 @@ function renderLoaders({ uidInfo, uidInfoRef, loaders = constants_1.EMPTY_ARRAY,
         return ((0, jsx_runtime_1.jsx)(LoaderComponent_1.LoaderComponent, { onUnmount: cleanup, node: loader, state: componentState, dispatch: dispatch, registerComponentApi: registerComponentApi, lookupAction: lookupAction, lookupSyncCallback: lookupSyncCallback, memoedVarsRef: memoedVarsRef, appContext: appContext }));
     }
 }
+function isParsedEventValue(value) {
+    return value.__PARSED === true;
+}
+function isArrowExpression(value) {
+    return value.type === ScriptingSourceTree_1.T_ARROW_EXPRESSION;
+}

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

@@ -208,6 +208,11 @@ function ThemeProvider({ children, themes: custThemes = constants_1.EMPTY_ARRAY,
         }
         return defaultTone;
     });
+    (0, react_1.useEffect)(() => {
+        if (defaultTone) {
+            setActiveThemeTone(defaultTone);
+        }
+    }, [defaultTone]);
     const themes = (0, react_1.useMemo)(() => {
         return [...custThemes, ...exports.builtInThemes];
     }, [custThemes]);

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

@@ -152,9 +152,11 @@ class Parser {
                 case TokenType_1.TokenType.Function:
                     return this.parseFunctionDeclaration();
                 default:
-                    return this.isExpressionStart(startToken)
-                        ? this.parseExpressionStatement(allowSequence)
-                        : null;
+                    if (this.isExpressionStart(startToken)) {
+                        return this.parseExpressionStatement(allowSequence);
+                    }
+                    this.reportError("W002", startToken, startToken.text);
+                    return null;
             }
         }
         finally {
@@ -2144,6 +2146,8 @@ class Parser {
         this._parseErrors.push({
             code: errorCode,
             text: errorText,
+            line: token.startLine,
+            column: token.startColumn,
         });
         throw new ParserError_1.ParserError(errorText, errorCode);
         function replace(input, placeholder, replacement) {

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

@@ -38,7 +38,7 @@ function collectCodeBehindFromSource(moduleName, source) {
                 addFunctionDeclaration(stmt);
                 break;
             default:
-                throw new Error(`'${stmt.type}' is not allowed in a code-behind module.`);
+                throw new Error(`Only reactive variable and function definitions are allowed in a code-behind module.`);
         }
     });
     return result;

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

@@ -78,7 +78,6 @@ function parseScriptModule(moduleName, source) {
             functions,
             statements: statements,
             sources: new Map(),
-            executed: false,
         };
         // --- Sign this module as parsed
         parsedModules.set(moduleName, parsedModule);

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

@@ -28,6 +28,7 @@ const HelperNode = {
     item: "item",
     field: "field",
 };
+let lastParseId = 0;
 function nodeToComponentDef(node, originalGetText, fileId) {
     const getText = (node) => {
         var _a;
@@ -249,7 +250,7 @@ function nodeToComponentDef(node, originalGetText, fileId) {
                         if (!isComponent(comp))
                             return;
                         (_a = comp.events) !== null && _a !== void 0 ? _a : (comp.events = {});
-                        comp.events[name] = value;
+                        comp.events[name] = parseEvent(value);
                     }, (name) => {
                         if (exports.onPrefixRegex.test(name)) {
                             reportError("T008", name);
@@ -354,12 +355,12 @@ function nodeToComponentDef(node, originalGetText, fileId) {
                 }
                 else if (startSegment === "event") {
                     (_c = comp.events) !== null && _c !== void 0 ? _c : (comp.events = {});
-                    comp.events[name] = value;
+                    comp.events[name] = parseEvent(value);
                 }
                 else if (exports.onPrefixRegex.test(name)) {
                     (_d = comp.events) !== null && _d !== void 0 ? _d : (comp.events = {});
                     const eventName = name[2].toLowerCase() + name.substring(3);
-                    comp.events[eventName] = value;
+                    comp.events[eventName] = parseEvent(value);
                 }
                 else {
                     (_e = comp.props) !== null && _e !== void 0 ? _e : (comp.props = {});
@@ -849,6 +850,30 @@ function nodeToComponentDef(node, originalGetText, fileId) {
             }
         }
     }
+    function parseEvent(value) {
+        if (typeof value !== "string") {
+            // --- It must be a component definition in the event code
+            return value;
+        }
+        // --- Parse the event code
+        const parser = new Parser_1.Parser(value);
+        try {
+            const statements = parser.parseStatements();
+            return {
+                __PARSED: true,
+                statements,
+                parseId: ++lastParseId,
+                // TODO: retrieve the event source code only in dev mode
+                source: value,
+            };
+        }
+        catch (_a) {
+            if (parser.errors.length > 0) {
+                const errMsg = parser.errors[0];
+                throw new ParserError_1.ParserError(`${errMsg.text} [${errMsg.line}: ${errMsg.column}]`, errMsg.code);
+            }
+        }
+    }
 }
 function createTextNodeCDataElement(textValue) {
     return {