xmlui 0.9.90 → 0.9.92

package/dist/scripts/package.json

@@ -1,6 +1,6 @@
 {
     "name": "xmlui",
-    "version": "0.9.90",
+    "version": "0.9.92",
     "sideEffects": false,
     "scripts": {
         "start-test-bed": "cd src/testing/infrastructure && xmlui start",

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

@@ -15,7 +15,7 @@ const Button_1 = require("./Button/Button");
 const HelloWorld_1 = require("./HelloWorld/HelloWorld");
 const Heading_1 = require("./Heading/Heading");
 const Text_1 = require("./Text/Text");
-const Fragment_1 = require("../components-core/Fragment");
+const Fragment_1 = require("./Fragment/Fragment");
 const Table_1 = require("./Table/Table");
 const StickyBox_1 = require("./StickyBox/StickyBox");
 const Badge_1 = require("./Badge/Badge");
@@ -53,7 +53,7 @@ const Footer_1 = require("./Footer/Footer");
 const NavGroup_1 = require("./NavGroup/NavGroup");
 const Logo_1 = require("./Logo/Logo");
 const RadioGroup_1 = require("./RadioGroup/RadioGroup");
-const Slot_1 = require("../components-core/Slot");
+const Slot_1 = require("./Slot/Slot");
 const FileInput_1 = require("./FileInput/FileInput");
 const Spinner_1 = require("./Spinner/Spinner");
 const Markdown_1 = require("./Markdown/Markdown");

package/dist/scripts/src/{components-core → components/Fragment}/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 renderers_1 = require("./renderers");
-const metadata_helpers_1 = require("../components/metadata-helpers");
+const renderers_1 = require("../../components-core/renderers");
+const metadata_helpers_1 = require("../metadata-helpers");
 const COMP = "Fragment";
 exports.FragmentMd = (0, metadata_helpers_1.createMetadata)({
     status: "stable",

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

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

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.httpMethodNames = 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.buttonVariantValues = exports.buttonTypesMd = exports.buttonTypeNames = exports.buttonTypeValues = exports.buttonThemeMd = exports.buttonThemeNames = exports.buttonThemeValues = exports.sizeNames = exports.sizeMd = exports.viewportSizeNames = exports.viewportSizeMd = exports.LinkTargetMd = exports.LinkTargetNames = void 0;
+exports.httpMethodNames = 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.buttonVariantValues = exports.buttonTypesMd = exports.buttonTypeNames = exports.buttonTypeValues = exports.buttonThemeMd = exports.buttonThemeNames = exports.buttonThemeValues = exports.sizeMd = exports.sizeNames = exports.viewportSizeNames = exports.viewportSizeMd = exports.LinkTargetMd = exports.LinkTargetNames = void 0;
 exports.LinkTargetNames = ["_self", "_blank", "_parent", "_top", "_unfencedTop"];
 exports.LinkTargetMd = [
     {
@@ -38,14 +38,14 @@ exports.viewportSizeMd = [
 ];
 exports.viewportSizeNames = Object.keys(exports.viewportSizeMd);
 // --- Available button sizes
+exports.sizeNames = ["xs", "sm", "md", "lg"];
 exports.sizeMd = [
-    { value: "xs", description: "Extra small button" },
-    { value: "sm", description: "Small button" },
-    { value: "md", description: "Medium button" },
-    { value: "lg", description: "Large button" },
+    { value: "xs", description: "Extra small" },
+    { value: "sm", description: "Small" },
+    { value: "md", description: "Medium" },
+    { value: "lg", description: "Large" },
 ];
 const sizeValues = Object.keys(exports.sizeMd);
-exports.sizeNames = [...sizeValues];
 // --- Available button themes
 exports.buttonThemeValues = ["attention", "primary", "secondary"];
 exports.buttonThemeNames = [...exports.buttonThemeValues];
@@ -219,6 +219,25 @@ const TextVariantKeys = [
     "tableheading", // use a H3 with some specific defaults
     "secondary", // use a secondary text style
 ];
+const TextVariantMapping = [
+    "abbr",
+    "cite",
+    "code",
+    "del",
+    "em",
+    "ins",
+    "kbd",
+    "mark",
+    "p",
+    "pre",
+    "samp",
+    "strong",
+    "sub",
+    "sup",
+    "var",
+    "h6",
+    "span",
+];
 exports.TextVariantElement = {
     abbr: "abbr",
     cite: "cite",

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

@@ -135,10 +135,6 @@ const ComponentAdapter = (0, react_1.forwardRef)(function ComponentAdapter(_a, r
     // --- Obtain the component renderer and descriptor from the component registry
     const componentRegistry = (0, ComponentRegistryContext_1.useComponentRegistry)();
     const { renderer, descriptor, isCompoundComponent } = componentRegistry.lookupComponentRenderer(safeNode.type) || {};
-    // if (safeNode.type.startsWith("Component")) {
-    //   console.log("renderer", renderer, safeNode.type);
-    //   console.log("registry", componentRegistry.getRegisteredComponentKeys().length);
-    // }
     // --- Obtain a function that can lookup an event handler, which is bound to a
     // --- particular event of this component instance
     const memoedLookupEventHandler = (0, react_1.useCallback)((eventName, actionOptions) => {
@@ -299,7 +295,10 @@ function slotRenderer({ node, extractValue, renderChild, lookupAction, layoutCon
             // --- The slot is not named
             if (!slotProps) {
                 // --- simply render the children from the parent
-                return parentRenderContext.renderChild(parentRenderContext.children, layoutContext);
+                // --- The parent does not provide a template for the slot.
+                if (parentRenderContext.children) {
+                    return parentRenderContext.renderChild(parentRenderContext.children, layoutContext);
+                }
             }
             else {
                 // --- The slot has properties; let's render the children with the slot properties