xmlui 0.9.9 → 0.9.11

package/dist/{lint-DmJOJSJa.mjs → lint-CiMcsEWf.mjs}

@@ -1,5 +1,5 @@
 import { parseRegExpLiteral } from "@eslint-community/regexpp";
-import { S as SyntaxKind, C as CharacterCodes } from "./parser-B3m9ZEAK.mjs";
+import { S as SyntaxKind, C as CharacterCodes } from "./parser-mzWvH7dz.mjs";
 const LinkTargetMd = [
   {
     value: "_self",
@@ -6239,89 +6239,89 @@ function implicitProp(name) {
   return implicitPropNames.includes(name);
 }
 export {
-  VariantPropsKeys as $,
-  T_DO_WHILE_STATEMENT as A,
-  T_WHILE_STATEMENT as B,
-  T_RETURN_STATEMENT as C,
-  T_IF_STATEMENT as D,
-  T_CONST_STATEMENT as E,
-  T_LET_STATEMENT as F,
-  T_ARROW_EXPRESSION_STATEMENT as G,
-  T_BLOCK_STATEMENT as H,
-  T_VAR_STATEMENT as I,
-  T_ASSIGNMENT_EXPRESSION as J,
-  T_LITERAL as K,
-  LinkTargetMd as L,
-  T_SPREAD_EXPRESSION as M,
-  T_FUNCTION_INVOCATION_EXPRESSION as N,
-  T_POSTFIX_OP_EXPRESSION as O,
-  Parser as P,
-  T_CONDITIONAL_EXPRESSION as Q,
-  T_BINARY_EXPRESSION as R,
-  T_UNARY_EXPRESSION as S,
+  T_BLOCK_STATEMENT as $,
+  T_IDENTIFIER as A,
+  T_PREFIX_OP_EXPRESSION as B,
+  COMPOUND_COMP_ID as C,
+  T_FUNCTION_DECLARATION as D,
+  T_ARROW_EXPRESSION as E,
+  createXmlUiTreeNodeId as F,
+  T_EMPTY_STATEMENT as G,
+  T_SWITCH_STATEMENT as H,
+  T_TRY_STATEMENT as I,
+  T_THROW_STATEMENT as J,
+  T_FOR_OF_STATEMENT as K,
+  LintSeverity as L,
+  T_FOR_IN_STATEMENT as M,
+  T_FOR_STATEMENT as N,
+  T_EXPRESSION_STATEMENT as O,
+  ParserError2 as P,
+  T_BREAK_STATEMENT as Q,
+  T_CONTINUE_STATEMENT as R,
+  T_DO_WHILE_STATEMENT as S,
   T_CALCULATED_MEMBER_ACCESS_EXPRESSION as T,
-  T_OBJECT_LITERAL as U,
-  T_ARRAY_LITERAL as V,
-  T_SEQUENCE_EXPRESSION as W,
-  T_TEMPLATE_LITERAL_EXPRESSION as X,
-  T_VAR_DECLARATION as Y,
-  T_DESTRUCTURE as Z,
-  TextVariantElement as _,
-  alignmentOptionValues as a,
-  variantOptionsMd as a0,
-  scrollAnchoringValues as a1,
-  buttonThemeNames as a2,
-  iconPositionNames as a3,
-  buttonVariantNames as a4,
-  nodeToComponentDef as a5,
-  triggerPositionNames as a6,
-  statusColorMd as a7,
-  placementMd as a8,
-  httpMethodNames as a9,
-  PARSED_MARK_PROP as aa,
-  layoutOptionKeys as ab,
-  viewportSizeNames as ac,
-  componentFileExtension as ad,
-  codeBehindFileExtension as ae,
-  getLintSeverity as af,
-  LintSeverity as ag,
-  lintApp as ah,
-  printComponentLints as ai,
-  lintErrorsComponent as aj,
-  collectCodeBehindFromSource as ak,
-  removeCodeBehindTokensFromTree as al,
-  COMPOUND_COMP_ID as am,
-  moduleFileExtension as an,
-  LintDiagKind as ao,
-  lint as ap,
-  ParserError2 as aq,
-  errorMessages as ar,
-  UCRegex as as,
-  onPrefixRegex as at,
-  CORE_NAMESPACE_VALUE as au,
-  alignmentOptionMd as b,
-  buttonTypesMd as c,
-  buttonThemeMd as d,
-  buttonVariantMd as e,
-  T_MEMBER_ACCESS_EXPRESSION as f,
-  T_IDENTIFIER as g,
-  T_PREFIX_OP_EXPRESSION as h,
-  iconPositionMd as i,
-  T_FUNCTION_DECLARATION as j,
-  T_ARROW_EXPRESSION as k,
-  labelPositionMd as l,
-  createXmlUiTreeNodeId as m,
-  T_EMPTY_STATEMENT as n,
-  orientationOptionMd as o,
-  T_SWITCH_STATEMENT as p,
-  T_TRY_STATEMENT as q,
-  T_THROW_STATEMENT as r,
-  sizeMd as s,
-  T_FOR_OF_STATEMENT as t,
-  T_FOR_IN_STATEMENT as u,
+  UCRegex as U,
+  T_WHILE_STATEMENT as V,
+  T_RETURN_STATEMENT as W,
+  T_IF_STATEMENT as X,
+  T_CONST_STATEMENT as Y,
+  T_LET_STATEMENT as Z,
+  T_ARROW_EXPRESSION_STATEMENT as _,
+  codeBehindFileExtension as a,
+  T_VAR_STATEMENT as a0,
+  T_ASSIGNMENT_EXPRESSION as a1,
+  T_LITERAL as a2,
+  T_SPREAD_EXPRESSION as a3,
+  T_FUNCTION_INVOCATION_EXPRESSION as a4,
+  T_POSTFIX_OP_EXPRESSION as a5,
+  T_CONDITIONAL_EXPRESSION as a6,
+  T_BINARY_EXPRESSION as a7,
+  T_UNARY_EXPRESSION as a8,
+  T_OBJECT_LITERAL as a9,
+  T_ARRAY_LITERAL as aa,
+  T_SEQUENCE_EXPRESSION as ab,
+  T_TEMPLATE_LITERAL_EXPRESSION as ac,
+  T_VAR_DECLARATION as ad,
+  T_DESTRUCTURE as ae,
+  TextVariantElement as af,
+  VariantPropsKeys as ag,
+  variantOptionsMd as ah,
+  scrollAnchoringValues as ai,
+  buttonThemeNames as aj,
+  iconPositionNames as ak,
+  buttonVariantNames as al,
+  triggerPositionNames as am,
+  statusColorMd as an,
+  placementMd as ao,
+  httpMethodNames as ap,
+  PARSED_MARK_PROP as aq,
+  layoutOptionKeys as ar,
+  viewportSizeNames as as,
+  collectCodeBehindFromSource as at,
+  removeCodeBehindTokensFromTree as au,
+  LintDiagKind as b,
+  componentFileExtension as c,
+  lintErrorsComponent as d,
+  lint as e,
+  errorMessages as f,
+  getLintSeverity as g,
+  CORE_NAMESPACE_VALUE as h,
+  labelPositionMd as i,
+  orientationOptionMd as j,
+  alignmentOptionValues as k,
+  lintApp as l,
+  moduleFileExtension as m,
+  nodeToComponentDef as n,
+  onPrefixRegex as o,
+  printComponentLints as p,
+  LinkTargetMd as q,
+  alignmentOptionMd as r,
+  iconPositionMd as s,
+  buttonTypesMd as t,
+  sizeMd as u,
   validationStatusMd as v,
-  T_FOR_STATEMENT as w,
-  T_EXPRESSION_STATEMENT as x,
-  T_BREAK_STATEMENT as y,
-  T_CONTINUE_STATEMENT as z
+  buttonThemeMd as w,
+  buttonVariantMd as x,
+  Parser as y,
+  T_MEMBER_ACCESS_EXPRESSION as z
 };

package/dist/{parser-B3m9ZEAK.mjs → parser-mzWvH7dz.mjs}

@@ -1169,19 +1169,19 @@ export {
   SyntaxKind as S,
   Diag_Invalid_Character as a,
   Diag_Unterminated_String_Literal as b,
-  createXmlUiParser as c,
+  Diag_Unterminated_Comment as c,
   diagnosticCategoryName as d,
-  Diag_Unterminated_Comment as e,
-  Diag_Unterminated_CData as f,
-  Diag_Unterminated_Script as g,
-  Diag_End_Token_Expected as h,
-  Diag_CloseNodeStart_Token_Expected as i,
-  Diag_Tag_Identifier_Expected as j,
-  Diag_Attr_Value_Expected as k,
-  Diag_Eq_Token_Expected as l,
-  Diag_OpenNodeStart_Token_Expected as m,
-  Diag_End_Or_Close_Token_Expected as n,
-  Diag_Attr_Identifier_Expected as o,
+  Diag_Unterminated_CData as e,
+  Diag_Unterminated_Script as f,
+  Diag_End_Token_Expected as g,
+  Diag_CloseNodeStart_Token_Expected as h,
+  Diag_Tag_Identifier_Expected as i,
+  Diag_Attr_Value_Expected as j,
+  Diag_Eq_Token_Expected as k,
+  Diag_OpenNodeStart_Token_Expected as l,
+  Diag_End_Or_Close_Token_Expected as m,
+  Diag_Attr_Identifier_Expected as n,
+  createXmlUiParser as o,
   parseXmlUiMarkup as p,
   createScanner as q,
   isIdentifierStart as r,

package/dist/scripts/src/components/App/App.js

@@ -88,6 +88,7 @@ exports.AppMd = (0, ComponentDefs_1.createMetadata)({
         [`boxShadow-header-${COMP}`]: "$boxShadow-spread",
         [`boxShadow-navPanel-${COMP}`]: "$boxShadow-spread",
         [`scroll-padding-block-Pages`]: "$space-4",
+        [`backgroundColor-content-App`]: "$backgroundColor",
         light: {
         // --- No light-specific theme vars
         },

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

@@ -16,15 +16,18 @@ const classnames_1 = __importDefault(require("classnames"));
 const ButtonNative_1 = require("../components/Button/ButtonNative");
 const IconNative_1 = __importDefault(require("../components/Icon/IconNative"));
 const InspectorButton_module_scss_1 = __importDefault(require("./InspectorButton.module.scss"));
-const DevTools_1 = require("./devtools/DevTools");
+const ComponentRegistryContext_1 = require("../components/ComponentRegistryContext");
 // --- The context object that is used to store the inspector information.
 exports.InspectorContext = (0, react_1.createContext)(null);
 function InspectorProvider({ children, sources, }) {
+    const { root } = (0, ThemeContext_1.useTheme)();
     const [inspectable, setInspectable] = (0, react_1.useState)({});
     const [inspectedNode, setInspectedNode] = (0, react_1.useState)(null);
     const [showCode, setShowCode] = (0, react_1.useState)(false);
     const [devToolsSize, setDevToolsSize] = (0, react_1.useState)(0);
     const [devToolsSide, setDevToolsSide] = (0, react_1.useState)("bottom");
+    const componentRegistry = (0, ComponentRegistryContext_1.useComponentRegistry)();
+    const devToolsEntry = componentRegistry.lookupComponentRenderer("XMLUIDevtools.DevTools");
     const contextValue = (0, react_1.useMemo)(() => {
         return {
             sources,
@@ -50,14 +53,19 @@ function InspectorProvider({ children, sources, }) {
                     return ret;
                 });
             },
+            inspectedNode,
+            setIsOpen: setShowCode,
             devToolsSize,
             setDevToolsSize,
             devToolsSide,
             setDevToolsSide,
             devToolsEnabled: showCode,
         };
-    }, [devToolsSide, devToolsSize, showCode, sources]);
-    return ((0, jsx_runtime_1.jsxs)(exports.InspectorContext.Provider, { value: contextValue, children: [children, showCode && inspectedNode && ((0, jsx_runtime_1.jsx)(DevTools_1.DevTools, { setIsOpen: setShowCode, node: inspectedNode }, inspectedNode === null || inspectedNode === void 0 ? void 0 : inspectedNode.uid)), process.env.VITE_USER_COMPONENTS_Inspect !== "false" &&
+    }, [devToolsSide, devToolsSize, sources, inspectedNode, showCode]);
+    return ((0, jsx_runtime_1.jsxs)(exports.InspectorContext.Provider, { value: contextValue, children: [children, process.env.VITE_USER_COMPONENTS_Inspect !== "false" &&
+                showCode &&
+                inspectedNode !== null &&
+                (0, react_dom_1.createPortal)(devToolsEntry === null || devToolsEntry === void 0 ? void 0 : devToolsEntry.renderer({}), root), process.env.VITE_USER_COMPONENTS_Inspect !== "false" &&
                 inspectable &&
                 Object.values(inspectable).map((item) => {
                     return ((0, jsx_runtime_1.jsx)(InspectButton, { setShowCode: setShowCode, inspectId: item.inspectId, node: item.node, setInspectedNode: setInspectedNode }, item.inspectId + +"-" + item.key));
@@ -130,13 +138,16 @@ function InspectButton({ inspectId, node, setInspectedNode, setShowCode, }) {
                     hoverRef.current = false;
                     setVisible(false);
                 }, onClick: () => {
-                    setShowCode(true);
                     setInspectedNode(node);
+                    setShowCode(true);
                 }, children: (0, jsx_runtime_1.jsx)(IconNative_1.default, { name: "inspect", size: "md" }) })), root) }));
 }
 function useDevTools() {
     const context = (0, react_1.useContext)(exports.InspectorContext);
     return {
+        inspectedNode: context === null || context === void 0 ? void 0 : context.inspectedNode,
+        sources: context === null || context === void 0 ? void 0 : context.sources,
+        setIsOpen: context === null || context === void 0 ? void 0 : context.setIsOpen,
         devToolsSize: context === null || context === void 0 ? void 0 : context.devToolsSize,
         setDevToolsSize: context === null || context === void 0 ? void 0 : context.setDevToolsSize,
         devToolsSide: context === null || context === void 0 ? void 0 : context.devToolsSide,