xmlui 0.11.3 → 0.11.6

package/dist/scripts/src/components/NavPanel/NavPanelNative.js

@@ -1,222 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavPanel = exports.NavPanelContext = exports.defaultProps = void 0;
-exports.buildNavHierarchy = buildNavHierarchy;
-exports.buildLinkMap = buildLinkMap;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const NavPanel_module_scss_1 = __importDefault(require("./NavPanel.module.scss"));
-const LogoNative_1 = require("../Logo/LogoNative");
-const AppLayoutContext_1 = require("../App/AppLayoutContext");
-const AppNative_1 = require("../App/AppNative");
-const LinkInfoContext_1 = require("../App/LinkInfoContext");
-// Function to build navigation hierarchy from component children
-function buildNavHierarchy(children, extractValue, parent, pathSegments = []) {
-    if (!children)
-        return [];
-    const hierarchy = [];
-    // Skip non-object children
-    children
-        .filter((child) => child && typeof child === "object")
-        .forEach((child) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        if (child.type === "NavLink") {
-            const label = ((_a = extractValue.asOptionalString) === null || _a === void 0 ? void 0 : _a.call(extractValue, (_b = child.props) === null || _b === void 0 ? void 0 : _b.label)) || extractValue((_c = child.props) === null || _c === void 0 ? void 0 : _c.label);
-            const to = ((_d = extractValue.asOptionalString) === null || _d === void 0 ? void 0 : _d.call(extractValue, (_e = child.props) === null || _e === void 0 ? void 0 : _e.to)) || extractValue((_f = child.props) === null || _f === void 0 ? void 0 : _f.to);
-            // Handle case where label might not be in props but in children as text
-            let finalLabel = label;
-            if (!finalLabel && ((_g = child.children) === null || _g === void 0 ? void 0 : _g.length) === 1 && child.children[0].type === "TextNode") {
-                finalLabel = extractValue((_h = child.children[0].props) === null || _h === void 0 ? void 0 : _h.value);
-            }
-            // Only include NavLinks that have both label and to values
-            if (finalLabel && to) {
-                const node = {
-                    type: "NavLink",
-                    label: finalLabel,
-                    to: to,
-                    parent: parent,
-                    pathSegments: [...pathSegments],
-                };
-                hierarchy.push(node);
-            }
-        }
-        else if (child.type === "NavGroup") {
-            const label = ((_j = extractValue.asOptionalString) === null || _j === void 0 ? void 0 : _j.call(extractValue, (_k = child.props) === null || _k === void 0 ? void 0 : _k.label)) || extractValue((_l = child.props) === null || _l === void 0 ? void 0 : _l.label);
-            // NavGroups only need a label, no "to" value required
-            if (label) {
-                const groupNode = {
-                    type: "NavGroup",
-                    label: label,
-                    parent: parent,
-                    pathSegments: [...pathSegments],
-                    children: [],
-                };
-                // Build children with this groupNode as parent and updated path
-                const newPathSegments = [...pathSegments, groupNode];
-                groupNode.children = buildNavHierarchy(child.children, extractValue, groupNode, newPathSegments);
-                hierarchy.push(groupNode);
-            }
-            else if (child.children && child.children.length > 0) {
-                // If no label but has children, process them at the current level with same parent and path
-                hierarchy.push(...buildNavHierarchy(child.children, extractValue, parent, pathSegments));
-            }
-        }
-        else if (child.children && child.children.length > 0) {
-            //console.log("CN", child.children);
-            // Process any children that might contain NavGroup and NavLink components recursively
-            const nestedNodes = buildNavHierarchy(child.children, extractValue, parent, pathSegments);
-            if (nestedNodes.length > 0) {
-                hierarchy.push(...nestedNodes);
-            }
-        }
-    });
-    // Set navigation properties after building the hierarchy
-    setNavigationProperties(hierarchy);
-    return hierarchy;
-}
-// Helper function to set navigation properties (prevLink, nextLink, firstLink, lastLink)
-function setNavigationProperties(hierarchy) {
-    // Collect all NavLinks in traversal order
-    const allNavLinks = [];
-    function collectNavLinks(nodes) {
-        nodes.forEach((node) => {
-            if (node.type === "NavLink") {
-                allNavLinks.push(node);
-            }
-            if (node.children) {
-                collectNavLinks(node.children);
-            }
-        });
-    }
-    collectNavLinks(hierarchy);
-    // Set prevLink and nextLink for all NavLinks
-    allNavLinks.forEach((link, index) => {
-        if (index > 0) {
-            link.prevLink = allNavLinks[index - 1];
-        }
-        if (index < allNavLinks.length - 1) {
-            link.nextLink = allNavLinks[index + 1];
-        }
-    });
-    // Set firstLink and lastLink properties
-    function setFirstLastProperties(nodes) {
-        const navLinks = nodes.filter((node) => node.type === "NavLink");
-        if (navLinks.length > 0) {
-            navLinks[0].firstLink = true;
-            navLinks[navLinks.length - 1].lastLink = true;
-        }
-        // Recursively process children
-        nodes.forEach((node) => {
-            if (node.children) {
-                setFirstLastProperties(node.children);
-            }
-        });
-    }
-    setFirstLastProperties(hierarchy);
-}
-// Function to build a map of NavLinks by their "to" property
-function buildLinkMap(navLinks) {
-    const linkMap = new Map();
-    if (!navLinks)
-        return linkMap;
-    function processNodes(nodes) {
-        nodes.forEach((node) => {
-            if (node.type === "NavLink" && node.to) {
-                // If multiple items use the same "to" value, the last wins
-                linkMap.set(node.to, node);
-            }
-            if (node.children) {
-                processNodes(node.children);
-            }
-        });
-    }
-    processNodes(navLinks);
-    return linkMap;
-}
-// Default props for NavPanel component
-exports.defaultProps = {
-    inDrawer: false,
-};
-exports.NavPanelContext = react_1.default.createContext(null);
-const contextValue = {
-    inDrawer: true,
-};
-function DrawerNavPanel(_a) {
-    var { logoContent, children, className, style } = _a, rest = __rest(_a, ["logoContent", "children", "className", "style"]);
-    return ((0, jsx_runtime_1.jsx)(exports.NavPanelContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: (0, classnames_1.default)(NavPanel_module_scss_1.default.wrapper, className), style: style, children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(NavPanel_module_scss_1.default.logoWrapper, NavPanel_module_scss_1.default.inDrawer), children: logoContent || (0, jsx_runtime_1.jsx)(LogoNative_1.Logo, {}) }), (0, jsx_runtime_1.jsx)("div", { className: NavPanel_module_scss_1.default.wrapperInner, style: style, children: children })] })) }));
-}
-exports.NavPanel = (0, react_1.forwardRef)(function NavPanel(_a, forwardedRef) {
-    var _b, _c;
-    var { children, style, logoContent, className, inDrawer = exports.defaultProps.inDrawer, renderChild, navLinks } = _a, rest = __rest(_a, ["children", "style", "logoContent", "className", "inDrawer", "renderChild", "navLinks"]);
-    const appLayoutContext = (0, AppLayoutContext_1.useAppLayoutContext)();
-    const linkInfoContext = (0, LinkInfoContext_1.useLinkInfoContext)();
-    const horizontal = (0, AppNative_1.getAppLayoutOrientation)(appLayoutContext === null || appLayoutContext === void 0 ? void 0 : appLayoutContext.layout) === "horizontal";
-    const showLogo = (appLayoutContext === null || appLayoutContext === void 0 ? void 0 : appLayoutContext.layout) === "vertical" || (appLayoutContext === null || appLayoutContext === void 0 ? void 0 : appLayoutContext.layout) === "vertical-sticky";
-    const isCondensed = (_b = appLayoutContext === null || appLayoutContext === void 0 ? void 0 : appLayoutContext.layout) === null || _b === void 0 ? void 0 : _b.startsWith("condensed");
-    const vertical = (_c = appLayoutContext === null || appLayoutContext === void 0 ? void 0 : appLayoutContext.layout) === null || _c === void 0 ? void 0 : _c.startsWith("vertical");
-    const safeLogoContent = logoContent || renderChild(appLayoutContext === null || appLayoutContext === void 0 ? void 0 : appLayoutContext.logoContentDef);
-    // Register the linkMap when navLinks change
-    const registerLinkMap = linkInfoContext === null || linkInfoContext === void 0 ? void 0 : linkInfoContext.registerLinkMap;
-    (0, react_1.useEffect)(() => {
-        if (registerLinkMap && navLinks) {
-            const linkMap = buildLinkMap(navLinks);
-            registerLinkMap(linkMap);
-        }
-    }, [navLinks, registerLinkMap]);
-    if (inDrawer) {
-        return ((0, jsx_runtime_1.jsx)(DrawerNavPanel, Object.assign({}, rest, { style: style, logoContent: safeLogoContent, className: className, children: children })));
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { ref: forwardedRef, className: (0, classnames_1.default)(NavPanel_module_scss_1.default.wrapper, className, {
-            [NavPanel_module_scss_1.default.horizontal]: horizontal,
-            [NavPanel_module_scss_1.default.vertical]: vertical,
-            [NavPanel_module_scss_1.default.condensed]: isCondensed,
-        }), style: style, children: [showLogo && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(NavPanel_module_scss_1.default.logoWrapper), children: safeLogoContent || (0, jsx_runtime_1.jsx)(LogoNative_1.Logo, {}) })), (0, jsx_runtime_1.jsx)("div", { className: NavPanel_module_scss_1.default.wrapperInner, style: style, children: children })] })));
-});

package/dist/scripts/src/components/NestedApp/AppWithCodeView.js

@@ -1,91 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.appWithCodeViewComponentRenderer = exports.AppWithCodeViewMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const AppWithCodeView_module_scss_1 = __importDefault(require("./AppWithCodeView.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const AppWithCodeViewNative_1 = require("./AppWithCodeViewNative");
-const defaultProps_1 = require("./defaultProps");
-const metadata_helpers_1 = require("../metadata-helpers");
-const COMP = "AppWithCodeView";
-exports.AppWithCodeViewMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: `The ${COMP} component displays a combination of markdown content and a nested xmlui app. 
-It supports both side-by-side and stacked layouts.`,
-    props: {
-        markdown: {
-            description: "The markdown content to be displayed alongside the app",
-            valueType: "string",
-        },
-        splitView: {
-            description: "Whether to render the markdown and app side by side or stacked vertically",
-            valueType: "boolean",
-        },
-        app: {
-            description: "The source markup of the app to be nested",
-        },
-        api: {
-            description: "This property defines an optional emulated API to be used with the nested app.",
-        },
-        components: {
-            description: "This property defines an optional list of components to be used with the nested app.",
-            defaultValue: defaultProps_1.defaultProps.components,
-        },
-        config: {
-            description: "You can define the nested app's configuration with this property.",
-        },
-        activeTheme: {
-            description: "This property defines the active theme for the nested app. " +
-                "If not set, the default theme is used.",
-        },
-        activeTone: {
-            description: "This property defines the active tone for the nested app. " +
-                "If not set, the default tone is used.",
-        },
-        title: {
-            description: "The optional title of the nested app. If not set, no title is displayed.",
-        },
-        height: {
-            description: "The height of the nested app. If not set, the height is determined automatically.",
-        },
-        allowPlaygroundPopup: {
-            description: "This property defines whether the nested app can be opened in the xmlui playground.",
-            valueType: "boolean",
-            defaultValue: defaultProps_1.defaultProps.allowPlaygroundPopup,
-        },
-        withFrame: {
-            description: "This property defines whether the nested app should be displayed with a frame.",
-            valueType: "boolean",
-            defaultValue: defaultProps_1.defaultProps.withFrame,
-        },
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(AppWithCodeView_module_scss_1.default.themeVars),
-    defaultThemeVars: {},
-});
-exports.appWithCodeViewComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.AppWithCodeViewMd, ({ node, extractValue, renderChild }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    let renderedChildren = "";
-    // 1. Static content prop fallback
-    if (!renderedChildren) {
-        renderedChildren = extractValue.asString(node.props.markdown);
-    }
-    // 2. "data" property fallback
-    if (!renderedChildren && typeof node.props.data === "string") {
-        renderedChildren = extractValue.asString(node.props.data);
-    }
-    // 3. Children fallback
-    if (!renderedChildren) {
-        ((_a = node.children) !== null && _a !== void 0 ? _a : []).forEach((child) => {
-            const renderedChild = renderChild(child);
-            console.log("renderedChild", renderedChild);
-            if (typeof renderedChild === "string") {
-                renderedChildren += renderedChild;
-            }
-        });
-    }
-    return ((0, jsx_runtime_1.jsx)(AppWithCodeViewNative_1.AppWithCodeViewNative, { markdown: renderedChildren, splitView: extractValue.asOptionalBoolean((_b = node.props) === null || _b === void 0 ? void 0 : _b.splitView), app: (_c = node.props) === null || _c === void 0 ? void 0 : _c.app, api: extractValue((_d = node.props) === null || _d === void 0 ? void 0 : _d.api), components: extractValue((_e = node.props) === null || _e === void 0 ? void 0 : _e.components), config: extractValue((_f = node.props) === null || _f === void 0 ? void 0 : _f.config), activeTheme: extractValue((_g = node.props) === null || _g === void 0 ? void 0 : _g.activeTheme), activeTone: extractValue((_h = node.props) === null || _h === void 0 ? void 0 : _h.activeTone), title: extractValue((_j = node.props) === null || _j === void 0 ? void 0 : _j.title), height: extractValue((_k = node.props) === null || _k === void 0 ? void 0 : _k.height), allowPlaygroundPopup: extractValue.asOptionalBoolean((_l = node.props) === null || _l === void 0 ? void 0 : _l.allowPlaygroundPopup), withFrame: extractValue.asOptionalBoolean((_m = node.props) === null || _m === void 0 ? void 0 : _m.withFrame) }));
-});

package/dist/scripts/src/components/NestedApp/AppWithCodeViewNative.js

@@ -1,84 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppWithCodeViewNative = AppWithCodeViewNative;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const NestedAppNative_1 = require("./NestedAppNative");
-const Markdown_1 = require("../Markdown/Markdown");
-const ButtonNative_1 = require("../Button/ButtonNative");
-const NestedApp_module_scss_1 = __importDefault(require("./NestedApp.module.scss"));
-const Tooltip_1 = require("./Tooltip");
-const rx_1 = require("react-icons/rx");
-const lia_1 = require("react-icons/lia");
-const utils_1 = require("./utils");
-const AppContext_1 = require("../../components-core/AppContext");
-const classnames_1 = __importDefault(require("classnames"));
-const logo_svg_react_1 = __importDefault(require("./logo.svg?react"));
-const ThemeContext_1 = require("../../components-core/theming/ThemeContext");
-/**
- * A component that displays markdown content on the left and a NestedApp on the right
- */
-function AppWithCodeViewNative({ markdown, splitView, withFrame = true, noHeader = false, initiallyShowCode = false, popOutUrl, app, api, components = [], config, activeTone, activeTheme, title, height, allowPlaygroundPopup, withSplashScreen, immediate, closeButton = null, controlsWidth, }) {
-    var _a;
-    const [showCode, setShowCode] = (0, react_1.useState)(initiallyShowCode);
-    const appContext = (0, AppContext_1.useAppContext)();
-    const [refreshVersion, setRefreshVersion] = (0, react_1.useState)(0);
-    const { activeTheme: currentTheme, activeThemeTone, activeThemeId } = (0, ThemeContext_1.useTheme)();
-    const safePopOutUrl = (0, utils_1.withoutTrailingSlash)(popOutUrl || ((_a = appContext === null || appContext === void 0 ? void 0 : appContext.appGlobals) === null || _a === void 0 ? void 0 : _a.popOutUrl) || "https://playground.xmlui.org/#/playground");
-    const openPlayground = (0, react_1.useCallback)(() => __awaiter(this, void 0, void 0, function* () {
-        const data = {
-            standalone: {
-                app,
-                components,
-                config: {
-                    name: title,
-                    themes: [currentTheme],
-                    defaultTheme: activeTheme,
-                },
-                api: api,
-            },
-            options: {
-                fixedTheme: false,
-                swapped: false,
-                previewMode: false,
-                orientation: "horizontal",
-                activeTheme: activeThemeId || activeTheme,
-                activeTone: activeTone || activeThemeTone,
-                content: "app",
-            },
-        };
-        const appQueryString = yield (0, utils_1.createQueryString)(JSON.stringify(data));
-        window.open(`${safePopOutUrl}/#${appQueryString}`, "_blank");
-    }), [app, components, title, activeTheme, api, activeTone, safePopOutUrl]);
-    if (withFrame) {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!!markdown && !splitView && (0, jsx_runtime_1.jsx)(Markdown_1.Markdown, { children: markdown }), (0, jsx_runtime_1.jsxs)("div", { className: NestedApp_module_scss_1.default.nestedAppContainer, style: { height }, children: [!noHeader && ((0, jsx_runtime_1.jsxs)("div", { className: NestedApp_module_scss_1.default.header, children: [!splitView && (0, jsx_runtime_1.jsx)("span", { className: NestedApp_module_scss_1.default.headerText, children: title }), splitView && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: NestedApp_module_scss_1.default.wrapper, style: { width: controlsWidth }, children: (0, jsx_runtime_1.jsx)(logo_svg_react_1.default, { className: NestedApp_module_scss_1.default.logo }) }), (0, jsx_runtime_1.jsxs)("div", { className: NestedApp_module_scss_1.default.viewControls, children: [(0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { onClick: () => setShowCode(true), className: (0, classnames_1.default)(NestedApp_module_scss_1.default.splitViewButton, {
-                                                        [NestedApp_module_scss_1.default.show]: showCode,
-                                                        [NestedApp_module_scss_1.default.hide]: !showCode,
-                                                    }), children: "XML" }), (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { onClick: () => setShowCode(false), className: (0, classnames_1.default)(NestedApp_module_scss_1.default.splitViewButton, {
-                                                        [NestedApp_module_scss_1.default.show]: !showCode,
-                                                        [NestedApp_module_scss_1.default.hide]: showCode,
-                                                    }), children: "UI" })] })] })), (0, jsx_runtime_1.jsxs)("div", { className: NestedApp_module_scss_1.default.wrapper, style: { width: controlsWidth }, children: [allowPlaygroundPopup && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { trigger: (0, jsx_runtime_1.jsx)("button", { className: NestedApp_module_scss_1.default.headerButton, onClick: () => {
-                                                    void openPlayground();
-                                                }, children: (0, jsx_runtime_1.jsx)(rx_1.RxOpenInNewWindow, {}) }), label: "View and edit in new full-width window" })), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { trigger: (0, jsx_runtime_1.jsx)("button", { className: NestedApp_module_scss_1.default.headerButton, onClick: () => {
-                                                    setShowCode(false);
-                                                    setRefreshVersion(refreshVersion + 1);
-                                                }, children: (0, jsx_runtime_1.jsx)(lia_1.LiaUndoAltSolid, {}) }), label: "Reset the app" }), closeButton] })] })), (0, jsx_runtime_1.jsxs)("div", { className: NestedApp_module_scss_1.default.contentContainer, children: [(0, jsx_runtime_1.jsx)(Markdown_1.Markdown, { className: (0, classnames_1.default)(NestedApp_module_scss_1.default.splitViewMarkdown, { [NestedApp_module_scss_1.default.hidden]: !showCode }), children: markdown }), (0, jsx_runtime_1.jsx)(NestedAppNative_1.IndexAwareNestedApp, { className: (0, classnames_1.default)({ [NestedApp_module_scss_1.default.hidden]: showCode }), height: "100%", app: app, api: api, components: components, config: config, activeTone: activeTone, activeTheme: activeTheme, refreshVersion: refreshVersion, withSplashScreen: withSplashScreen, immediate: immediate })] })] })] }));
-    }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!!markdown && (0, jsx_runtime_1.jsx)(Markdown_1.Markdown, { children: markdown }), (0, jsx_runtime_1.jsx)(NestedAppNative_1.IndexAwareNestedApp, { height: height, app: app, api: api, components: components, config: config, activeTone: activeTone, activeTheme: activeTheme, refreshVersion: refreshVersion, withSplashScreen: withSplashScreen, immediate: immediate })] }));
-}
-/**
- * Export a named default for easier imports
- */
-exports.default = AppWithCodeViewNative;

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

@@ -1,86 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.nestedAppComponentRenderer = exports.NestedAppMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const NestedApp_module_scss_1 = __importDefault(require("./NestedApp.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const NestedAppNative_1 = require("./NestedAppNative");
-const defaultProps_1 = require("./defaultProps");
-const metadata_helpers_1 = require("../metadata-helpers");
-const COMP = "NestedApp";
-exports.NestedAppMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: `The ${COMP} component allows you to nest an entire xmlui app into another one.
-`,
-    props: {
-        app: {
-            description: "The source markup of the app to be nested",
-        },
-        api: {
-            description: "This property defines an optional emulated API to be used with the nested app.",
-        },
-        components: {
-            description: "This property defines an optional list of components to be used with the nested app.",
-            defaultValue: defaultProps_1.defaultProps.components,
-        },
-        config: {
-            description: "You can define the nested app's configuration with this property.",
-        },
-        activeTheme: {
-            description: "This property defines the active theme for the nested app. " +
-                "If not set, the default theme is used.",
-        },
-        activeTone: {
-            description: "This property defines the active tone for the nested app. " +
-                "If not set, the default tone is used.",
-        },
-        height: {
-            description: "The height of the nested app. If not set, the height is determined automatically.",
-        },
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(NestedApp_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        [`marginTop-${COMP}`]: "$space-3",
-        [`marginBottom-${COMP}`]: "$space-3",
-        [`padding-${COMP}`]: "0",
-        [`paddingTop-${COMP}`]: "0",
-        [`border-${COMP}`]: "0.5px solid $borderColor",
-        [`borderRadius-${COMP}`]: "$space-2",
-        [`backgroundColor-frame-${COMP}`]: "$color-primary-50",
-        [`gap-frame-${COMP}`]: "0",
-        [`fontWeight-header-${COMP}`]: "$fontWeight-bold",
-        [`boxShadow-${COMP}`]: "0px 0px 32px 0px rgba(0, 0, 0, 0.05)",
-        [`backgroundColor-viewControls-${COMP}`]: "$color-primary-100",
-        [`borderRadius-viewControls-${COMP}`]: "5px",
-        [`padding-viewControls-${COMP}`]: "$space-0_5",
-        [`borderBottom-header-${COMP}`]: "0.5px solid $borderColor",
-        [`color-loadingText-${COMP}`]: "$color-surface-600",
-        // --- Split view styles
-        [`padding-button-splitView-${COMP}`]: "1px 6px",
-        [`width-button-splitView-${COMP}`]: "60px",
-        [`height-button-splitView-${COMP}`]: "19px",
-        [`width-logo-splitView-${COMP}`]: "1.5rem",
-        [`height-logo-splitView-${COMP}`]: "2rem",
-        [`backgroundColor-button-splitView-${COMP}--active`]: "$color-surface-0",
-        [`color-button-splitView-${COMP}`]: "$color-surface-600",
-        [`color-button-splitView-${COMP}--active`]: "$color-primary",
-        [`width-controls-${COMP}`]: "80px",
-        [`backgroundColor-code-splitView-${COMP}`]: "$color-surface-0",
-        [`borderRadius-button-splitView-${COMP}`]: "$space-1",
-        [`borderColor-button-splitView-${COMP}`]: "transparent",
-        dark: {
-            [`backgroundColor-frame-${COMP}`]: "$color-surface-50",
-            [`backgroundColor-button-splitView-${COMP}--active`]: "$color-surface-200",
-            [`color-button-splitView-${COMP}`]: "$color-surface-500",
-            [`color-button-splitView-${COMP}--active`]: "$color-surface-1",
-        },
-    },
-});
-exports.nestedAppComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.NestedAppMd, ({ node, extractValue, className }) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    return ((0, jsx_runtime_1.jsx)(NestedAppNative_1.IndexAwareNestedApp, { app: (_a = node.props) === null || _a === void 0 ? void 0 : _a.app, className: className, api: extractValue((_b = node.props) === null || _b === void 0 ? void 0 : _b.api), components: extractValue((_c = node.props) === null || _c === void 0 ? void 0 : _c.components), config: extractValue((_d = node.props) === null || _d === void 0 ? void 0 : _d.config), activeTheme: extractValue((_e = node.props) === null || _e === void 0 ? void 0 : _e.activeTheme), activeTone: extractValue((_f = node.props) === null || _f === void 0 ? void 0 : _f.activeTone), height: extractValue((_g = node.props) === null || _g === void 0 ? void 0 : _g.height) }));
-});