xmlui 0.7.20 → 0.7.22

package/dist/scripts/src/components/Text/TextNative.js

@@ -17,17 +17,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Text = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const react_2 = require("react");
-const Text_module_scss_1 = __importDefault(require("./Text.module.scss"));
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
-const css_utils_1 = require("@components-core/utils/css-utils");
 const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
-const abstractions_1 = require("@components/abstractions");
+const classnames_1 = __importDefault(require("classnames"));
+const Text_module_scss_1 = __importDefault(require("./Text.module.scss"));
+const css_utils_1 = require("../../components-core/utils/css-utils");
+const abstractions_1 = require("../abstractions");
 exports.Text = (0, react_1.forwardRef)(function Text(_a, forwardedRef) {
     var { uid, variant, maxLines = 0, style, children, preserveLinebreaks, ellipses = true } = _a, variantSpecificProps = __rest(_a, ["uid", "variant", "maxLines", "style", "children", "preserveLinebreaks", "ellipses"]);
-    const innerRef = (0, react_2.useRef)(null);
+    const innerRef = (0, react_1.useRef)(null);
     const ref = forwardedRef ? (0, react_compose_refs_1.composeRefs)(innerRef, forwardedRef) : innerRef;
-    const Element = (0, react_2.useMemo)(() => {
+    const Element = (0, react_1.useMemo)(() => {
         if (!variant || !abstractions_1.TextVariantElement[variant])
             return "div"; //todo illesg, could be a span?
         return abstractions_1.TextVariantElement[variant];

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

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.textAreaComponentRenderer = exports.TextAreaMd = exports.resizeOptionsMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const TextArea_module_scss_1 = __importDefault(require("./TextArea.module.scss"));
-const renderers_1 = require("@components-core/renderers");
-const themeVars_1 = require("@components-core/theming/themeVars");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const themeVars_1 = require("../../components-core/theming/themeVars");
+const metadata_helpers_1 = require("../metadata-helpers");
 const TextAreaNative_1 = require("./TextAreaNative");
-const metadata_helpers_1 = require("@components/metadata-helpers");
 const COMP = "TextArea";
 exports.resizeOptionsMd = [
     { value: "undefined", description: "No resizing" },

package/dist/scripts/src/components/TextArea/TextAreaNative.js

@@ -39,14 +39,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextArea = exports.resizeOptionKeys = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
-const TextArea_module_scss_1 = __importDefault(require("./TextArea.module.scss"));
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
-const constants_1 = require("@components-core/constants");
-const TextAreaResizable_1 = __importDefault(require("./TextAreaResizable"));
+const classnames_1 = __importDefault(require("classnames"));
 const react_textarea_autosize_1 = __importDefault(require("react-textarea-autosize"));
 const lodash_es_1 = require("lodash-es");
-const misc_1 = require("@components-core/utils/misc");
-const ItemWithLabel_1 = require("@components/FormItem/ItemWithLabel");
+const TextArea_module_scss_1 = __importDefault(require("./TextArea.module.scss"));
+const constants_1 = require("../../components-core/constants");
+const misc_1 = require("../../components-core/utils/misc");
+const ItemWithLabel_1 = require("../FormItem/ItemWithLabel");
+const TextAreaResizable_1 = __importDefault(require("./TextAreaResizable"));
 exports.resizeOptionKeys = ["horizontal", "vertical", "both"];
 const resizeMap = {
     horizontal: TextArea_module_scss_1.default.resizeHorizontal,

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

@@ -5,11 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.passwordInputComponentRenderer = exports.PasswordMd = exports.textBoxComponentRenderer = exports.TextBoxMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const renderers_1 = require("@components-core/renderers");
 const TextBox_module_scss_1 = __importDefault(require("./TextBox.module.scss"));
-const themeVars_1 = require("@components-core/theming/themeVars");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const metadata_helpers_1 = require("@components/metadata-helpers");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const themeVars_1 = require("../../components-core/theming/themeVars");
+const metadata_helpers_1 = require("../metadata-helpers");
 const TextBoxNative_1 = require("./TextBoxNative");
 const COMP = "TextBox";
 exports.TextBoxMd = (0, ComponentDefs_1.createMetadata)({

package/dist/scripts/src/components/TextBox/TextBoxNative.js

@@ -40,12 +40,12 @@ exports.TextBox = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_2 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
+const classnames_1 = __importDefault(require("classnames"));
 const TextBox_module_scss_1 = __importDefault(require("./TextBox.module.scss"));
-const constants_1 = require("@components-core/constants");
-const InputAdornment_1 = require("@components/Input/InputAdornment");
-const misc_1 = require("@components-core/utils/misc");
-const ItemWithLabel_1 = require("@components/FormItem/ItemWithLabel");
+const constants_1 = require("../../components-core/constants");
+const misc_1 = require("../../components-core/utils/misc");
+const InputAdornment_1 = require("../Input/InputAdornment");
+const ItemWithLabel_1 = require("../FormItem/ItemWithLabel");
 exports.TextBox = (0, react_1.forwardRef)(function TextBox({ id, type = "text", value = "", updateState = constants_1.noop, initialValue = "", style, maxLength, enabled = true, placeholder, validationStatus = "none", onDidChange = constants_1.noop, onFocus = constants_1.noop, onBlur = constants_1.noop, registerComponentApi, startText, startIcon, endText, endIcon, autoFocus, readOnly, tabIndex, label, labelPosition, labelWidth, labelBreak, required, }, ref) {
     const inputRef = (0, react_2.useRef)(null);
     (0, react_2.useEffect)(() => {

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

@@ -13,8 +13,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.themeComponentRenderer = exports.ThemeMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const renderers_1 = require("@components-core/renderers");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
 const ThemeNative_1 = require("./ThemeNative");
 const COMP = "Theme";
 exports.ThemeMd = (0, ComponentDefs_1.createMetadata)({

package/dist/scripts/src/components/Theme/ThemeNative.js

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Theme = Theme;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const Theme_module_scss_1 = __importDefault(require("./Theme.module.scss"));
-const ThemeProvider_1 = require("@components-core/theming/ThemeProvider");
-const ThemeContext_1 = require("@components-core/theming/ThemeContext");
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
 const react_helmet_async_1 = require("react-helmet-async");
 const react_dom_1 = require("react-dom");
-const constants_1 = require("@components-core/constants");
-const ErrorBoundary_1 = require("@components-core/ErrorBoundary");
+const classnames_1 = __importDefault(require("classnames"));
+const Theme_module_scss_1 = __importDefault(require("./Theme.module.scss"));
+const ThemeProvider_1 = require("../../components-core/theming/ThemeProvider");
+const ThemeContext_1 = require("../../components-core/theming/ThemeContext");
+const themeVars_1 = require("../../components-core/theming/themeVars");
+const constants_1 = require("../../components-core/constants");
+const ErrorBoundary_1 = require("../../components-core/rendering/ErrorBoundary");
 const NotificationToast_1 = require("./NotificationToast");
-const themeVars_1 = require("@components-core/theming/themeVars");
 function getClassName(css) {
     return `theme-${calculateHash(css)}`;
 }

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

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.themeChangerButtonComponentRenderer = exports.ThemeChangerButtonMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const DropdownMenuNative_1 = require("@components/DropdownMenu/DropdownMenuNative");
-const ButtonNative_1 = require("@components/Button/ButtonNative");
-const ContentSeparatorNative_1 = require("@components/ContentSeparator/ContentSeparatorNative");
-const ModalDialogNative_1 = require("@components/ModalDialog/ModalDialogNative");
-const RadioGroupNative_1 = require("@components/RadioGroup/RadioGroupNative");
 const react_1 = require("react");
-const ThemeContext_1 = require("@components-core/theming/ThemeContext");
-const renderers_1 = require("@components-core/renderers");
-const StackNative_1 = require("@components/Stack/StackNative");
-const TextNative_1 = require("@components/Text/TextNative");
-const IconNative_1 = require("@components/Icon/IconNative");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const ThemeContext_1 = require("../../components-core/theming/ThemeContext");
+const renderers_1 = require("../../components-core/renderers");
+const DropdownMenuNative_1 = require("../DropdownMenu/DropdownMenuNative");
+const ButtonNative_1 = require("../Button/ButtonNative");
+const ContentSeparatorNative_1 = require("../ContentSeparator/ContentSeparatorNative");
+const ModalDialogNative_1 = require("../ModalDialog/ModalDialogNative");
+const RadioGroupNative_1 = require("../RadioGroup/RadioGroupNative");
+const StackNative_1 = require("../Stack/StackNative");
+const TextNative_1 = require("../Text/TextNative");
+const IconNative_1 = require("../Icon/IconNative");
 const COMP = "ThemeChangerButton";
 exports.ThemeChangerButtonMd = (0, ComponentDefs_1.createMetadata)({
     status: "experimental",

package/dist/scripts/src/components/ThemeChanger/ToneChangerButton.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.toneChangerButtonComponentRenderer = exports.ToneChangerButtonMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const ButtonNative_1 = require("@components/Button/ButtonNative");
-const ThemeContext_1 = require("@components-core/theming/ThemeContext");
-const renderers_1 = require("@components-core/renderers");
-const IconNative_1 = require("@components/Icon/IconNative");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const ThemeContext_1 = require("../../components-core/theming/ThemeContext");
+const renderers_1 = require("../../components-core/renderers");
+const ButtonNative_1 = require("../Button/ButtonNative");
+const IconNative_1 = require("../Icon/IconNative");
 const COMP = "ToneChangerButton";
 exports.ToneChangerButtonMd = (0, ComponentDefs_1.createMetadata)({
     status: "experimental",

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

@@ -39,11 +39,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toggle = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
+const classnames_1 = __importDefault(require("classnames"));
 const Toggle_module_scss_1 = __importDefault(require("./Toggle.module.scss"));
-const constants_1 = require("@components-core/constants");
-const ItemWithLabel_1 = require("@components/FormItem/ItemWithLabel");
-const misc_1 = require("@components-core/utils/misc");
+const constants_1 = require("../../components-core/constants");
+const misc_1 = require("../../components-core/utils/misc");
+const ItemWithLabel_1 = require("../FormItem/ItemWithLabel");
 exports.Toggle = (0, react_1.forwardRef)(function Toggle({ id, initialValue = false, value = false, enabled = true, style, readOnly, validationStatus = "none", updateState = constants_1.noop, onDidChange = constants_1.noop, onFocus = constants_1.noop, onBlur = constants_1.noop, variant = "checkbox", indeterminate = false, className, label, labelPosition = "start", labelWidth, labelBreak, required, registerComponentApi, }, forwardedRef) {
     const innerRef = react_1.default.useRef(null);
     (0, react_1.useEffect)(() => {

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.toolbarRenderer = exports.ToolbarMd = void 0;
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const compound_utils_1 = require("@components-core/utils/compound-utils");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const compound_utils_1 = require("../../components-core/utils/compound-utils");
 // --- We cannot use this with nextra
 // import componentSource from "./Toolbar.xmlui?raw";
 const COMP = "Toolbar";

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.toolbarButtonRenderer = exports.ToolbarButtonMd = void 0;
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const compound_utils_1 = require("@components-core/utils/compound-utils");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const compound_utils_1 = require("../../components-core/utils/compound-utils");
 // --- We cannot use this with nextra
 // import componentSource from "./ToolbarButton.xmlui?raw";
 const COMP = "ToolbarButton";

package/dist/scripts/src/components/Tree/TreeComponent.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.treeComponentRenderer = exports.TreeMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const container_helpers_1 = require("@components/container-helpers");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const container_helpers_1 = require("../container-helpers");
+const metadata_helpers_1 = require("../metadata-helpers");
 const TreeNative_1 = require("./TreeNative");
-const metadata_helpers_1 = require("@components/metadata-helpers");
 const COMP = "Tree";
 exports.TreeMd = (0, ComponentDefs_1.createMetadata)({
     status: "in progress",

package/dist/scripts/src/components/Tree/TreeNative.js

@@ -8,9 +8,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_window_1 = require("react-window");
 const react_virtualized_auto_sizer_1 = __importDefault(require("react-virtualized-auto-sizer"));
+const classnames_1 = __importDefault(require("classnames"));
 const TreeComponent_module_scss_1 = __importDefault(require("./TreeComponent.module.scss"));
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
-const treeUtils_1 = require("@components-core/utils/treeUtils");
+const treeUtils_1 = require("../../components-core/utils/treeUtils");
 const TreeRow = (0, react_1.memo)(function TreeRow({ index, style, data }) {
     const { nodes, toggleNode, selectedUid, itemRenderer } = data;
     const treeItem = nodes[index];

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.trendLabelRenderer = exports.TrendLabelMd = void 0;
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const compound_utils_1 = require("@components-core/utils/compound-utils");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const compound_utils_1 = require("../../components-core/utils/compound-utils");
 // --- We cannot use this with nextra
 //import componentSource from "./TrendLabel.xmlui?raw";
 const COMP = "TrendLabel";

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

@@ -6,15 +6,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ValidationSummary = ValidationSummary;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const StackNative_1 = require("@components/Stack/StackNative");
-const IconNative_1 = require("@components/Icon/IconNative");
-const TextNative_1 = require("@components/Text/TextNative");
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
-const ValidationSummary_module_scss_1 = __importDefault(require("./ValidationSummary.module.scss"));
-const SpaceFillerNative_1 = require("@components/SpaceFiller/SpaceFillerNative");
-const ButtonNative_1 = require("@components/Button/ButtonNative");
-const constants_1 = require("@components-core/constants");
 const react_2 = require("@formkit/auto-animate/react");
+const classnames_1 = __importDefault(require("classnames"));
+const ValidationSummary_module_scss_1 = __importDefault(require("./ValidationSummary.module.scss"));
+const constants_1 = require("../../components-core/constants");
+const StackNative_1 = require("../Stack/StackNative");
+const IconNative_1 = require("../Icon/IconNative");
+const TextNative_1 = require("../Text/TextNative");
+const SpaceFillerNative_1 = require("../SpaceFiller/SpaceFillerNative");
+const ButtonNative_1 = require("../Button/ButtonNative");
 function ValidationSummary({ fieldValidationResults = constants_1.EMPTY_OBJECT, generalValidationResults = constants_1.EMPTY_ARRAY, }) {
     const [animateContainerRef] = (0, react_2.useAutoAnimate)({ duration: 100 });
     const groupedInvalidResults = (0, react_1.useMemo)(() => {

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VariantPropsKeys = exports.variantOptionsMd = exports.TextVariantElement = exports.orderingValues = exports.scrollAnchoringNames = exports.scrollAnchoringValues = exports.validationStatusMd = exports.validationStatusNames = exports.validationStatusValues = exports.triggerPositionNames = exports.labelPositionMd = exports.labelPositionNames = exports.labelPositionValues = exports.placementMd = exports.placementNames = exports.statusColorMd = exports.statusColorNames = exports.iconPositionMd = exports.iconPositionNames = exports.iconPositionValues = exports.orientationOptionMd = exports.orientationOptionNames = exports.alignmentOptionMd = exports.alignmentOptionNames = exports.alignmentOptionValues = exports.buttonAriaNames = exports.buttonVariantMd = exports.buttonVariantNames = exports.defaultButtonType = exports.buttonTypesMd = exports.buttonTypeNames = exports.buttonTypeValues = exports.buttonThemeMd = exports.buttonThemeNames = exports.sizeNames = exports.sizeMd = exports.viewportSizeNames = exports.viewportSizeMd = exports.LinkTargetMd = exports.LinkTargetNames = void 0;
-exports.LinkTargetNames = ["_self", "_blank", "_parent", "_top"];
+exports.LinkTargetNames = ["_self", "_blank", "_parent", "_top", "_unfencedTop"];
 exports.LinkTargetMd = [
     {
         value: "_self",
@@ -19,6 +19,10 @@ exports.LinkTargetMd = [
         value: "_top",
         description: "The topmost browsing context. The link will open in the full body of the window. If no ancestors, behaves as _self.",
     },
+    {
+        value: "_unfencedTop",
+        description: "Allows embedded fenced frames to navigate the top-level frame, i.e. traversing beyond the root of the fenced frame."
+    }
 ];
 // --- Available view sizes
 exports.viewportSizeMd = [
@@ -201,7 +205,7 @@ const TextVariantKeys = [
     "sample", // use <samp>
     "sub", // use <sub>
     "sup", // use <sup>
-    "var", // use <var>
+    "var", // use <variable>
     "strong", // use <strong> element for content that is of greater importance (used in Markdown)
     "em", // use <em> element changes the meaning of a sentence - as spoken emphasis does (used in Markdown)
     "mono", // use monospace font with <![CDATA[

package/dist/scripts/src/components/container-helpers.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MemoizedItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const constants_1 = require("@components-core/constants");
-const hooks_1 = require("@components-core/utils/hooks");
+const constants_1 = require("../components-core/constants");
+const hooks_1 = require("../components-core/utils/hooks");
 exports.MemoizedItem = (0, react_1.memo)(({ node, item, context, renderChild, layoutContext, contextVars = constants_1.EMPTY_OBJECT, itemKey = "$item", contextKey = "$context", }) => {
     const shallowMemoedContextVars = (0, hooks_1.useShallowCompareMemoize)(contextVars);
     const nodeWithItem = (0, react_1.useMemo)(() => {

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

@@ -48,10 +48,10 @@ exports.CompoundComponent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
-const misc_1 = require("@components-core/utils/misc");
+const misc_1 = require("./utils/misc");
 const hooks_1 = require("./utils/hooks");
 const lodash_es_1 = require("lodash-es");
-const constants_1 = require("@components-core/constants");
+const constants_1 = require("./constants");
 // Acts as a bridge between a compound component definition and its renderer.
 exports.CompoundComponent = (0, react_1.forwardRef)(({ node, lookupSyncCallback, lookupEventHandler, compound, api, scriptCollected, renderChild, extractValue, layoutContext, uid, updateState, }, forwardedRef) => {
     // --- Extract property values (resolve binding expressions)

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

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fragmentComponentRenderer = exports.FragmentMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
+const ComponentDefs_1 = require("../abstractions/ComponentDefs");
+const renderers_1 = require("./renderers");
 const COMP = "Fragment";
 exports.FragmentMd = (0, ComponentDefs_1.createMetadata)({
     description: `The \`${COMP}\` component encloses multiple child components into a single root component, so it can be used where only a single component definition is allowed.`,

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

@@ -9,12 +9,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_popper_1 = require("react-popper");
 const react_dom_1 = require("react-dom");
-const ThemeContext_1 = require("@components-core/theming/ThemeContext");
-const ModalDialogNative_1 = require("@components/ModalDialog/ModalDialogNative");
+const ThemeContext_1 = require("./theming/ThemeContext");
+const ModalDialogNative_1 = require("../components/ModalDialog/ModalDialogNative");
 const classnames_1 = __importDefault(require("classnames"));
-const XmluiCodeHighlighter_1 = require("@components-core/XmluiCodeHighlighter");
-const ButtonNative_1 = require("@components/Button/ButtonNative");
-const IconNative_1 = __importDefault(require("@components/Icon/IconNative"));
+const XmluiCodeHighlighter_1 = require("./XmluiCodeHighlighter");
+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"));
 // --- The context object that is used to store the inspector information.
 const InspectorContext = (0, react_1.createContext)(null);

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

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoaderComponent = LoaderComponent;
 const react_1 = require("react");
-const ComponentRegistryContext_1 = require("@components/ComponentRegistryContext");
+const ComponentRegistryContext_1 = require("../components/ComponentRegistryContext");
 const containers_1 = require("./abstractions/containers");
-const valueExtractor_1 = require("@components-core/container/valueExtractor");
-const hooks_1 = require("@components-core/utils/hooks");
+const valueExtractor_1 = require("./rendering/valueExtractor");
+const hooks_1 = require("./utils/hooks");
 function LoaderComponent({ node, state, dispatch, lookupAction, lookupSyncCallback, registerComponentApi, onUnmount, appContext, memoedVarsRef, }) {
     const componentRegistry = (0, ComponentRegistryContext_1.useComponentRegistry)();
     const uid = (0, react_1.useMemo)(() => Symbol(node.uid), [node.uid]);

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

@@ -43,10 +43,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const lodash_es_1 = require("lodash-es");
-const extractParam_1 = require("@components-core/utils/extractParam");
-const misc_1 = require("@components-core/utils/misc");
-const EngineError_1 = require("@components-core/EngineError");
-const process_statement_sync_1 = require("@components-core/script-runner/process-statement-sync");
+const extractParam_1 = require("./utils/extractParam");
+const misc_1 = require("./utils/misc");
+const EngineError_1 = require("./EngineError");
+const process_statement_sync_1 = require("./script-runner/process-statement-sync");
 function isAxiosResponse(response) {
     return "data" in response;
 }
@@ -259,7 +259,7 @@ class RestApiProxy {
                 method: method,
                 headers: aggregatedHeaders,
                 signal: abortSignal,
-                body: requestBody,
+                body: requestBody
             };
             if (onUploadProgress) {
                 console.log("Falling back to axios. Reason: onUploadProgress specified");

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SlotHolder = exports.SlotMd = void 0;
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
+const ComponentDefs_1 = require("../abstractions/ComponentDefs");
+const renderers_1 = require("./renderers");
 const COMP = "Slot";
 exports.SlotMd = (0, ComponentDefs_1.createMetadata)({
     status: "experimental",

package/dist/scripts/src/components-core/{StandaloneComponentManager.js → StandaloneExtensionManager.js}

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * the xmlui component registry. The framework resolves the components used
  * in an application markup with this registry.
  */
-class StandaloneComponentManager {
+class StandaloneExtensionManager {
     constructor() {
         this.subscriptions = new Set();
-        this.registeredComponents = [];
+        this.registeredExtensions = [];
     }
     /**
      * You can add a callback function invoked whenever a new component is added
@@ -19,7 +19,7 @@ class StandaloneComponentManager {
      */
     subscribeToRegistrations(cb) {
         this.subscriptions.add(cb);
-        this.registeredComponents.forEach((component) => {
+        this.registeredExtensions.forEach((component) => {
             cb(component);
         });
     }
@@ -32,20 +32,13 @@ class StandaloneComponentManager {
     unSubscribeFromRegistrations(cb) {
         this.subscriptions.delete(cb);
     }
-    /**
-     * Use this function to add a new component to the registry. Adding a new
-     * component will invoke all callbacks that have already subscribed to the
-     * component registration.
-     * @param component The component to register. You can pass a single
-     * component or an array of components.
-     */
-    registerComponent(component) {
+    registerExtension(component) {
         (Array.isArray(component) ? component : [component]).forEach((component) => {
-            this.registeredComponents.push(component);
+            this.registeredExtensions.push(component);
             this.subscriptions.forEach((cb) => {
                 cb(component);
             });
         });
     }
 }
-exports.default = StandaloneComponentManager;
+exports.default = StandaloneExtensionManager;

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

@@ -99,7 +99,7 @@ function TableOfContentsProvider({ children }) {
             setActiveAnchorId,
         };
     }, [registerHeading, sortedHeadings, observeIntersection, activeId, setActiveAnchorId]);
-    return (0, jsx_runtime_1.jsx)(exports.TableOfContentsContext.Provider, { value: contextValue, children: children });
+    return ((0, jsx_runtime_1.jsx)(exports.TableOfContentsContext.Provider, { value: contextValue, children: children }));
 }
 function useTableOfContents() {
     const context = (0, react_1.useContext)(exports.TableOfContentsContext);

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

@@ -50,9 +50,9 @@ exports.XmluiCodeHighlighter = XmluiCodeHighlighter;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const XmluiCodeHighlighter_module_scss_1 = __importDefault(require("./XmluiCodeHighlighter.module.scss"));
-const ThemeContext_1 = require("@components-core/theming/ThemeContext");
+const ThemeContext_1 = require("./theming/ThemeContext");
 const classnames_1 = __importDefault(require("classnames"));
-const renderers_1 = require("@components-core/renderers");
+const renderers_1 = require("./renderers");
 let highlighter = null;
 function XmluiCodeHighlighter({ value }) {
     const { activeThemeTone } = (0, ThemeContext_1.useTheme)();

package/dist/scripts/src/components-core/action/APICall.js

@@ -15,11 +15,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.apiAction = void 0;
 exports.callApi = callApi;
 const react_hot_toast_1 = __importDefault(require("react-hot-toast"));
-const RestApiProxy_1 = __importDefault(require("@components-core/RestApiProxy"));
-const actionUtils_1 = require("@components-core/utils/actionUtils");
-const extractParam_1 = require("@components-core/utils/extractParam");
 const immer_1 = require("immer");
-const misc_1 = require("@components-core/utils/misc");
+const actionUtils_1 = require("../utils/actionUtils");
+const extractParam_1 = require("../utils/extractParam");
+const misc_1 = require("../utils/misc");
+const RestApiProxy_1 = __importDefault(require("../RestApiProxy"));
 const actions_1 = require("./actions");
 function findQueryKeysToUpdate(updates, queryClient) {
     const queryKeysToUpdate = [];
@@ -180,7 +180,7 @@ function callApi(_a, _b) {
     //operation
     headers, url, queryParams, rawBody, method, body, }, { resolveBindingExpressions } = {}) {
         const uid = typeof actionUid === "symbol" ? actionUid : Symbol(actionUid);
-        const stateContext = Object.assign(Object.assign({}, params), state);
+        const stateContext = Object.assign(Object.assign({}, state), params);
         if (!(0, extractParam_1.shouldKeep)(when, stateContext, appContext)) {
             return;
         }

package/dist/scripts/src/components-core/action/FileDownloadAction.js

@@ -13,8 +13,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.downloadAction = void 0;
+const RestApiProxy_1 = __importDefault(require("../RestApiProxy"));
 const actions_1 = require("./actions");
-const RestApiProxy_1 = __importDefault(require("@components-core/RestApiProxy"));
 function download(_a, _b) {
     return __awaiter(this, arguments, void 0, function* ({ state, appContext }, { params, url, queryParams, method, rawBody, body, fileName, headers, }, { resolveBindingExpressions } = {}) {
         var _c;

package/dist/scripts/src/components-core/action/FileUploadAction.js

@@ -13,10 +13,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.uploadAction = void 0;
+const extractParam_1 = require("../utils/extractParam");
+const actionUtils_1 = require("../utils/actionUtils");
+const RestApiProxy_1 = __importDefault(require("../RestApiProxy"));
 const actions_1 = require("./actions");
-const RestApiProxy_1 = __importDefault(require("@components-core/RestApiProxy"));
-const extractParam_1 = require("@components-core/utils/extractParam");
-const actionUtils_1 = require("@components-core/utils/actionUtils");
 function uploadFile(_a, _b) {
     return __awaiter(this, arguments, void 0, function* ({ appContext, state, lookupAction, uid }, { params, invalidates, onError, queryParams, asForm, file, headers, url, method, formParams, rawBody, body, chunkSizeInBytes, onProgress, }, { resolveBindingExpressions } = {}) {
         const stateContext = Object.assign(Object.assign({}, params), state);

package/dist/scripts/src/components-core/action/NavigateAction.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.navigateAction = void 0;
+const component_utils_1 = require("../../components/component-utils");
 const actions_1 = require("./actions");
-const component_utils_1 = require("@components/component-utils");
 function navigate({ navigate, location }, pathname, queryParams) {
     // https://stackoverflow.com/questions/37385570/how-to-know-if-react-router-can-go-back-to-display-back-button-in-react-app
     if (pathname === -1 && location.key === "default") {

package/dist/scripts/src/components-core/action/TimedAction.js

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.timedAction = void 0;
-const misc_1 = require("@components-core/utils/misc");
+const misc_1 = require("../utils/misc");
 const actions_1 = require("./actions");
 function delay(_executionContext, timeoutInMs, callback) {
     return __awaiter(this, void 0, void 0, function* () {

package/dist/scripts/src/components-core/component-hooks.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useContentAlignment = useContentAlignment;
 const react_1 = require("react");
-const Stack_module_scss_1 = __importDefault(require("@components/Stack/Stack.module.scss"));
-const misc_1 = require("@components-core/utils/misc");
+const Stack_module_scss_1 = __importDefault(require("../components/Stack/Stack.module.scss"));
+const misc_1 = require("./utils/misc");
 // This react hooks prepares CSS style values according to the CSS flex semantics to combine orientation,
 // horizontal, and vertical alignments.
 function useContentAlignment(orientation, horizontal, vertical) {

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

@@ -69,4 +69,5 @@ exports.layoutOptionKeys = [
     "bottom",
     "left",
     "zoom",
+    "whiteSpace"
 ];