Update FlexContainer.ts

stylescape · Jan 12, 2025 · c2a8b3f · c2a8b3f
1 parent c6e5c15
commit c2a8b3f
Showing 1 changed file with 29 additions and 2 deletions.
diff --git a/src/ts/FlexContainer.ts b/src/ts/FlexContainer.ts
@@ -1,13 +1,36 @@
+// ============================================================================
+// Import
+// ============================================================================
+
+
+// ============================================================================
+// Types
+// ============================================================================
+
 type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
 type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
 
-class FlexContainer {
+// ============================================================================
+// Classes
+// ============================================================================
+
+
+
+export default class FlexContainer {
+
+    // Parameters
+    // ========================================================================
+
     flexDirection: FlexDirection;
     flexWrap: FlexWrap;
     justifyContent: Justify;
     alignItems: Align;
     alignContent: Align;
 
+
+    // Constructor
+    // ========================================================================
+
     constructor(
         flexDirection: FlexDirection = 'row',
         flexWrap: FlexWrap = 'nowrap',
@@ -22,6 +45,10 @@ class FlexContainer {
         this.alignContent = alignContent;
     }
 
+
+    // Methods
+    // ========================================================================
+
     setDirection(direction: FlexDirection): void {
         this.flexDirection = direction;
     }
@@ -45,4 +72,4 @@ class FlexContainer {
     toString(): string {
         return `FlexContainer: direction ${this.flexDirection}, wrap ${this.flexWrap}, justify ${this.justifyContent}, align-items ${this.alignItems}, align-content ${this.alignContent}`;
     }
-}
+}