xmlui 0.7.24 → 0.7.25

package/dist/scripts/src/components-core/theming/transformThemeVars.js

@@ -142,6 +142,8 @@ function generateButtonTones(theme) {
     return ret;
 }
 const paddingRegEx = /^padding-(?!(?:horizontal|vertical|left|right|top|bottom)-)(.+)$/;
+const paddingHorizontalRegEx = /^padding-(horizontal)-(.+)$/;
+const paddingVerticalRegEx = /^padding-(vertical)-(.+)$/;
 /**
  * Segment the padding values into top, right, bottom, left to provide consistency
  */
@@ -152,9 +154,26 @@ function generatePaddingSegments(theme) {
     const result = Object.assign({}, theme);
     // --- Iterate through theme variables and split padding values
     Object.entries(theme).forEach(([key, value]) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-        var _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7;
-        const match = paddingRegEx.exec(key);
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+        var _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15;
+        // --- Check the "padding-horizontal" theme variables
+        let match = paddingHorizontalRegEx.exec(key);
+        if (match) {
+            // --- We have a padding-horizontal value to segment
+            const remainder = match[2];
+            (_a = result[_w = `padding-left-${remainder}`]) !== null && _a !== void 0 ? _a : (result[_w] = value);
+            (_b = result[_x = `padding-right-${remainder}`]) !== null && _b !== void 0 ? _b : (result[_x] = value);
+        }
+        // --- Check the "padding-vertical" theme variables
+        match = paddingVerticalRegEx.exec(key);
+        if (match) {
+            // --- We have a padding-vertical value to segment
+            const remainder = match[2];
+            (_c = result[_y = `padding-top-${remainder}`]) !== null && _c !== void 0 ? _c : (result[_y] = value);
+            (_d = result[_z = `padding-bottom-${remainder}`]) !== null && _d !== void 0 ? _d : (result[_z] = value);
+        }
+        // --- Check the "padding" theme variables
+        match = paddingRegEx.exec(key);
         if (!match)
             return;
         const remainder = match[1];
@@ -165,28 +184,28 @@ function generatePaddingSegments(theme) {
         const segments = value.trim().replace(/ +/g, " ").split(" ");
         switch (segments.length) {
             case 1:
-                (_a = result[_s = `padding-top-${remainder}`]) !== null && _a !== void 0 ? _a : (result[_s] = vertical !== null && vertical !== void 0 ? vertical : segments[0]);
-                (_b = result[_t = `padding-right-${remainder}`]) !== null && _b !== void 0 ? _b : (result[_t] = horizontal !== null && horizontal !== void 0 ? horizontal : segments[0]);
-                (_c = result[_u = `padding-bottom-${remainder}`]) !== null && _c !== void 0 ? _c : (result[_u] = vertical !== null && vertical !== void 0 ? vertical : segments[0]);
-                (_d = result[_v = `padding-left-${remainder}`]) !== null && _d !== void 0 ? _d : (result[_v] = horizontal !== null && horizontal !== void 0 ? horizontal : segments[0]);
+                (_e = result[_0 = `padding-top-${remainder}`]) !== null && _e !== void 0 ? _e : (result[_0] = vertical !== null && vertical !== void 0 ? vertical : segments[0]);
+                (_f = result[_1 = `padding-right-${remainder}`]) !== null && _f !== void 0 ? _f : (result[_1] = horizontal !== null && horizontal !== void 0 ? horizontal : segments[0]);
+                (_g = result[_2 = `padding-bottom-${remainder}`]) !== null && _g !== void 0 ? _g : (result[_2] = vertical !== null && vertical !== void 0 ? vertical : segments[0]);
+                (_h = result[_3 = `padding-left-${remainder}`]) !== null && _h !== void 0 ? _h : (result[_3] = horizontal !== null && horizontal !== void 0 ? horizontal : segments[0]);
                 break;
             case 2:
-                (_e = result[_w = `padding-top-${remainder}`]) !== null && _e !== void 0 ? _e : (result[_w] = vertical !== null && vertical !== void 0 ? vertical : segments[0]);
-                (_f = result[_x = `padding-right-${remainder}`]) !== null && _f !== void 0 ? _f : (result[_x] = horizontal !== null && horizontal !== void 0 ? horizontal : segments[1]);
-                (_g = result[_y = `padding-bottom-${remainder}`]) !== null && _g !== void 0 ? _g : (result[_y] = vertical !== null && vertical !== void 0 ? vertical : segments[0]);
-                (_h = result[_z = `padding-left-${remainder}`]) !== null && _h !== void 0 ? _h : (result[_z] = horizontal !== null && horizontal !== void 0 ? horizontal : segments[1]);
+                (_j = result[_4 = `padding-top-${remainder}`]) !== null && _j !== void 0 ? _j : (result[_4] = vertical !== null && vertical !== void 0 ? vertical : segments[0]);
+                (_k = result[_5 = `padding-right-${remainder}`]) !== null && _k !== void 0 ? _k : (result[_5] = horizontal !== null && horizontal !== void 0 ? horizontal : segments[1]);
+                (_l = result[_6 = `padding-bottom-${remainder}`]) !== null && _l !== void 0 ? _l : (result[_6] = vertical !== null && vertical !== void 0 ? vertical : segments[0]);
+                (_m = result[_7 = `padding-left-${remainder}`]) !== null && _m !== void 0 ? _m : (result[_7] = horizontal !== null && horizontal !== void 0 ? horizontal : segments[1]);
                 break;
             case 3:
-                (_j = result[_0 = `padding-top-${remainder}`]) !== null && _j !== void 0 ? _j : (result[_0] = vertical !== null && vertical !== void 0 ? vertical : segments[0]);
-                (_k = result[_1 = `padding-right-${remainder}`]) !== null && _k !== void 0 ? _k : (result[_1] = horizontal !== null && horizontal !== void 0 ? horizontal : segments[1]);
-                (_l = result[_2 = `padding-bottom-${remainder}`]) !== null && _l !== void 0 ? _l : (result[_2] = vertical !== null && vertical !== void 0 ? vertical : segments[2]);
-                (_m = result[_3 = `padding-left-${remainder}`]) !== null && _m !== void 0 ? _m : (result[_3] = horizontal !== null && horizontal !== void 0 ? horizontal : segments[1]);
+                (_o = result[_8 = `padding-top-${remainder}`]) !== null && _o !== void 0 ? _o : (result[_8] = vertical !== null && vertical !== void 0 ? vertical : segments[0]);
+                (_p = result[_9 = `padding-right-${remainder}`]) !== null && _p !== void 0 ? _p : (result[_9] = horizontal !== null && horizontal !== void 0 ? horizontal : segments[1]);
+                (_q = result[_10 = `padding-bottom-${remainder}`]) !== null && _q !== void 0 ? _q : (result[_10] = vertical !== null && vertical !== void 0 ? vertical : segments[2]);
+                (_r = result[_11 = `padding-left-${remainder}`]) !== null && _r !== void 0 ? _r : (result[_11] = horizontal !== null && horizontal !== void 0 ? horizontal : segments[1]);
                 break;
             case 4:
-                (_o = result[_4 = `padding-top-${remainder}`]) !== null && _o !== void 0 ? _o : (result[_4] = vertical !== null && vertical !== void 0 ? vertical : segments[0]);
-                (_p = result[_5 = `padding-right-${remainder}`]) !== null && _p !== void 0 ? _p : (result[_5] = horizontal !== null && horizontal !== void 0 ? horizontal : segments[1]);
-                (_q = result[_6 = `padding-bottom-${remainder}`]) !== null && _q !== void 0 ? _q : (result[_6] = vertical !== null && vertical !== void 0 ? vertical : segments[2]);
-                (_r = result[_7 = `padding-left-${remainder}`]) !== null && _r !== void 0 ? _r : (result[_7] = horizontal !== null && horizontal !== void 0 ? horizontal : segments[3]);
+                (_s = result[_12 = `padding-top-${remainder}`]) !== null && _s !== void 0 ? _s : (result[_12] = vertical !== null && vertical !== void 0 ? vertical : segments[0]);
+                (_t = result[_13 = `padding-right-${remainder}`]) !== null && _t !== void 0 ? _t : (result[_13] = horizontal !== null && horizontal !== void 0 ? horizontal : segments[1]);
+                (_u = result[_14 = `padding-bottom-${remainder}`]) !== null && _u !== void 0 ? _u : (result[_14] = vertical !== null && vertical !== void 0 ? vertical : segments[2]);
+                (_v = result[_15 = `padding-left-${remainder}`]) !== null && _v !== void 0 ? _v : (result[_15] = horizontal !== null && horizontal !== void 0 ? horizontal : segments[3]);
                 break;
             default:
                 return;
@@ -202,6 +221,12 @@ const thicknessBorderVerticalRegEx = /^thickness-border-(vertical)-(.+)$/;
 const styleBorderRegEx = /^style-border-(?!(?:horizontal|vertical|left|right|top|bottom)-)(.+)$/;
 const styleBorderHorizontalRegEx = /^style-border-(horizontal)-(.+)$/;
 const styleBorderVerticalRegEx = /^style-border-(vertical)-(.+)$/;
+const borderLeftRegEx = /^border-(left)-(.+)$/;
+const borderRightRegEx = /^border-(right)-(.+)$/;
+const borderTopRegEx = /^border-(top)-(.+)$/;
+const borderBottomRegEx = /^border-(bottom)-(.+)$/;
+const borderHorizontalRegEx = /^border-(horizontal)-(.+)$/;
+const borderVerticalRegEx = /^border-(vertical)-(.+)$/;
 const colorBorderRegEx = /^color-border-(?!(?:horizontal|vertical|left|right|top|bottom)-)(.+)$/;
 const colorBorderHorizontalRegEx = /^color-border-(horizontal)-(.+)$/;
 const colorBorderVerticalRegEx = /^color-border-(vertical)-(.+)$/;
@@ -213,24 +238,127 @@ function generateBorderSegments(theme) {
         return {};
     }
     const result = Object.assign({}, theme);
+    let hasCard = false;
     // --- Iterate through theme variables and split border values
     Object.entries(theme).forEach(([key, value]) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2;
-        var _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6;
+        var _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37;
+        // --- Check "border-horizontal" theme variables
+        let match = borderHorizontalRegEx.exec(key);
+        if (match) {
+            // --- We have a border-horizontal value to segment
+            const remainder = match[2];
+            const border = getBorderSegments(value);
+            if (border.thickness) {
+                result[`thickness-border-left-${remainder}`] = border.thickness;
+                result[`thickness-border-right-${remainder}`] = border.thickness;
+            }
+            if (border.style) {
+                result[`style-border-left-${remainder}`] = border.style;
+                result[`style-border-right-${remainder}`] = border.style;
+            }
+            if (border.color) {
+                result[`color-border-left-${remainder}`] = border.color;
+                result[`color-border-right-${remainder}`] = border.color;
+            }
+        }
+        // --- Check "border-vertical" theme variables
+        match = borderVerticalRegEx.exec(key);
+        if (match) {
+            // --- We have a border-vertical value to segment
+            const remainder = match[2];
+            const border = getBorderSegments(value);
+            if (border.thickness) {
+                result[`thickness-border-top-${remainder}`] = border.thickness;
+                result[`thickness-border-bottom-${remainder}`] = border.thickness;
+            }
+            if (border.style) {
+                result[`style-border-top-${remainder}`] = border.style;
+                result[`style-border-bottom-${remainder}`] = border.style;
+            }
+            if (border.color) {
+                result[`color-border-top-${remainder}`] = border.color;
+                result[`color-border-bottom-${remainder}`] = border.color;
+            }
+        }
+        // --- Check "border-left" theme variables
+        match = borderLeftRegEx.exec(key);
+        if (match) {
+            // --- We have a border-left value to segment
+            const remainder = match[2];
+            const border = getBorderSegments(value);
+            if (border.thickness) {
+                result[`thickness-border-left-${remainder}`] = border.thickness;
+            }
+            if (border.style) {
+                result[`style-border-left-${remainder}`] = border.style;
+            }
+            if (border.color) {
+                result[`color-border-left-${remainder}`] = border.color;
+            }
+        }
+        // --- Check "border-right" theme variables
+        match = borderRightRegEx.exec(key);
+        if (match) {
+            // --- We have a border-right value to segment
+            const remainder = match[2];
+            const border = getBorderSegments(value);
+            if (border.thickness) {
+                result[`thickness-border-right-${remainder}`] = border.thickness;
+            }
+            if (border.style) {
+                result[`style-border-right-${remainder}`] = border.style;
+            }
+            if (border.color) {
+                result[`color-border-right-${remainder}`] = border.color;
+            }
+        }
+        // --- Check "border-top" theme variables
+        match = borderTopRegEx.exec(key);
+        if (match) {
+            // --- We have a border-top value to segment
+            const remainder = match[2];
+            const border = getBorderSegments(value);
+            if (border.thickness) {
+                result[`thickness-border-top-${remainder}`] = border.thickness;
+            }
+            if (border.style) {
+                result[`style-border-top-${remainder}`] = border.style;
+            }
+            if (border.color) {
+                result[`color-border-top-${remainder}`] = border.color;
+            }
+        }
+        // --- Check "border-bottom" theme variables
+        match = borderBottomRegEx.exec(key);
+        if (match) {
+            // --- We have a border-bottom value to segment
+            const remainder = match[2];
+            const border = getBorderSegments(value);
+            if (border.thickness) {
+                result[`thickness-border-bottom-${remainder}`] = border.thickness;
+            }
+            if (border.style) {
+                result[`style-border-bottom-${remainder}`] = border.style;
+            }
+            if (border.color) {
+                result[`color-border-bottom-${remainder}`] = border.color;
+            }
+        }
         // --- Check "border-" theme variables
-        let match = borderRegEx.exec(key);
+        match = borderRegEx.exec(key);
         if (match) {
             // --- We have a border value to segment
             const remainder = match[1];
             const border = getBorderSegments(value);
             if (border.thickness) {
-                (_a = result[_3 = `thickness-border-${remainder}`]) !== null && _a !== void 0 ? _a : (result[_3] = border.thickness);
+                (_a = result[_7 = `thickness-border-${remainder}`]) !== null && _a !== void 0 ? _a : (result[_7] = border.thickness);
             }
             if (border.style) {
-                (_b = result[_4 = `style-border-${remainder}`]) !== null && _b !== void 0 ? _b : (result[_4] = border.style);
+                (_b = result[_8 = `style-border-${remainder}`]) !== null && _b !== void 0 ? _b : (result[_8] = border.style);
             }
             if (border.color) {
-                (_c = result[_5 = `color-border-${remainder}`]) !== null && _c !== void 0 ? _c : (result[_5] = border.color);
+                (_c = result[_9 = `color-border-${remainder}`]) !== null && _c !== void 0 ? _c : (result[_9] = border.color);
             }
         }
         // --- Check "thickness-border-" theme variables
@@ -238,78 +366,86 @@ function generateBorderSegments(theme) {
         if (match) {
             // --- We have a thickness-border value to flow down
             const remainder = match[1];
-            (_d = result[_6 = `thickness-border-left-${remainder}`]) !== null && _d !== void 0 ? _d : (result[_6] = value);
-            (_e = result[_7 = `thickness-border-right-${remainder}`]) !== null && _e !== void 0 ? _e : (result[_7] = value);
-            (_f = result[_8 = `thickness-border-top-${remainder}`]) !== null && _f !== void 0 ? _f : (result[_8] = value);
-            (_g = result[_9 = `thickness-border-bottom-${remainder}`]) !== null && _g !== void 0 ? _g : (result[_9] = value);
+            (_d = result[_10 = `thickness-border-left-${remainder}`]) !== null && _d !== void 0 ? _d : (result[_10] = value);
+            (_e = result[_11 = `thickness-border-right-${remainder}`]) !== null && _e !== void 0 ? _e : (result[_11] = value);
+            (_f = result[_12 = `thickness-border-top-${remainder}`]) !== null && _f !== void 0 ? _f : (result[_12] = value);
+            (_g = result[_13 = `thickness-border-bottom-${remainder}`]) !== null && _g !== void 0 ? _g : (result[_13] = value);
         }
         // --- Check "thickness-border-horizontal" theme variables
         match = thicknessBorderHorizontalRegEx.exec(key);
         if (match) {
             // --- We have a thickness-border-horizontal value to flow down
             const remainder = match[2];
-            (_h = result[_10 = `thickness-border-left-${remainder}`]) !== null && _h !== void 0 ? _h : (result[_10] = value);
-            (_j = result[_11 = `thickness-border-right-${remainder}`]) !== null && _j !== void 0 ? _j : (result[_11] = value);
+            (_h = result[_14 = `thickness-border-left-${remainder}`]) !== null && _h !== void 0 ? _h : (result[_14] = value);
+            (_j = result[_15 = `thickness-border-right-${remainder}`]) !== null && _j !== void 0 ? _j : (result[_15] = value);
         }
         // --- Check "thickness-border-vertical" theme variables
         match = thicknessBorderVerticalRegEx.exec(key);
         if (match) {
             // --- We have a thickness-border-vertical value to flow down
             const remainder = match[2];
-            (_k = result[_12 = `thickness-border-top-${remainder}`]) !== null && _k !== void 0 ? _k : (result[_12] = value);
-            (_l = result[_13 = `thickness-border-bottom-${remainder}`]) !== null && _l !== void 0 ? _l : (result[_13] = value);
+            (_k = result[_16 = `thickness-border-top-${remainder}`]) !== null && _k !== void 0 ? _k : (result[_16] = value);
+            (_l = result[_17 = `thickness-border-bottom-${remainder}`]) !== null && _l !== void 0 ? _l : (result[_17] = value);
+        }
+        if (match) {
+            // --- We have a thickness-border value to flow down
+            const remainder = match[1];
+            (_m = result[_18 = `thickness-border-left-${remainder}`]) !== null && _m !== void 0 ? _m : (result[_18] = value);
+            (_o = result[_19 = `thickness-border-right-${remainder}`]) !== null && _o !== void 0 ? _o : (result[_19] = value);
+            (_p = result[_20 = `thickness-border-top-${remainder}`]) !== null && _p !== void 0 ? _p : (result[_20] = value);
+            (_q = result[_21 = `thickness-border-bottom-${remainder}`]) !== null && _q !== void 0 ? _q : (result[_21] = value);
         }
         // --- Check "style-border-" theme variables
         match = styleBorderRegEx.exec(key);
         if (match) {
             // --- We have a style-border value to flow down
             const remainder = match[1];
-            (_m = result[_14 = `style-border-left-${remainder}`]) !== null && _m !== void 0 ? _m : (result[_14] = value);
-            (_o = result[_15 = `style-border-right-${remainder}`]) !== null && _o !== void 0 ? _o : (result[_15] = value);
-            (_p = result[_16 = `style-border-top-${remainder}`]) !== null && _p !== void 0 ? _p : (result[_16] = value);
-            (_q = result[_17 = `style-border-bottom-${remainder}`]) !== null && _q !== void 0 ? _q : (result[_17] = value);
+            (_r = result[_22 = `style-border-left-${remainder}`]) !== null && _r !== void 0 ? _r : (result[_22] = value);
+            (_s = result[_23 = `style-border-right-${remainder}`]) !== null && _s !== void 0 ? _s : (result[_23] = value);
+            (_t = result[_24 = `style-border-top-${remainder}`]) !== null && _t !== void 0 ? _t : (result[_24] = value);
+            (_u = result[_25 = `style-border-bottom-${remainder}`]) !== null && _u !== void 0 ? _u : (result[_25] = value);
         }
         // --- Check "style-border-horizontal" theme variables
         match = styleBorderHorizontalRegEx.exec(key);
         if (match) {
             // --- We have a style-border-horizontal value to flow down
             const remainder = match[1];
-            (_r = result[_18 = `style-border-left-${remainder}`]) !== null && _r !== void 0 ? _r : (result[_18] = value);
-            (_s = result[_19 = `style-border-right-${remainder}`]) !== null && _s !== void 0 ? _s : (result[_19] = value);
+            (_v = result[_26 = `style-border-left-${remainder}`]) !== null && _v !== void 0 ? _v : (result[_26] = value);
+            (_w = result[_27 = `style-border-right-${remainder}`]) !== null && _w !== void 0 ? _w : (result[_27] = value);
         }
         // --- Check "style-border-vertical" theme variables
         match = styleBorderVerticalRegEx.exec(key);
         if (match) {
             // --- We have a style-border-vertical value to flow down
             const remainder = match[1];
-            (_t = result[_20 = `style-border-top-${remainder}`]) !== null && _t !== void 0 ? _t : (result[_20] = value);
-            (_u = result[_21 = `style-border-bottom-${remainder}`]) !== null && _u !== void 0 ? _u : (result[_21] = value);
+            (_x = result[_28 = `style-border-top-${remainder}`]) !== null && _x !== void 0 ? _x : (result[_28] = value);
+            (_y = result[_29 = `style-border-bottom-${remainder}`]) !== null && _y !== void 0 ? _y : (result[_29] = value);
         }
         // --- Check "color-border-" theme variables
         match = colorBorderRegEx.exec(key);
         if (match) {
             // --- We have a color-border value to flow down
             const remainder = match[1];
-            (_v = result[_22 = `color-border-left-${remainder}`]) !== null && _v !== void 0 ? _v : (result[_22] = value);
-            (_w = result[_23 = `color-border-right-${remainder}`]) !== null && _w !== void 0 ? _w : (result[_23] = value);
-            (_x = result[_24 = `color-border-top-${remainder}`]) !== null && _x !== void 0 ? _x : (result[_24] = value);
-            (_y = result[_25 = `color-border-bottom-${remainder}`]) !== null && _y !== void 0 ? _y : (result[_25] = value);
+            (_z = result[_30 = `color-border-left-${remainder}`]) !== null && _z !== void 0 ? _z : (result[_30] = value);
+            (_0 = result[_31 = `color-border-right-${remainder}`]) !== null && _0 !== void 0 ? _0 : (result[_31] = value);
+            (_1 = result[_32 = `color-border-top-${remainder}`]) !== null && _1 !== void 0 ? _1 : (result[_32] = value);
+            (_2 = result[_33 = `color-border-bottom-${remainder}`]) !== null && _2 !== void 0 ? _2 : (result[_33] = value);
         }
         // --- Check "color-border-horizontal" theme variables
         match = colorBorderHorizontalRegEx.exec(key);
         if (match) {
             // --- We have a color-border-horizontal value to flow down
             const remainder = match[1];
-            (_z = result[_26 = `color-border-left-${remainder}`]) !== null && _z !== void 0 ? _z : (result[_26] = value);
-            (_0 = result[_27 = `color-border-right-${remainder}`]) !== null && _0 !== void 0 ? _0 : (result[_27] = value);
+            (_3 = result[_34 = `color-border-left-${remainder}`]) !== null && _3 !== void 0 ? _3 : (result[_34] = value);
+            (_4 = result[_35 = `color-border-right-${remainder}`]) !== null && _4 !== void 0 ? _4 : (result[_35] = value);
         }
         // --- Check "color-border-vertical" theme variables
         match = colorBorderVerticalRegEx.exec(key);
         if (match) {
             // --- We have a color-border-vertical value to flow down
             const remainder = match[1];
-            (_1 = result[_28 = `color-border-top-${remainder}`]) !== null && _1 !== void 0 ? _1 : (result[_28] = value);
-            (_2 = result[_29 = `color-border-bottom-${remainder}`]) !== null && _2 !== void 0 ? _2 : (result[_29] = value);
+            (_5 = result[_36 = `color-border-top-${remainder}`]) !== null && _5 !== void 0 ? _5 : (result[_36] = value);
+            (_6 = result[_37 = `color-border-bottom-${remainder}`]) !== null && _6 !== void 0 ? _6 : (result[_37] = value);
         }
     });
     // --- Done

package/dist/scripts/src/components-core/xmlui-parser.js

@@ -24,7 +24,9 @@ function xmlUiMarkupToComponent(source, fileId = 0, moduleResolver) {
         return { component: null, errors: errorsWithLines, erroneousCompoundComponentName };
     }
     try {
-        return { component: (0, transform_1.nodeToComponentDef)(node, getText, fileId, moduleResolver), errors: [] };
+        const component = (0, transform_1.nodeToComponentDef)(node, getText, fileId, moduleResolver);
+        const transformResult = { component, errors: [] };
+        return transformResult;
     }
     catch (e) {
         const erroneousCompoundComponentName = getCompoundCompName(node, getText);
@@ -76,7 +78,20 @@ function errReportMessage(message) {
 function errReportComponent(errors, fileName, compoundCompName) {
     function makeComponent() {
         const errList = errors
-            .sort((a, b) => a.pos - b.pos)
+            .sort((a, b) => {
+            if (a.pos === undefined && b.pos === undefined) {
+                return 0;
+            }
+            else if (a.pos === undefined) {
+                return 1;
+            }
+            else if (b.pos === undefined) {
+                return -1;
+            }
+            else {
+                return a.pos - b.pos;
+            }
+        })
             .map((e, idx) => {
             return {
                 type: "VStack",

package/dist/scripts/src/parsers/xmlui-parser/ParserError.js

@@ -14,7 +14,7 @@ exports.ParserError = ParserError;
 // The error messages of error codes
 exports.errorMessages = {
     U001: "Unexpected token: {0}.",
-    U002: "A component definition can have exactly one UEML element.",
+    U002: "A component definition can have exactly one XMLUI element.",
     U003: "A '<' token expected.",
     U004: "A node identifier expected.",
     U005: "A '</' token expected.",
@@ -28,7 +28,7 @@ exports.errorMessages = {
     U013: "Attribute name cannot start with an uppercase letter.",
     U014: "An '{0}' ID expected in the closing tag's namespace but '{1}' received.",
     U015: "Unexpected token in text element: {0}.",
-    T001: "A component definition must have exactly one UEML element.",
+    T001: "A component definition must have exactly one XMLUI element.",
     T002: "A component definition's name must start with an uppercase letter.",
     T003: "A reusable component must have a non-empty name.",
     T004: "A reusable component's name must start with an uppercase letter.",

package/dist/scripts/src/parsers/xmlui-parser/transform.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.onPrefixRegex = exports.UCRegex = exports.COMPOUND_COMP_ID = void 0;
+exports.CORE_NAMESPACE_VALUE = exports.onPrefixRegex = exports.UCRegex = exports.COMPOUND_COMP_ID = void 0;
 exports.nodeToComponentDef = nodeToComponentDef;
 const code_behind_collect_1 = require("../scripting/code-behind-collect");
 const syntax_kind_1 = require("./syntax-kind");
@@ -17,7 +17,7 @@ const COMPONENT_NAMESPACE_SCHEME = "component-ns";
 const APP_NS_KEY = "app-ns";
 const APP_NS_VALUE = "#app-ns";
 const CORE_NS_KEY = "core-ns";
-const CORE_NS_VALUE = "#xmlui-core-ns";
+exports.CORE_NAMESPACE_VALUE = "#xmlui-core-ns";
 const HelperNode = {
     property: 'property',
     event: 'event',
@@ -1038,7 +1038,7 @@ function addToNamespaces(namespaceStack, comp, nsKey, value) {
             nsValue = APP_NS_VALUE;
             break;
         case CORE_NS_KEY:
-            nsValue = CORE_NS_VALUE;
+            nsValue = exports.CORE_NAMESPACE_VALUE;
             break;
     }
     const compNamespaces = namespaceStack[namespaceStack.length - 1];