xmlui 0.11.3 → 0.11.6

package/dist/lib/{xmlui-parser-BZZ430Wm.js → xmlui-parser-CW8YmGjO.js}

@@ -1,4 +1,4 @@
-import { h as createXmlUiParser, w as nodeToComponentDef, D as DiagnosticCategory, E as ErrCodes, S as SyntaxKind } from "./transform-Tooy42EB.js";
+import { h as createXmlUiParser, w as nodeToComponentDef, D as DiagnosticCategory, E as ErrCodes, S as SyntaxKind } from "./transform-CQ_6R-43.js";
 const PART_LABEL = "label";
 const PART_LABELED_ITEM = "labeledItem";
 const PART_INPUT = "input";
@@ -443,20 +443,19 @@ function errReportModuleErrors(errors, fileName) {
   return comp;
 }
 function getCompoundCompName(node, getText) {
-  var _a, _b, _c, _d, _e, _f;
-  const rootTag = (_a = node == null ? void 0 : node.children) == null ? void 0 : _a[0];
-  const rootTagNameTokens = (_c = (_b = rootTag == null ? void 0 : rootTag.children) == null ? void 0 : _b.find(
+  const rootTag = node?.children?.[0];
+  const rootTagNameTokens = rootTag?.children?.find(
     (c) => c.kind === SyntaxKind.TagNameNode
-  )) == null ? void 0 : _c.children;
-  const rootTagName = rootTagNameTokens == null ? void 0 : rootTagNameTokens[rootTagNameTokens.length - 1];
+  )?.children;
+  const rootTagName = rootTagNameTokens?.[rootTagNameTokens.length - 1];
   if (rootTagName === void 0 || getText(rootTagName) !== "Component") {
     return void 0;
   }
-  const attrs = (_e = (_d = rootTag.children) == null ? void 0 : _d.find((c) => c.kind === SyntaxKind.AttributeListNode)) == null ? void 0 : _e.children;
-  const nameAttrTokens = (_f = attrs == null ? void 0 : attrs.find(
-    (c) => c.kind === SyntaxKind.AttributeNode && getText(c == null ? void 0 : c.children[0]) === "name"
-  )) == null ? void 0 : _f.children;
-  const nameValueToken = nameAttrTokens == null ? void 0 : nameAttrTokens[nameAttrTokens.length - 1];
+  const attrs = rootTag.children?.find((c) => c.kind === SyntaxKind.AttributeListNode)?.children;
+  const nameAttrTokens = attrs?.find(
+    (c) => c.kind === SyntaxKind.AttributeNode && getText(c?.children[0]) === "name"
+  )?.children;
+  const nameValueToken = nameAttrTokens?.[nameAttrTokens.length - 1];
   if (nameValueToken !== void 0 && nameValueToken.kind === SyntaxKind.StringLiteral) {
     const strLit = getText(nameValueToken);
     return strLit.substring(1, strLit.length - 1);

package/dist/lib/xmlui-parser.d.ts

@@ -889,11 +889,13 @@ declare class Node_2 {
     constructor(kind: SyntaxKind, pos: number, end: number, triviaBefore?: Node_2[], children?: Node_2[]);
     isElementNode(): this is ElementNode;
     isAttributeNode(): this is AttributeNode;
+    isTagLike(): boolean;
     isAttributeKeyNode(): this is AttributeKeyNode;
     isContentListNode(): this is ContentListNode;
     isAttributeListNode(): this is AttributeListNode;
     isTagNameNode(): this is TagNameNode;
     findTokenAtPos(position: number): FindTokenSuccess_2;
+    getTriviaNodes(): Node_2[] | null;
 }
 export { Node_2 as Node }
 

package/dist/lib/xmlui-parser.js

@@ -1,5 +1,5 @@
-import { q, s, A, t, v, C, r, a, b, f, e, g, c, D, o, E, N, P, S, T, U, j, h, d, i, B, n, k, m, l, w, u, p, x, z, y } from "./transform-Tooy42EB.js";
-import { b as b2, L, X, a as a2, c as c2, g as g2, e as e2, l as l2, d as d2, m as m2, p as p2 } from "./xmlui-serializer-D9D2mQ8m.js";
+import { q, s, A, t, v, C, r, a, b, f, e, g, c, D, o, E, N, P, S, T, U, j, h, d, i, B, n, k, m, l, w, u, p, x, z, y } from "./transform-CQ_6R-43.js";
+import { b as b2, L, X, a as a2, c as c2, g as g2, e as e2, l as l2, d as d2, m as m2, p as p2 } from "./xmlui-serializer-CeCcgdVR.js";
 export {
   q as AttributeKeyNode,
   s as AttributeListNode,

package/dist/lib/{xmlui-serializer-D9D2mQ8m.js → xmlui-serializer-CeCcgdVR.js}

@@ -1,4 +1,4 @@
-import { v as CORE_NAMESPACE_VALUE, t as COMPOUND_COMP_ID } from "./transform-Tooy42EB.js";
+import { v as CORE_NAMESPACE_VALUE, t as COMPOUND_COMP_ID } from "./transform-CQ_6R-43.js";
 const componentFileExtension = "xmlui";
 const codeBehindFileExtension = "xmlui.xs";
 const moduleFileExtension = "xs";
@@ -173,7 +173,7 @@ class XmlUiHelper {
     const fragment = Array.isArray(xml) ? xml : [xml];
     return serializeFragment(fragment, 0);
     function serializeFragment(nodes, depth) {
-      return nodes.map((n) => serializeNode(n, depth)).join((options == null ? void 0 : options.prettify) ? "\n" + getIndent(depth) : "");
+      return nodes.map((n) => serializeNode(n, depth)).join(options?.prettify ? "\n" + getIndent(depth) : "");
     }
     function serializeNode(node, depth) {
       switch (node.type) {
@@ -186,30 +186,29 @@ class XmlUiHelper {
       }
     }
     function getIndent(depth) {
-      return (options == null ? void 0 : options.prettify) ? "".padEnd(((options == null ? void 0 : options.indents) ?? 2) * depth, " ") : "";
+      return options?.prettify ? "".padEnd((options?.indents ?? 2) * depth, " ") : "";
     }
     function serializeXmlComment(node, depth) {
       return `${getIndent(depth)}<!--${node.text}-->`;
     }
     function serializeXmlElement(node, depth) {
-      var _a, _b;
       let elementStr = `${getIndent(depth)}<${nodeName()}`;
-      const hasAttrs = (((_a = node.attributes) == null ? void 0 : _a.length) ?? 0) > 0;
-      const hasChildren = (((_b = node.childNodes) == null ? void 0 : _b.length) ?? 0) > 0;
+      const hasAttrs = (node.attributes?.length ?? 0) > 0;
+      const hasChildren = (node.childNodes?.length ?? 0) > 0;
       if (node.text || hasAttrs || hasChildren) {
         if (hasAttrs) {
           const attrTexts = node.attributes.map((a) => serializeXmlAttribute(a));
-          if (!(options == null ? void 0 : options.prettify)) {
+          if (!options?.prettify) {
             elementStr += " " + attrTexts.join(" ");
           } else {
             const nodeLength = elementStr.length + 1 + // --- Space after
             attrTexts.join(" ").length + // --- Attributes total length
-            (hasChildren ? 1 : (options == null ? void 0 : options.useSpaceBeforeClose) ?? false ? 3 : 2);
-            if (nodeLength > ((options == null ? void 0 : options.lineLength) ?? 80)) {
+            (hasChildren ? 1 : options?.useSpaceBeforeClose ?? false ? 3 : 2);
+            if (nodeLength > (options?.lineLength ?? 80)) {
               attrTexts.forEach((text) => {
                 elementStr += "\n" + getIndent(depth + 1) + text;
               });
-              if ((options == null ? void 0 : options.breakClosingTag) ?? false) {
+              if (options?.breakClosingTag ?? false) {
                 elementStr += "\n" + getIndent(depth);
               }
             } else {
@@ -221,7 +220,7 @@ class XmlUiHelper {
           elementStr += ">";
           if (node.text) {
             const textContents = node.preserveSpaces ? serializeQuotedText(node.text) : serializeText(node.text);
-            if ((options == null ? void 0 : options.prettify) && elementStr.length + textContents.length + node.name.length + 3 > ((options == null ? void 0 : options.lineLength) ?? 80)) {
+            if (options?.prettify && elementStr.length + textContents.length + node.name.length + 3 > (options?.lineLength ?? 80)) {
               elementStr += "\n" + getIndent(depth + 1) + textContents + "\n";
             } else {
               elementStr += textContents;
@@ -229,7 +228,7 @@ class XmlUiHelper {
           }
           if (hasChildren) {
             const childrenTexts = node.childNodes.map((c) => serializeNode(c, depth + 1));
-            if (!(options == null ? void 0 : options.prettify)) {
+            if (!options?.prettify) {
               elementStr += childrenTexts.join("");
             } else {
               childrenTexts.forEach((text) => {
@@ -240,10 +239,10 @@ class XmlUiHelper {
           }
           elementStr += `${getIndent(depth)}</${node.name}>`;
         } else {
-          elementStr += ((options == null ? void 0 : options.useSpaceBeforeClose) ?? false ? " " : "") + "/>";
+          elementStr += (options?.useSpaceBeforeClose ?? false ? " " : "") + "/>";
         }
       } else {
-        elementStr += ((options == null ? void 0 : options.useSpaceBeforeClose) ?? false ? " " : "") + "/>";
+        elementStr += (options?.useSpaceBeforeClose ?? false ? " " : "") + "/>";
         if (node.text === "") {
           elementStr += `""</${nodeName()}>`;
         }
@@ -267,7 +266,7 @@ class XmlUiHelper {
       }
     }
     function serializeText(text) {
-      return (options == null ? void 0 : options.useQuotes) || attrBreakRegex.test(text) ? serializeQuotedText(text) : text;
+      return options?.useQuotes || attrBreakRegex.test(text) ? serializeQuotedText(text) : text;
     }
     function serializeQuotedText(text) {
       const containsQuote = text.indexOf("'") >= 0;
@@ -366,7 +365,7 @@ class XmlUiHelper {
             componentNode.childNodes.push(nullPropElement);
             return;
           }
-          if (key === "id" || key === "when" || key === "testId" || (options == null ? void 0 : options.extractProps)) {
+          if (key === "id" || key === "when" || key === "testId" || options?.extractProps) {
             const idPropElement = {
               type: "XmlUiElement",
               name: "property"
@@ -479,7 +478,7 @@ class XmlUiHelper {
     if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
       const strValue = typeof value === "string" ? value.toString() : `{${value.toString()}}`;
       const preserveSpaces = attrBreakRegex.test(strValue) || strValue.trim().length != strValue.length;
-      if (options == null ? void 0 : options.preferTextToValue) {
+      if (options?.preferTextToValue) {
         valueNode.text = strValue;
         valueNode.preserveSpaces = preserveSpaces;
       } else {
@@ -558,6 +557,7 @@ class XmlUiHelper {
    */
   addProperty(element, name, value, options) {
     switch (typeof value) {
+      // --- We do not serialize undefined property values
       case "undefined":
         break;
       case "string":
@@ -565,8 +565,8 @@ class XmlUiHelper {
         element.attributes.push({
           type: "XmlUiAttribute",
           name,
-          value: value == null ? void 0 : value.toString(),
-          preserveQuotes: (options == null ? void 0 : options.removeQuotes) ?? false,
+          value: value?.toString(),
+          preserveQuotes: options?.removeQuotes ?? false,
           preserveSpaces: attrBreakRegex.test(value.toString())
         });
         break;

package/dist/lib/xmlui.d.ts

@@ -146,7 +146,7 @@ declare type AppContextObject = {
     forceRefreshAnchorScroll: () => void;
 };
 
-declare const appLayoutNames: readonly ["vertical", "vertical-sticky", "vertical-full-header", "condensed", "condensed-sticky", "horizontal", "horizontal-sticky"];
+declare const appLayoutNames: readonly ["vertical", "vertical-sticky", "vertical-full-header", "condensed", "condensed-sticky", "horizontal", "horizontal-sticky", "desktop"];
 
 declare type AppLayoutType = (typeof appLayoutNames)[number];
 
@@ -556,6 +556,15 @@ declare interface ConstStatement extends ScripNodeBase {
 
 declare type ContainerState = Record<string | symbol, any>;
 
+export declare const ContentSeparator: ForwardRefExoticComponent<ContentSeparatorProps & RefAttributes<HTMLDivElement>>;
+
+declare type ContentSeparatorProps = {
+    size?: number | string;
+    orientation?: string;
+    style?: CSSProperties;
+    className?: string;
+};
+
 declare type CONTINUE_STATEMENT = typeof T_CONTINUE_STATEMENT;
 
 declare interface ContinueStatement extends ScripNodeBase {
@@ -698,6 +707,24 @@ export declare function dReadonly(readOnly?: boolean): ComponentPropertyMetadata
 
 export declare function dRequired(): ComponentPropertyMetadata;
 
+export declare const DropdownMenu: ForwardRefExoticComponent<DropdownMenuProps & RefAttributes<unknown>>;
+
+declare type DropdownMenuProps = {
+    triggerTemplate?: ReactNode;
+    children?: ReactNode;
+    label?: string;
+    registerComponentApi?: RegisterComponentApiFn;
+    style?: CSSProperties;
+    className?: string;
+    alignment?: AlignmentOptions;
+    onWillOpen?: () => Promise<boolean | undefined>;
+    disabled?: boolean;
+    triggerButtonVariant?: string;
+    triggerButtonThemeColor?: string;
+    triggerButtonIcon?: string;
+    triggerButtonIconPosition?: IconPosition;
+};
+
 export declare function dSetValueApi(): ComponentPropertyMetadata;
 
 export declare function dStartIcon(): ComponentPropertyMetadata;
@@ -1083,6 +1110,21 @@ declare interface MemberAccessExpression extends ExpressionBase {
     opt?: boolean;
 }
 
+export declare const MenuItem: ForwardRefExoticComponent<MenuItemProps & RefAttributes<unknown>>;
+
+declare type MenuItemProps = {
+    icon?: ReactNode;
+    iconPosition?: IconPosition;
+    onClick?: (event: any) => void;
+    children?: ReactNode;
+    label?: string;
+    style?: CSSProperties;
+    className?: string;
+    to?: string;
+    active?: boolean;
+    enabled?: boolean;
+};
+
 declare type Message = ValueOrFunction<Renderable, Toast>;
 
 /**
@@ -1413,7 +1455,7 @@ declare type SpinnerProps = {
     className?: string;
 };
 
-export declare const Splitter: ({ initialPrimarySize, minPrimarySize, maxPrimarySize, orientation, children, style, className, swapped, floating, splitterTemplate, resize, ...rest }: SplitterProps) => JSX_2.Element;
+export declare const Splitter: ({ initialPrimarySize, minPrimarySize, maxPrimarySize, orientation, children, style, className, swapped, floating, splitterTemplate, resize, visibleChildCount, ...rest }: SplitterProps) => JSX_2.Element;
 
 declare type SplitterProps = {
     children: default_2.ReactNode[] | default_2.ReactNode;
@@ -1427,6 +1469,7 @@ declare type SplitterProps = {
     initialPrimarySize?: string;
     minPrimarySize?: string;
     maxPrimarySize?: string;
+    visibleChildCount?: number;
 };
 
 declare type SPREAD_EXPRESSION = typeof T_SPREAD_EXPRESSION;
@@ -1907,6 +1950,85 @@ export declare function ToneChangerButton({ lightToDarkIcon, darkToLightIcon, on
     onClick?: (...args: any[]) => void;
 }): JSX_2.Element;
 
+export declare const ToneSwitch: ForwardRefExoticComponent<ToneSwitchProps & RefAttributes<HTMLDivElement>>;
+
+declare type ToneSwitchProps = {
+    /**
+     * Icon to display for light mode
+     * @default "sun"
+     */
+    iconLight?: string;
+    /**
+     * Icon to display for dark mode
+     * @default "moon"
+     */
+    iconDark?: string;
+    className?: string;
+    onChange?: (tone: "light" | "dark") => void;
+};
+
+export declare const Tooltip: ForwardRefExoticComponent<TooltipOptions & {
+/**
+* The open state of the tooltip externally controlled
+*/
+open?: boolean;
+/**
+* The text content to display in the tooltip
+*/
+text: string;
+/**
+* The markdown content to display in the tooltip
+*/
+markdown?: string;
+/**
+* The template for the tooltip content
+*/
+tooltipTemplate?: ReactNode;
+/**
+* The content that will trigger the tooltip (used when triggerRef is not provided)
+*/
+children?: ReactNode;
+} & RefAttributes<HTMLDivElement>>;
+
+declare type TooltipOptions = {
+    /**
+     * The duration from when the mouse enters a tooltip trigger until the tooltip opens
+     */
+    delayDuration?: number;
+    /**
+     * How much time a user has to enter another trigger without incurring a delay again
+     */
+    skipDelayDuration?: number;
+    /**
+     * The open state of the tooltip when it is initially rendered
+     */
+    defaultOpen?: boolean;
+    /**
+     * Whether to show the arrow pointing to the trigger element
+     */
+    showArrow?: boolean;
+    /**
+     * The preferred side of the trigger to render against when open
+     */
+    side?: "top" | "right" | "bottom" | "left";
+    /**
+     * The preferred alignment against the trigger
+     */
+    align?: "start" | "center" | "end";
+    /**
+     * The distance in pixels from the trigger
+     */
+    sideOffset?: number;
+    /**
+     * An offset in pixels from the "start" or "end" alignment options
+     */
+    alignOffset?: number;
+    /**
+     * When true, overrides the side and align preferences to prevent collisions with boundary edges
+     */
+    avoidCollisions?: boolean;
+};
+
 declare type TrackContainerHeight = "auto" | "fixed";
 
 export declare interface TreeNode {

package/dist/lib/xmlui.js

@@ -1,15 +1,18 @@
-import { aa, Z, al, a1, _, $, ai, ak, ag, ab, a2, a0, S, ar, b, ao, ap, a4, a5, ae, af, as, aj, ah, ad, c, f, e, h, j, k, l, i, n, p, q, s, u, v, x, w, t, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, P, N, O, Q, R, U, V, a3, W, X, a7, an, a6, a8, aq, a9, am, Y, ac } from "./index-DSUDwtWN.js";
-import { e as e2, x as x2 } from "./xmlui-parser-BZZ430Wm.js";
-import { X as X2 } from "./xmlui-serializer-D9D2mQ8m.js";
+import { aa, Z, al, a1, ax, av, _, $, ai, ak, aw, ag, ab, a2, a0, S, ar, b, ao, ap, a4, a5, ae, af, as, aj, at, au, ah, ad, c, f, e, h, j, k, l, i, n, p, q, s, u, v, x, w, t, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, P, N, O, Q, R, U, V, a3, W, X, a7, an, a6, a8, aq, a9, am, Y, ac } from "./index-x4orhWfi.js";
+import { e as e2, x as x2 } from "./xmlui-parser-CW8YmGjO.js";
+import { X as X2 } from "./xmlui-serializer-CeCcgdVR.js";
 export {
   aa as ApiInterceptorProvider,
   Z as AppRoot,
   al as Breakout,
   a1 as Button,
+  ax as ContentSeparator,
+  av as DropdownMenu,
   _ as ErrorBoundary,
   $ as Icon,
   ai as LinkNative,
   ak as Logo,
+  aw as MenuItem,
   ag as NestedApp,
   ab as Spinner,
   a2 as Splitter,
@@ -25,6 +28,8 @@ export {
   af as TextBox,
   as as Theme,
   aj as ToneChangerButton,
+  at as ToneSwitch,
+  au as Tooltip,
   ah as VisuallyHidden,
   X2 as XmlUiHelper,
   ad as builtInThemes,