xmlui 0.11.1 → 0.11.3

package/dist/lib/xmlui.js

@@ -1,4 +1,4 @@
-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-CEq6OdjV.js";
+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";
 export {

package/dist/metadata/{collectedComponentMetadata-BAI5eK2v.js → collectedComponentMetadata-C8Lr9TFe.js}

@@ -27919,15 +27919,20 @@ const TextMd = createMetadata({
     [`borderStyle-${COMP$14}`]: "solid",
     [`fontSize-${COMP$14}`]: "$fontSize-sm",
     [`borderWidth-${COMP$14}`]: "$space-0",
-    [`lineHeight-${COMP$14}-codefence`]: "1.5",
-    [`fontWeight-${COMP$14}-abbr`]: "$fontWeight-bold",
-    [`textTransform-${COMP$14}-abbr`]: "uppercase",
-    [`fontSize-${COMP$14}-secondary`]: "$fontSize-sm",
-    [`fontStyle-${COMP$14}-cite`]: "italic",
     [`textColor-${COMP$14}`]: "$textColor-primary",
     [`fontFamily-${COMP$14}`]: "$fontFamily",
     [`fontWeight-${COMP$14}`]: "$fontWeight-normal",
+    [`fontSize-${COMP$14}-secondary`]: "$fontSize-sm",
+    [`textColor-${COMP$14}-secondary`]: "$textColor-secondary",
+    [`fontWeight-${COMP$14}-abbr`]: "$fontWeight-bold",
+    [`textTransform-${COMP$14}-abbr`]: "uppercase",
+    [`fontStyle-${COMP$14}-cite`]: "italic",
     [`fontSize-${COMP$14}-codefence`]: "$fontSize-code",
+    [`fontFamily-${COMP$14}-codefence`]: "$fontFamily-monospace",
+    [`paddingHorizontal-${COMP$14}-codefence`]: "$space-4",
+    [`paddingVertical-${COMP$14}-codefence`]: "$space-3",
+    [`textColor-${COMP$14}-codefence`]: "$color-surface-900",
+    [`lineHeight-${COMP$14}-codefence`]: "1.5",
     [`fontFamily-${COMP$14}-code`]: "$fontFamily-monospace",
     [`fontSize-${COMP$14}-code`]: "$fontSize-sm",
     [`borderWidth-${COMP$14}-code`]: "1px",
@@ -27935,6 +27940,8 @@ const TextMd = createMetadata({
     [`borderRadius-${COMP$14}-code`]: "4px",
     [`paddingHorizontal-${COMP$14}-code`]: "$space-0_5",
     [`paddingBottom-${COMP$14}-code`]: "2px",
+    [`backgroundColor-${COMP$14}-code`]: "rgb(from $color-surface-100 r g b / 0.4)",
+    [`borderColor-${COMP$14}-code`]: "$color-surface-100",
     [`textDecorationLine-${COMP$14}-deleted`]: "line-through",
     [`textDecorationLine-${COMP$14}-inserted`]: "underline",
     [`fontFamily-${COMP$14}-keyboard`]: "$fontFamily-monospace",
@@ -27942,6 +27949,8 @@ const TextMd = createMetadata({
     [`fontWeight-${COMP$14}-keyboard`]: "$fontWeight-bold",
     [`borderWidth-${COMP$14}-keyboard`]: "1px",
     [`paddingHorizontal-${COMP$14}-keyboard`]: "$space-1",
+    [`backgroundColor-${COMP$14}-keyboard`]: "rgb(from $color-surface-100 r g b / 0.4)",
+    [`borderColor-${COMP$14}-keyboard`]: "$color-surface-300",
     [`fontFamily-${COMP$14}-sample`]: "$fontFamily-monospace",
     [`fontSize-${COMP$14}-sample`]: "$fontSize-sm",
     [`fontSize-${COMP$14}-sup`]: "$fontSize-xs",
@@ -27956,28 +27965,20 @@ const TextMd = createMetadata({
     [`fontSize-${COMP$14}-small`]: "$fontSize-sm",
     [`letterSpacing-${COMP$14}-caption`]: "0.05rem",
     [`fontSize-${COMP$14}-placeholder`]: "$fontSize-xs",
-    [`fontFamily-${COMP$14}-codefence`]: "$fontFamily-monospace",
-    [`paddingHorizontal-${COMP$14}-codefence`]: "$space-4",
-    [`paddingVertical-${COMP$14}-codefence`]: "$space-3",
+    [`textColor-${COMP$14}-placeholder`]: "$color-surface-500",
     [`paddingVertical-${COMP$14}-paragraph`]: "$space-1",
     [`fontSize-${COMP$14}-subheading`]: "$fontSize-H6",
     [`fontWeight-${COMP$14}-subheading`]: "$fontWeight-bold",
     [`letterSpacing-${COMP$14}-subheading`]: "0.04em",
     [`textTransform-${COMP$14}-subheading`]: "uppercase",
+    [`textColor-${COMP$14}-subheading`]: "$textColor-secondary",
     [`marginTop-${COMP$14}-tableheading`]: "$space-1",
     [`marginBottom-${COMP$14}-tableheading`]: "$space-4",
     [`paddingHorizontal-${COMP$14}-tableheading`]: "$space-1",
     [`fontSize-${COMP$14}-tableheading`]: "$fontSize-H6",
     [`fontWeight-${COMP$14}-tableheading`]: "$fontWeight-bold",
-    [`backgroundColor-${COMP$14}-code`]: "rgb(from $color-surface-100 r g b / 0.4)",
-    [`borderColor-${COMP$14}-code`]: "$color-surface-100",
-    [`backgroundColor-${COMP$14}-keyboard`]: "rgb(from $color-surface-100 r g b / 0.4)",
-    [`borderColor-${COMP$14}-keyboard`]: "$color-surface-300",
+    [`fontWeight-${COMP$14}-strong`]: "$fontWeight-bold",
     [`backgroundColor-${COMP$14}-marked`]: "rgb(from $color-primary-200 r g b / 0.4)",
-    [`textColor-${COMP$14}-placeholder`]: "$color-surface-500",
-    [`textColor-${COMP$14}-codefence`]: "$color-surface-900",
-    [`textColor-${COMP$14}-subheading`]: "$textColor-secondary",
-    [`textColor-${COMP$14}-secondary`]: "$textColor-secondary",
     dark: {
       [`backgroundColor-${COMP$14}-marked`]: "rgb(from $color-primary-400 r g b / 0.4)"
     }
@@ -30737,9 +30738,12 @@ const styles$w = {
 };
 const parseSize = (size, containerSize) => {
   if (size.endsWith("px")) {
-    return parseInt(size, 10);
+    const pixels = parseInt(size, 10);
+    return pixels < 0 ? containerSize + pixels : pixels;
   } else if (size.endsWith("%")) {
-    return parseInt(size, 10) / 100 * containerSize;
+    const percentage = parseInt(size, 10);
+    const actualPercentage = percentage < 0 ? 100 + percentage : percentage;
+    return actualPercentage / 100 * containerSize;
   }
   throw new Error("Invalid size format. Use px or %.");
 };
@@ -30769,7 +30773,8 @@ const Splitter = ({
   ...rest
 }) => {
   var _a2;
-  const [size, setSize] = useState(0);
+  const [sizePercentage, setSizePercentage] = useState(50);
+  const [containerSize, setContainerSize] = useState(0);
   const [splitter2, setSplitter] = useState(null);
   const [resizerVisible, setResizerVisible] = useState(false);
   const [resizer2, setResizer] = useState(null);
@@ -30778,23 +30783,40 @@ const Splitter = ({
     () => floating ? floatingResizer2 : resizer2,
     [floating, resizer2, floatingResizer2]
   );
+  const size = useMemo(() => {
+    return sizePercentage / 100 * containerSize;
+  }, [sizePercentage, containerSize]);
+  useEffect(() => {
+    if (!splitter2) return;
+    const resizeObserver = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        const newContainerSize = orientation === "horizontal" ? entry.contentRect.width : entry.contentRect.height;
+        setContainerSize(newContainerSize);
+      }
+    });
+    resizeObserver.observe(splitter2);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [splitter2, orientation]);
   useEffect(() => {
     if (splitter2) {
-      const containerSize = orientation === "horizontal" ? splitter2.getBoundingClientRect().width : splitter2.getBoundingClientRect().height;
-      const initialParsedSize = parseSize(initialPrimarySize, containerSize);
-      setSize(initialParsedSize);
+      const newContainerSize = orientation === "horizontal" ? splitter2.getBoundingClientRect().width : splitter2.getBoundingClientRect().height;
+      setContainerSize(newContainerSize);
+      const initialParsedSize = parseSize(initialPrimarySize, newContainerSize);
+      const initialPercentage = toPercentage(initialParsedSize, newContainerSize);
+      setSizePercentage(initialPercentage);
       if (resize2) {
         resize2([
-          toPercentage(initialParsedSize, containerSize),
-          toPercentage(containerSize - initialParsedSize, containerSize)
+          initialPercentage,
+          100 - initialPercentage
         ]);
       }
     }
   }, [initialPrimarySize, orientation, resize2, splitter2, swapped]);
   useEffect(() => {
     const handleMouseMove = (event) => {
-      if (splitter2 && resizerElement) {
-        const containerSize = orientation === "horizontal" ? splitter2.getBoundingClientRect().width : splitter2.getBoundingClientRect().height;
+      if (splitter2 && resizerElement && containerSize > 0) {
         const newSize = orientation === "horizontal" ? Math.min(
           Math.max(
             event.clientX - splitter2.getBoundingClientRect().left,
@@ -30808,11 +30830,12 @@ const Splitter = ({
           ),
           parseSize(maxPrimarySize, containerSize)
         );
-        setSize(newSize);
+        const newPercentage = toPercentage(newSize, containerSize);
+        setSizePercentage(newPercentage);
         if (resize2) {
           resize2([
-            toPercentage(newSize, containerSize),
-            toPercentage(containerSize - newSize, containerSize)
+            newPercentage,
+            100 - newPercentage
           ]);
         }
       }
@@ -30835,7 +30858,7 @@ const Splitter = ({
       document.removeEventListener("mousemove", handleMouseMove);
       document.removeEventListener("mouseup", handleMouseUp);
     };
-  }, [minPrimarySize, maxPrimarySize, orientation, resize2, floating, resizerElement, splitter2]);
+  }, [minPrimarySize, maxPrimarySize, orientation, resize2, floating, resizerElement, splitter2, containerSize]);
   useEffect(() => {
     const watchResizer = (event) => {
       const cursorPosition = orientation === "horizontal" ? event.clientX : event.clientY;
@@ -30956,7 +30979,7 @@ const baseSplitterMd = createMetadata({
       defaultValue: defaultProps$v.minPrimarySize
     },
     maxPrimarySize: {
-      description: `This property sets the maximum size the primary section can have. The unit of the size value is in pixels or percentages.`,
+      description: `This property sets the maximum size the primary section can have. The unit of the size value is in pixels or percentages. Negative values are supported and calculate from the end of the container (e.g., "-20%" means "80% of container", "-100px" means "container size - 100px").`,
       valueType: "string",
       defaultValue: defaultProps$v.maxPrimarySize
     },
@@ -44680,7 +44703,7 @@ function BarChart({
         "div",
         {
           ref: (el) => {
-            if (el && el !== tooltipElement) {
+            if (el) {
               setTooltipElement(el);
             }
           },
@@ -44697,7 +44720,7 @@ function BarChart({
     height: miniMode || hideX ? 0 : xAxisHeight,
     tick: miniMode || hideTickX ? false : { fill: "currentColor", fontSize },
     tickFormatter: miniMode || hideTickX ? void 0 : tickFormatterX,
-    domain: [0, (dataMax) => dataMax * 1.05]
+    domain: [0, (dataMax) => Math.ceil(dataMax * 1.05 / 10) * 10]
   } : {
     type: "category",
     dataKey: nameKey,
@@ -44727,7 +44750,13 @@ function BarChart({
     tickCount: yTickCount,
     tickFormatter: miniMode || hideTickY ? void 0 : tickFormatterY,
     width: miniMode || hideY ? 0 : yAxisWidth,
-    domain: [0, (dataMax) => dataMax * 1.1]
+    domain: [
+      0,
+      (dataMax) => {
+        const roundedMax = Math.ceil(dataMax * 1.05 / 10) * 10;
+        return roundedMax;
+      }
+    ]
   };
   return /* @__PURE__ */ jsxs(ChartProvider, { value: chartContextValue, children: [
     children,
@@ -45561,7 +45590,7 @@ const LineChart = forwardRef(function LineChart2({
                       tickLine: false,
                       tickFormatter: miniMode ? void 0 : tickFormatterY,
                       tick: miniMode ? false : !hideTickY && { fill: "currentColor", fontSize },
-                      domain: [(dataMin) => dataMin * 0.95, (dataMax) => dataMax * 1.05]
+                      domain: [0, (dataMax) => Math.ceil(dataMax * 1.05 / 10) * 10]
                     }
                   ),
                   !miniMode && !hideTooltip && /* @__PURE__ */ jsx(Tooltip$2, { content: safeTooltipRenderer }),
@@ -47885,7 +47914,7 @@ function IconProvider({ children }) {
     /* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
   ] });
 }
-const version = "0.11.1";
+const version = "0.11.3";
 const miscellaneousUtils = {
   capitalize,
   pluralize: pluralize$1,
@@ -55552,7 +55581,7 @@ function ApiInterceptorProvider({
       return;
     }
     void (async () => {
-      const { initMock } = await import("./initMock-CekNG5Ax.js");
+      const { initMock } = await import("./initMock-CWwgOjW_.js");
       const apiInstance2 = await initMock(interceptor);
       setApiInstance(apiInstance2);
       setInitialized(true);
@@ -55569,7 +55598,7 @@ function ApiInterceptorProvider({
           if (define_process_env_default.VITE_MOCK_ENABLED) {
             const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
               useWorker ? import("./apiInterceptorWorker-Dql7QGw2.js") : Promise.resolve({ createApiInterceptorWorker: () => null }),
-              import("./initMock-CekNG5Ax.js")
+              import("./initMock-CWwgOjW_.js")
             ]);
             if (interceptor || forceInitialize) {
               const apiInstance2 = await initMock(interceptor || {});
@@ -55606,7 +55635,7 @@ function ApiInterceptorProvider({
         void (async () => {
           const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
             import("./apiInterceptorWorker-Dql7QGw2.js"),
-            import("./initMock-CekNG5Ax.js")
+            import("./initMock-CWwgOjW_.js")
           ]);
           const apiInstance2 = await initMock(interceptor);
           await createApiInterceptorWorker(apiInstance2, parentInterceptorWorker);

package/dist/metadata/{initMock-CekNG5Ax.js → initMock-CWwgOjW_.js}

@@ -1,6 +1,6 @@
 import { delay as delay$1, HttpResponse, matchRequestUrl } from "msw";
 import { isArray, isObject, mapValues } from "lodash-es";
-import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./collectedComponentMetadata-BAI5eK2v.js";
+import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./collectedComponentMetadata-C8Lr9TFe.js";
 import Dexie from "dexie";
 var HttpStatusCode = /* @__PURE__ */ ((HttpStatusCode2) => {
   HttpStatusCode2[HttpStatusCode2["Continue"] = 100] = "Continue";

package/dist/metadata/xmlui-metadata.js

@@ -1,4 +1,4 @@
-import { c, b } from "./collectedComponentMetadata-BAI5eK2v.js";
+import { c, b } from "./collectedComponentMetadata-C8Lr9TFe.js";
 export {
   c as collectedComponentMetadata,
   b as collectedThemes