AUI: Added layout wrap support

Adaptive-Web-Community · Jan 11, 2025 · 11a44bd · 11a44bd
1 parent 7c16c24
commit 11a44bd
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 6 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/adaptive-ui/docs/api-report.md b/packages/adaptive-ui/docs/api-report.md
@@ -634,6 +634,7 @@ export const StyleProperty: {
     readonly layoutDirection: "layoutDirection";
     readonly layoutMainAxisAlignItems: "layoutMainAxisAlignItems";
     readonly layoutCrossAxisAlignItems: "layoutCrossAxisAlignItems";
+    readonly layoutWrap: "layoutWrap";
     readonly opacity: "opacity";
     readonly cursor: "cursor";
     readonly outlineColor: "outlineColor";

diff --git a/packages/adaptive-ui/src/core/modules/css.ts b/packages/adaptive-ui/src/core/modules/css.ts
@@ -97,6 +97,8 @@ export const stylePropertyToCssProperty = (usage: StyleProperty): string => {
             return "justify-content";
         case StyleProperty.layoutCrossAxisAlignItems:
             return "align-items";
+        case StyleProperty.layoutWrap:
+            return "flex-wrap";
         case StyleProperty.opacity:
             return "opacity";
         case StyleProperty.cursor:

diff --git a/packages/adaptive-ui/src/core/modules/types.ts b/packages/adaptive-ui/src/core/modules/types.ts
@@ -346,6 +346,7 @@ export const StyleProperty = {
     layoutDirection: "layoutDirection",
     layoutMainAxisAlignItems: "layoutMainAxisAlignItems",
     layoutCrossAxisAlignItems: "layoutCrossAxisAlignItems",
+    layoutWrap: "layoutWrap",
     opacity: "opacity",
     cursor: "cursor",
     outlineColor: "outlineColor",