lumina-slides 9.0.3 → 9.0.5

package/src/core/types.ts

@@ -160,7 +160,9 @@ export interface FlexElementImage {
     /** Fill entire container edge-to-edge. Default: true */
     fill?: boolean;
     /** Object-fit mode when fill is true. Default: 'cover' */
-    fit?: 'cover' | 'contain';
+    fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    /** Object-position for image placement. Default: 'center' */
+    position?: string;
     /** Border radius. Default: 'none' when fill, 'lg' otherwise */
     rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
     /** Link URL when image is clicked. */
@@ -169,6 +171,8 @@ export interface FlexElementImage {
     target?: '_blank' | '_self';
     /** Custom CSS class */
     class?: string;
+    /** Custom CSS style object */
+    style?: Record<string, string>;
 }
 
 /**
@@ -248,13 +252,30 @@ export interface FlexElementSpacer {
 }
 
 /**
- * Content container - Groups child elements vertically with alignment control.
+ * HTML element - Raw HTML content.
+ */
+export interface FlexElementHtml {
+    type: 'html';
+    /** Optional id for element control (engine.element(id)). */
+    id?: string;
+    /** Raw HTML string to render */
+    html: string;
+    /** Custom CSS class */
+    class?: string;
+    /** Custom CSS style object */
+    style?: Record<string, string>;
+}
+
+/**
+ * Content container - Groups child elements with alignment control.
  */
 export interface FlexElementContent {
     type: 'content';
     /** Optional id for element control (engine.element(id)). */
     id?: string;
     elements: FlexChildElement[];
+    /** Layout direction. Default: 'vertical' */
+    direction?: 'horizontal' | 'vertical';
     /** Vertical alignment of content. Default: 'center' */
     valign?: VAlign;
     /** Horizontal alignment of content. Default: 'left' */
@@ -263,10 +284,15 @@ export interface FlexElementContent {
     gap?: SpacingToken;
     /** Internal padding. Default: 'lg' */
     padding?: SpacingToken;
+    /** Custom CSS class */
+    class?: string;
+    /** Custom CSS style object */
+    style?: Record<string, string>;
 }
 
 /**
  * Child elements that can appear inside a content container.
+ * Supports nested content containers for complex layouts.
  */
 export type FlexChildElement =
     | FlexElementTitle
@@ -276,7 +302,10 @@ export type FlexChildElement =
     | FlexElementButton
     | FlexElementTimeline
     | FlexElementStepper
-    | FlexElementSpacer;
+    | FlexElementSpacer
+    | FlexElementHtml
+    | FlexElementImage
+    | FlexElementContent;
 
 /**
  * Top-level flex elements that can have size.
@@ -285,6 +314,7 @@ export type FlexElement =
     | (FlexElementImage & { size?: FlexSize })
     | (FlexElementVideo & { size?: FlexSize })
     | (FlexElementContent & { size?: FlexSize })
+    | (FlexElementHtml & { size?: FlexSize })
     | (FlexElementTitle & { size?: FlexSize })
     | (FlexElementText & { size?: FlexSize })
     | (FlexElementBullets & { size?: FlexSize })