fix styles visibility

src/controllers/StyleController.ts

@@ -31,7 +31,6 @@ export class StyleController
         if (styles)
         {
             this.set(styles);
-            this.applyConditionalStyles();
         }
     }
 
@@ -125,7 +124,7 @@ export class StyleController
 
         this.styles.aspectRatio = styles?.aspectRatio ?? this.styles.aspectRatio ?? 'static';
 
-        this.styles.visible = styles?.visible ?? this.styles.visible ?? true;
+        this.visible = styles?.visible ?? this.styles.visible ?? true;
 
         this._textStyle = stylesToPixiTextStyles(styles);
 
@@ -166,24 +165,29 @@ export class StyleController
         return this.styles.opacity;
     }
 
+    /** Set visibility of the layout */
+    set visible(value: boolean)
+    {
+        this.layout.container.visible = value;
+    }
+
+    /** Returns visibility of the layout */
+    get visible(): boolean
+    {
+        return this.layout.container.visible;
+    }
+
     /** Checks and applies conditional styles basing on parent size */
     applyConditionalStyles()
     {
         if (!this.hasConditionalStyles) return;
 
-        let finalStyles = { ...this.defaultStyles };
-
-        if (this.conditionalStyles.portrait && this.layout.isRootLayoutPortrait)
-        {
-            finalStyles = { ...finalStyles, ...this.conditionalStyles.portrait };
-        }
-
-        if (this.conditionalStyles.landscape && !this.layout.isRootLayoutPortrait)
-        {
-            finalStyles = { ...finalStyles, ...this.conditionalStyles.landscape };
-        }
-
-        this.set(finalStyles);
+        this.set({
+            ...this.defaultStyles,
+            ...this.layout.isRootLayoutPortrait
+                ? this.conditionalStyles.portrait
+                : this.conditionalStyles.landscape
+        });
     }
 
     /**

src/stories/styles/ConditionalStylesPortraitLandscape.stories.ts

@@ -66,8 +66,6 @@ class LayoutStory
             },
         });
 
-        this.resize(this.w, this.h);
-
         this.view.addChild(this.layout);
     }
 

src/utils/types.ts

@@ -72,7 +72,6 @@ export type Styles = Partial<TextStyle> & {
     anchorY?: GradeToOne;
     aspectRatio?: AspectRatio;
     wordWrap?: boolean;
-    visible?: boolean;
 };
 
 export type LayoutStyles = {