xmlui 0.9.9 → 0.9.10

package/dist/xmlui-standalone.umd.js

@@ -993,7 +993,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
  * 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.
  */
-._wrapper_1larq_13 {
+._wrapper_qcc08_13 {
   --footer-height: 0px;
   --header-height: 0px;
   width: 100%;
@@ -1003,138 +1003,138 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   flex-direction: column;
   isolation: isolate;
 }
-._wrapper_1larq_13._vertical_1larq_23 {
+._wrapper_qcc08_13._vertical_qcc08_23 {
   flex-direction: row;
   overflow: initial;
 }
-._wrapper_1larq_13._vertical_1larq_23 ._contentWrapper_1larq_27 {
+._wrapper_qcc08_13._vertical_qcc08_23 ._contentWrapper_qcc08_27 {
   overflow: auto;
   scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
   position: relative;
   scrollbar-gutter: stable both-edges;
 }
-._wrapper_1larq_13._vertical_1larq_23 ._navPanelWrapper_1larq_33 {
+._wrapper_qcc08_13._vertical_qcc08_23 ._navPanelWrapper_qcc08_33 {
   width: var(--xmlui-width-navPanel-App);
   flex-shrink: 0;
 }
-._wrapper_1larq_13._vertical_1larq_23 ._PagesWrapper_1larq_37 {
+._wrapper_qcc08_13._vertical_qcc08_23 ._PagesWrapper_qcc08_37 {
   min-height: initial;
   flex: 1;
 }
-._wrapper_1larq_13._vertical_1larq_23 ._footerWrapper_1larq_41 {
+._wrapper_qcc08_13._vertical_qcc08_23 ._footerWrapper_qcc08_41 {
   position: static;
 }
-._wrapper_1larq_13._vertical_1larq_23._sticky_1larq_44 ._contentWrapper_1larq_27 {
+._wrapper_qcc08_13._vertical_qcc08_23._sticky_qcc08_44 ._contentWrapper_qcc08_27 {
   scroll-padding-top: var(--header-height);
 }
-._wrapper_1larq_13._vertical_1larq_23._sticky_1larq_44 ._footerWrapper_1larq_41 {
+._wrapper_qcc08_13._vertical_qcc08_23._sticky_qcc08_44 ._footerWrapper_qcc08_41 {
   position: sticky;
   bottom: 0;
 }
-._wrapper_1larq_13._horizontal_1larq_51 {
+._wrapper_qcc08_13._horizontal_qcc08_51 {
   overflow: auto;
   scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
 }
-._wrapper_1larq_13._horizontal_1larq_51 ._PagesWrapper_1larq_37 {
+._wrapper_qcc08_13._horizontal_qcc08_51 ._PagesWrapper_qcc08_37 {
   min-height: initial;
 }
-._wrapper_1larq_13._horizontal_1larq_51 ._footerWrapper_1larq_41 {
+._wrapper_qcc08_13._horizontal_qcc08_51 ._footerWrapper_qcc08_41 {
   position: static;
 }
-._wrapper_1larq_13._horizontal_1larq_51._sticky_1larq_44 {
+._wrapper_qcc08_13._horizontal_qcc08_51._sticky_qcc08_44 {
   scroll-padding-top: var(--header-height);
   min-height: 100%;
 }
-._wrapper_1larq_13._horizontal_1larq_51._sticky_1larq_44 ._footerWrapper_1larq_41 {
+._wrapper_qcc08_13._horizontal_qcc08_51._sticky_qcc08_44 ._footerWrapper_qcc08_41 {
   position: sticky;
   bottom: 0;
 }
-._wrapper_1larq_13._horizontal_1larq_51 ._navPanelWrapper_1larq_33 {
+._wrapper_qcc08_13._horizontal_qcc08_51 ._navPanelWrapper_qcc08_33 {
   border-bottom: var(--xmlui-borderBottom-AppHeader);
   justify-content: end;
 }
-._wrapper_1larq_13._verticalFullHeader_1larq_73 {
+._wrapper_qcc08_13._verticalFullHeader_qcc08_73 {
   min-height: 100%;
   height: 100%;
   overflow: auto;
   scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
 }
-._wrapper_1larq_13._verticalFullHeader_1larq_73 ._navPanelWrapper_1larq_33 {
+._wrapper_qcc08_13._verticalFullHeader_qcc08_73 ._navPanelWrapper_qcc08_33 {
   width: var(--xmlui-width-navPanel-App);
   position: sticky;
   height: calc(var(--containerHeight, 100vh) - var(--footer-height) - var(--header-height));
   top: var(--header-height);
 }
-._wrapper_1larq_13._verticalFullHeader_1larq_73 ._PagesWrapper_1larq_37 {
+._wrapper_qcc08_13._verticalFullHeader_qcc08_73 ._PagesWrapper_qcc08_37 {
   overflow: initial;
   min-height: calc(var(--containerHeight, 100vh) - var(--header-height) - var(--footer-height));
   height: 100%;
 }
-._wrapper_1larq_13._verticalFullHeader_1larq_73 ._PagesWrapperInner_1larq_90 {
+._wrapper_qcc08_13._verticalFullHeader_qcc08_73 ._PagesWrapperInner_qcc08_90 {
   height: 100%;
 }
-._wrapper_1larq_13._verticalFullHeader_1larq_73 ._PagesWrapperInner_1larq_90 > .xmlui-page-root {
+._wrapper_qcc08_13._verticalFullHeader_qcc08_73 ._PagesWrapperInner_qcc08_90 > .xmlui-page-root {
   height: 100%;
 }
-._wrapper_1larq_13._verticalFullHeader_1larq_73 ._footerWrapper_1larq_41 {
+._wrapper_qcc08_13._verticalFullHeader_qcc08_73 ._footerWrapper_qcc08_41 {
   position: sticky;
   left: 0;
   right: 0;
   bottom: 0;
 }
-._wrapper_1larq_13._scrollWholePage_1larq_102 {
+._wrapper_qcc08_13._scrollWholePage_qcc08_102 {
   scrollbar-gutter: stable both-edges;
 }
-._wrapper_1larq_13._scrollWholePage_1larq_102 ._headerWrapper_1larq_105 {
+._wrapper_qcc08_13._scrollWholePage_qcc08_102 ._headerWrapper_qcc08_105 {
   margin-inline: calc(-1 * var(--scrollbar-width));
 }
-._wrapper_1larq_13._scrollWholePage_1larq_102 ._headerWrapper_1larq_105 > div {
+._wrapper_qcc08_13._scrollWholePage_qcc08_102 ._headerWrapper_qcc08_105 > div {
   padding-inline: var(--scrollbar-width);
 }
-._wrapper_1larq_13._scrollWholePage_1larq_102 ._footerWrapper_1larq_41 {
+._wrapper_qcc08_13._scrollWholePage_qcc08_102 ._footerWrapper_qcc08_41 {
   margin-inline: calc(-1 * var(--scrollbar-width));
 }
-._wrapper_1larq_13._scrollWholePage_1larq_102 ._footerWrapper_1larq_41 > div {
+._wrapper_qcc08_13._scrollWholePage_qcc08_102 ._footerWrapper_qcc08_41 > div {
   padding-inline: var(--scrollbar-width);
 }
-._wrapper_1larq_13._scrollWholePage_1larq_102._verticalFullHeader_1larq_73 {
+._wrapper_qcc08_13._scrollWholePage_qcc08_102._verticalFullHeader_qcc08_73 {
   scroll-padding-top: var(--header-height);
 }
-._wrapper_1larq_13._scrollWholePage_1larq_102._verticalFullHeader_1larq_73 ._content_1larq_27 {
+._wrapper_qcc08_13._scrollWholePage_qcc08_102._verticalFullHeader_qcc08_73 ._content_qcc08_27 {
   margin-inline: calc(-1 * var(--scrollbar-width));
 }
-._wrapper_1larq_13._scrollWholePage_1larq_102._verticalFullHeader_1larq_73 ._contentWrapper_1larq_27 {
+._wrapper_qcc08_13._scrollWholePage_qcc08_102._verticalFullHeader_qcc08_73 ._contentWrapper_qcc08_27 {
   padding-inline: var(--scrollbar-width);
 }
-._wrapper_1larq_13:not(._scrollWholePage_1larq_102) {
+._wrapper_qcc08_13:not(._scrollWholePage_qcc08_102) {
   overflow: hidden;
 }
-._wrapper_1larq_13:not(._scrollWholePage_1larq_102) ._content_1larq_27 {
+._wrapper_qcc08_13:not(._scrollWholePage_qcc08_102) ._content_qcc08_27 {
   min-height: 0;
   height: 100%;
 }
-._wrapper_1larq_13:not(._scrollWholePage_1larq_102) ._contentWrapper_1larq_27 {
+._wrapper_qcc08_13:not(._scrollWholePage_qcc08_102) ._contentWrapper_qcc08_27 {
   overflow: initial;
 }
-._wrapper_1larq_13:not(._scrollWholePage_1larq_102) ._PagesWrapper_1larq_37 {
+._wrapper_qcc08_13:not(._scrollWholePage_qcc08_102) ._PagesWrapper_qcc08_37 {
   overflow: auto;
   scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
   min-height: 0;
   height: 100%;
   scrollbar-gutter: stable both-edges;
 }
-._wrapper_1larq_13:not(._scrollWholePage_1larq_102) ._PagesWrapperInner_1larq_90 {
+._wrapper_qcc08_13:not(._scrollWholePage_qcc08_102) ._PagesWrapperInner_qcc08_90 {
   min-height: 100%;
   height: 0;
 }
-._wrapper_1larq_13._noScrollbarGutters_1larq_147 {
+._wrapper_qcc08_13._noScrollbarGutters_qcc08_147 {
   scrollbar-gutter: auto;
 }
-._wrapper_1larq_13._noScrollbarGutters_1larq_147 ._PagesWrapper_1larq_37 {
+._wrapper_qcc08_13._noScrollbarGutters_qcc08_147 ._PagesWrapper_qcc08_37 {
   scrollbar-gutter: auto;
 }
 
-._headerWrapper_1larq_105 {
+._headerWrapper_qcc08_105 {
   z-index: 1;
   min-height: 0;
   flex-shrink: 0;
@@ -1143,40 +1143,42 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   box-shadow: var(--xmlui-boxShadow-header-App);
   background-color: var(--xmlui-backgroundColor-AppHeader);
 }
-._headerWrapper_1larq_105._sticky_1larq_44 {
+._headerWrapper_qcc08_105._sticky_qcc08_44 {
   position: sticky;
 }
 
-._content_1larq_27 {
+._content_qcc08_27 {
   display: flex;
   flex-direction: row;
   isolation: isolate;
 }
 
-._contentWrapper_1larq_27 {
+._contentWrapper_qcc08_27 {
   position: relative;
   min-width: 0;
   flex: 1;
   display: flex;
   flex-direction: column;
   box-shadow: var(--xmlui-boxShadow-navPanel-App);
+  background-color: var(--xmlui-backgroundColor-content-App);
+  border-left: var(--xmlui-borderLeft-content-App);
 }
 
-._navPanelWrapper_1larq_33 {
+._navPanelWrapper_qcc08_33 {
   display: flex;
   position: sticky;
   top: 0;
 }
-._navPanelWrapper_1larq_33:empty {
+._navPanelWrapper_qcc08_33:empty {
   display: none;
 }
 
-._PagesWrapper_1larq_37 {
+._PagesWrapper_qcc08_37 {
   flex: 1;
   isolation: isolate;
 }
 
-._PagesWrapperInner_1larq_90 {
+._PagesWrapperInner_qcc08_90 {
   --page-padding-left: var(--xmlui-space-4);
   --page-padding-right: var(--xmlui-space-4);
   --page-padding-top: var(--xmlui-space-5);
@@ -1194,7 +1196,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   display: flex;
   flex-direction: column;
 }
-._PagesWrapperInner_1larq_90 > .xmlui-page-root {
+._PagesWrapperInner_qcc08_90 > .xmlui-page-root {
   padding-top: var(--page-padding-top-override, var(--page-padding-top));
   padding-bottom: var(--page-padding-bottom-override, var(--page-padding-bottom));
   padding-right: var(--page-padding-right-override, var(--page-padding-right));
@@ -1206,7 +1208,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   margin-right: calc(-1 * var(--page-padding-right));
 }
 
-._footerWrapper_1larq_41 {
+._footerWrapper_qcc08_41 {
   flex-shrink: 0;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -16008,7 +16010,7 @@ li ._htmlOl_1wzn5_205 {
       });
     }
   }
-  var define_process_env_default$9 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.9 (built 4/8/2025)" };
+  var define_process_env_default$9 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.10 (built 4/9/2025)" };
   class Mutation extends Removable {
     constructor(config2) {
       super();
@@ -32670,21 +32672,21 @@ ${error2.errorObject}`;
     }, r2;
   }(reactExports.Component);
   W$4.propTypes = { base: PropTypes.object, bodyAttributes: PropTypes.object, children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]), defaultTitle: PropTypes.string, defer: PropTypes.bool, encodeSpecialCharacters: PropTypes.bool, htmlAttributes: PropTypes.object, link: PropTypes.arrayOf(PropTypes.object), meta: PropTypes.arrayOf(PropTypes.object), noscript: PropTypes.arrayOf(PropTypes.object), onChangeClientState: PropTypes.func, script: PropTypes.arrayOf(PropTypes.object), style: PropTypes.arrayOf(PropTypes.object), title: PropTypes.string, titleAttributes: PropTypes.object, titleTemplate: PropTypes.string, prioritizeSeoTags: PropTypes.bool, helmetData: PropTypes.object }, W$4.defaultProps = { defer: true, encodeSpecialCharacters: true, prioritizeSeoTags: false }, W$4.displayName = "Helmet";
-  const themeVars$J = `'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "boxShadow-header-App": "var(--xmlui-boxShadow-header-App)", "boxShadow-navPanel-App": "var(--xmlui-boxShadow-navPanel-App)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader)", "scroll-padding-block-Pages": "var(--xmlui-scroll-padding-block-Pages)"}'`;
-  const wrapper$f = "_wrapper_1larq_13";
-  const vertical$4 = "_vertical_1larq_23";
-  const contentWrapper$1 = "_contentWrapper_1larq_27";
-  const navPanelWrapper = "_navPanelWrapper_1larq_33";
-  const PagesWrapper = "_PagesWrapper_1larq_37";
-  const footerWrapper = "_footerWrapper_1larq_41";
-  const sticky = "_sticky_1larq_44";
-  const horizontal$5 = "_horizontal_1larq_51";
-  const verticalFullHeader = "_verticalFullHeader_1larq_73";
-  const PagesWrapperInner = "_PagesWrapperInner_1larq_90";
-  const scrollWholePage = "_scrollWholePage_1larq_102";
-  const headerWrapper$1 = "_headerWrapper_1larq_105";
-  const content$5 = "_content_1larq_27";
-  const noScrollbarGutters = "_noScrollbarGutters_1larq_147";
+  const themeVars$J = `'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "boxShadow-header-App": "var(--xmlui-boxShadow-header-App)", "boxShadow-navPanel-App": "var(--xmlui-boxShadow-navPanel-App)", "backgroundColor-content-App": "var(--xmlui-backgroundColor-content-App)", "borderLeft-content-App": "var(--xmlui-borderLeft-content-App)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader)", "scroll-padding-block-Pages": "var(--xmlui-scroll-padding-block-Pages)"}'`;
+  const wrapper$f = "_wrapper_qcc08_13";
+  const vertical$4 = "_vertical_qcc08_23";
+  const contentWrapper$1 = "_contentWrapper_qcc08_27";
+  const navPanelWrapper = "_navPanelWrapper_qcc08_33";
+  const PagesWrapper = "_PagesWrapper_qcc08_37";
+  const footerWrapper = "_footerWrapper_qcc08_41";
+  const sticky = "_sticky_qcc08_44";
+  const horizontal$5 = "_horizontal_qcc08_51";
+  const verticalFullHeader = "_verticalFullHeader_qcc08_73";
+  const PagesWrapperInner = "_PagesWrapperInner_qcc08_90";
+  const scrollWholePage = "_scrollWholePage_qcc08_102";
+  const headerWrapper$1 = "_headerWrapper_qcc08_105";
+  const content$5 = "_content_qcc08_27";
+  const noScrollbarGutters = "_noScrollbarGutters_qcc08_147";
   const styles$_ = {
     themeVars: themeVars$J,
     wrapper: wrapper$f,
@@ -95624,6 +95626,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       [`boxShadow-header-${COMP$G}`]: "$boxShadow-spread",
       [`boxShadow-navPanel-${COMP$G}`]: "$boxShadow-spread",
       [`scroll-padding-block-Pages`]: "$space-4",
+      [`backgroundColor-content-App`]: "$backgroundColor",
       light: {
         // --- No light-specific theme vars
       },
@@ -144772,7 +144775,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
     ] });
   }
-  const version = "0.9.9";
+  const version = "0.9.10";
   const ApiInterceptorContext = reactExports.createContext(null);
   function useApiInterceptorContext() {
     return reactExports.useContext(ApiInterceptorContext);
@@ -149583,7 +149586,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     ToneChangerButton: ToneChangerButtonMd,
     Tree: TreeMd
   };
-  var define_process_env_default$2 = { VITE_XMLUI_VERSION: "0.9.9 (built 4/8/2025)" };
+  var define_process_env_default$2 = { VITE_XMLUI_VERSION: "0.9.10 (built 4/9/2025)" };
   const MAIN_FILE = "Main." + componentFileExtension;
   const MAIN_CODE_BEHIND_FILE = "Main." + codeBehindFileExtension;
   const CONFIG_FILE = "config.json";
@@ -153911,7 +153914,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   function isResponseWithoutBody(status) {
     return RESPONSE_STATUS_CODES_WITHOUT_BODY.has(status);
   }
-  var define_process_env_default$1 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.9 (built 4/8/2025)" };
+  var define_process_env_default$1 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.10 (built 4/9/2025)" };
   var __defProp$7 = Object.defineProperty;
   var __export = (target2, all2) => {
     for (var name2 in all2)