sdui-web 0.1.1 → 0.3.0

package/dist/index.cjs

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  getComponents: () => getComponents,
   render: () => render
 });
 module.exports = __toCommonJS(index_exports);
@@ -68,65 +69,63 @@ function applyModifier(element, modifier, theme) {
         break;
       case "start":
       case "top":
-      case "top_start":
         s.alignSelf = "flex-start";
         break;
       case "end":
       case "bottom":
-      case "bottom_end":
         s.alignSelf = "flex-end";
         break;
     }
   }
   if (modifier.weight != null) {
     s.flex = `${modifier.weight}`;
+    s.minWidth = "0";
+    s.minHeight = "0";
   }
   if (modifier.action) {
     const action = modifier.action;
-    element.style.cursor = "pointer";
+    s.cursor = "pointer";
     element.addEventListener("click", (e) => {
       e.stopPropagation();
       if (action.type === "navigate") {
-        const event = new CustomEvent("sdui:navigate", {
+        element.dispatchEvent(new CustomEvent("sdui:navigate", {
           bubbles: true,
           detail: { route: action.params?.route, args: action.params?.args }
-        });
-        element.dispatchEvent(event);
-        console.log("[sdui] navigate \u2192", action.params?.route, action.params?.args);
+        }));
       }
     });
   }
-  const containerMod = modifier;
-  const hasAspectRatio = "aspectRatio" in containerMod && containerMod.aspectRatio != null;
-  const hasWidth = "width" in containerMod && containerMod.width;
-  const hasHeight = "height" in containerMod && containerMod.height;
+  const mod = modifier;
+  const hasAspectRatio = "aspectRatio" in mod && mod.aspectRatio != null;
+  const hasWidth = "width" in mod && mod.width;
+  const hasHeight = "height" in mod && mod.height;
   if (hasWidth) {
-    const w = resolveSize(containerMod.width);
+    const w = resolveSize(mod.width);
     if (w) s.width = w;
   }
   if (hasHeight && !(hasAspectRatio && hasWidth)) {
-    const h = resolveSize(containerMod.height);
+    const h = resolveSize(mod.height);
     if (h) s.height = h;
   }
   if (hasAspectRatio) {
-    s.aspectRatio = `${containerMod.aspectRatio}`;
+    s.aspectRatio = `${mod.aspectRatio}`;
   }
-  if ("padding" in containerMod && containerMod.padding) {
-    const p = resolveSpacing(containerMod.padding);
+  if ("padding" in mod && mod.padding) {
+    const p = resolveSpacing(mod.padding);
     if (p.top) s.paddingTop = p.top;
     if (p.bottom) s.paddingBottom = p.bottom;
     if (p.left) s.paddingLeft = p.left;
     if (p.right) s.paddingRight = p.right;
   }
-  if ("margin" in containerMod && containerMod.margin) {
-    const m = resolveSpacing(containerMod.margin);
+  if ("margin" in mod && mod.margin) {
+    const m = resolveSpacing(mod.margin);
     if (m.top) s.marginTop = m.top;
     if (m.bottom) s.marginBottom = m.bottom;
     if (m.left) s.marginLeft = m.left;
     if (m.right) s.marginRight = m.right;
   }
-  if ("backgroundColor" in containerMod && containerMod.backgroundColor) {
-    applyBackground(s, containerMod.backgroundColor, theme);
+  if ("backgroundColor" in mod && mod.backgroundColor) {
+    applyBackground(s, mod.backgroundColor, theme);
   }
 }
 function applyBackground(s, bg, theme) {
@@ -204,7 +203,7 @@ function renderText(component, theme) {
   if (props?.overflow === "ellipsis") {
     el.style.textOverflow = "ellipsis";
     el.style.overflow = "hidden";
-    el.style.whiteSpace = props.maxLines === 1 ? "nowrap" : "normal";
+    el.style.whiteSpace = "nowrap";
   }
   if (props?.maxLines != null) {
     el.style.display = "-webkit-box";
@@ -342,6 +341,7 @@ function renderColumn(component, theme) {
         el.style.justifyContent = "space-around";
         break;
       case "spaced_by":
+        el.style.justifyContent = "flex-start";
         if (arr.spacing != null) {
           el.style.gap = `${arr.spacing}px`;
         }
@@ -396,6 +396,7 @@ function renderRow(component, theme) {
         el.style.justifyContent = "space-around";
         break;
       case "spaced_by":
+        el.style.justifyContent = "flex-start";
         if (arr.spacing != null) {
           el.style.gap = `${arr.spacing}px`;
         }
@@ -451,6 +452,7 @@ function renderLazyColumn(component, theme) {
         el.style.justifyContent = "space-around";
         break;
       case "spaced_by":
+        el.style.justifyContent = "flex-start";
         if (arr.spacing != null) {
           el.style.gap = `${arr.spacing}px`;
         }
@@ -487,13 +489,230 @@ function renderComponent(component, theme) {
   el.dataset.sduiType = component.type;
   if (component.children && component.children.length > 0) {
     for (const child of component.children) {
-      const childEl = renderComponent(child, theme);
-      el.appendChild(childEl);
+      el.appendChild(renderComponent(child, theme));
     }
   }
   return el;
 }
 
+// src/component-meta.ts
+function sizeModelProperties() {
+  return [
+    { name: "value", label: "Value", type: "number" },
+    { name: "unit", label: "Unit", type: "enum", enumValues: ["dp", "match_parent", "wrap_content"] }
+  ];
+}
+function spacingModelProperties() {
+  return [
+    { name: "top", label: "Top", type: "number" },
+    { name: "bottom", label: "Bottom", type: "number" },
+    { name: "start", label: "Start", type: "number" },
+    { name: "end", label: "End", type: "number" }
+  ];
+}
+function colorModelProperties() {
+  return [
+    { name: "light", label: "Light", type: "color" },
+    { name: "dark", label: "Dark", type: "color" }
+  ];
+}
+function actionModelProperties() {
+  return [
+    { name: "type", label: "Action Type", type: "enum", enumValues: ["navigate"] },
+    {
+      name: "params",
+      label: "Params",
+      type: "object",
+      properties: [
+        { name: "route", label: "Route", type: "string" },
+        { name: "args", label: "Args", type: "object" }
+      ]
+    }
+  ];
+}
+function backgroundColorModelProperties() {
+  return [
+    {
+      name: "colors",
+      label: "Colors",
+      type: "object",
+      isArray: true,
+      properties: colorModelProperties()
+    },
+    {
+      name: "type",
+      label: "Background Type",
+      type: "enum",
+      enumValues: ["single", "vertical_gradient", "horizontal_gradient", "linear_gradient"]
+    }
+  ];
+}
+function modifierBaseProperties() {
+  return [
+    {
+      name: "alignment",
+      label: "Alignment",
+      type: "enum",
+      enumValues: ["center", "center_horizontally", "center_vertically", "start", "top", "end", "bottom"]
+    },
+    { name: "weight", label: "Weight", type: "number" },
+    { name: "action", label: "Action", type: "object", properties: actionModelProperties() }
+  ];
+}
+function textModifierDescriptor() {
+  return {
+    name: "modifier",
+    label: "Modifier",
+    type: "object",
+    properties: [
+      ...modifierBaseProperties(),
+      { name: "width", label: "Width", type: "object", properties: sizeModelProperties() },
+      { name: "margin", label: "Margin", type: "object", properties: spacingModelProperties() }
+    ]
+  };
+}
+function imageModifierDescriptor() {
+  return {
+    name: "modifier",
+    label: "Modifier",
+    type: "object",
+    properties: [
+      ...modifierBaseProperties(),
+      { name: "width", label: "Width", type: "object", properties: sizeModelProperties() },
+      { name: "height", label: "Height", type: "object", properties: sizeModelProperties() },
+      { name: "padding", label: "Padding", type: "object", properties: spacingModelProperties() },
+      { name: "margin", label: "Margin", type: "object", properties: spacingModelProperties() },
+      { name: "aspectRatio", label: "Aspect Ratio", type: "number" }
+    ]
+  };
+}
+function containerModifierDescriptor() {
+  return {
+    name: "modifier",
+    label: "Modifier",
+    type: "object",
+    properties: [
+      ...modifierBaseProperties(),
+      { name: "backgroundColor", label: "Background Color", type: "object", properties: backgroundColorModelProperties() },
+      { name: "width", label: "Width", type: "object", properties: sizeModelProperties() },
+      { name: "height", label: "Height", type: "object", properties: sizeModelProperties() },
+      { name: "padding", label: "Padding", type: "object", properties: spacingModelProperties() },
+      { name: "margin", label: "Margin", type: "object", properties: spacingModelProperties() },
+      { name: "aspectRatio", label: "Aspect Ratio", type: "number" }
+    ]
+  };
+}
+function verticalArrangementDescriptor() {
+  return {
+    name: "verticalArrangement",
+    label: "Vertical Arrangement",
+    type: "object",
+    properties: [
+      {
+        name: "type",
+        label: "Type",
+        type: "enum",
+        enumValues: ["top", "center", "bottom", "space_evenly", "space_between", "space_around", "spaced_by"]
+      },
+      { name: "spacing", label: "Spacing", type: "number" }
+    ]
+  };
+}
+function horizontalArrangementDescriptor() {
+  return {
+    name: "horizontalArrangement",
+    label: "Horizontal Arrangement",
+    type: "object",
+    properties: [
+      {
+        name: "type",
+        label: "Type",
+        type: "enum",
+        enumValues: ["start", "center", "end", "space_between", "space_evenly", "space_around", "spaced_by"]
+      },
+      { name: "spacing", label: "Spacing", type: "number" }
+    ]
+  };
+}
+var COMPONENT_DEFINITIONS = [
+  {
+    type: "text",
+    label: "Text",
+    acceptsChildren: false,
+    properties: [
+      textModifierDescriptor(),
+      { name: "text", label: "Text", type: "string", required: true },
+      { name: "fontSize", label: "Font Size", type: "number" },
+      { name: "color", label: "Color", type: "object", properties: colorModelProperties() },
+      { name: "fontWeight", label: "Font Weight", type: "enum", enumValues: ["bold", "medium", "normal", "semi_bold"] },
+      { name: "textAlign", label: "Text Align", type: "enum", enumValues: ["left", "right", "center", "justify", "start", "end", "unspecified"] },
+      { name: "overflow", label: "Overflow", type: "enum", enumValues: ["none", "ellipsis"] },
+      { name: "maxLines", label: "Max Lines", type: "number" },
+      { name: "minLines", label: "Min Lines", type: "number" }
+    ]
+  },
+  {
+    type: "image",
+    label: "Image",
+    acceptsChildren: false,
+    properties: [
+      imageModifierDescriptor(),
+      { name: "image", label: "Image URL", type: "string", required: true },
+      { name: "scaleType", label: "Scale Type", type: "enum", enumValues: ["fit", "crop", "fill_height", "fill_width", "fill_bounds", "inside", "none"] },
+      { name: "contentDescription", label: "Content Description", type: "string" },
+      { name: "tintColor", label: "Tint Color", type: "object", properties: colorModelProperties() }
+    ]
+  },
+  {
+    type: "box",
+    label: "Box",
+    acceptsChildren: true,
+    properties: [
+      containerModifierDescriptor(),
+      {
+        name: "alignment",
+        label: "Alignment",
+        type: "enum",
+        enumValues: ["top_start", "top_center", "top_end", "center_start", "center", "center_end", "bottom_start", "bottom_center", "bottom_end"]
+      }
+    ]
+  },
+  {
+    type: "column",
+    label: "Column",
+    acceptsChildren: true,
+    properties: [
+      containerModifierDescriptor(),
+      verticalArrangementDescriptor(),
+      { name: "horizontalAlignment", label: "Horizontal Alignment", type: "enum", enumValues: ["start", "end", "center_horizontally"] },
+      { name: "canScroll", label: "Can Scroll", type: "boolean" }
+    ]
+  },
+  {
+    type: "row",
+    label: "Row",
+    acceptsChildren: true,
+    properties: [
+      containerModifierDescriptor(),
+      { name: "verticalAlignment", label: "Vertical Alignment", type: "enum", enumValues: ["top", "bottom", "center_vertically"] },
+      horizontalArrangementDescriptor(),
+      { name: "canScroll", label: "Can Scroll", type: "boolean" }
+    ]
+  },
+  {
+    type: "lazy_column",
+    label: "Lazy Column",
+    acceptsChildren: true,
+    properties: [
+      containerModifierDescriptor(),
+      verticalArrangementDescriptor()
+    ]
+  }
+];
+function getComponents() {
+  return JSON.parse(JSON.stringify(COMPONENT_DEFINITIONS));
+}
+
 // src/index.ts
 function render(json, container, options) {
   const screen = JSON.parse(json);
@@ -504,6 +723,7 @@ function render(json, container, options) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  getComponents,
   render
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/utils.ts","../src/modifiers.ts","../src/components/text.ts","../src/components/image.ts","../src/components/box.ts","../src/components/column.ts","../src/components/row.ts","../src/components/lazy-column.ts","../src/components/index.ts","../src/render.ts"],"sourcesContent":["import type { SduiScreen, Theme } from './types';\nimport { renderComponent } from './render';\n\nexport type { SduiScreen, SduiComponent, Theme } from './types';\nexport type { PropertiesModel, TextUiProperties, ImageUiProperties, BoxUiProperties, ColumnUiProperties, RowUiProperties, LazyColumnUiProperties } from './types';\n\nexport interface RenderOptions {\n  theme?: Theme;\n}\n\nexport function render(json: string, container: HTMLElement, options?: RenderOptions): void {\n  const screen: SduiScreen = JSON.parse(json);\n  const theme: Theme = options?.theme ?? 'light';\n\n  const root = renderComponent(screen.root, theme);\n\n  container.innerHTML = '';\n  container.appendChild(root);\n}\n","import type { ColorModel, SizeModel, SpacingModel, Theme } from './types';\n\nexport function resolveColor(color: ColorModel | undefined, theme: Theme): string | undefined {\n  if (!color) return undefined;\n  if (theme === 'dark') {\n    return color.dark ?? color.light;\n  }\n  return color.light ?? color.dark;\n}\n\nexport function resolveSize(size: SizeModel | undefined): string | undefined {\n  if (!size || !size.unit) return undefined;\n  switch (size.unit) {\n    case 'dp':\n      return `${size.value ?? 0}px`;\n    case 'match_parent':\n      return '100%';\n    case 'wrap_content':\n      return 'fit-content';\n    default:\n      return undefined;\n  }\n}\n\nexport function resolveSpacing(spacing: SpacingModel | undefined): {\n  top?: string;\n  bottom?: string;\n  left?: string;\n  right?: string;\n} {\n  if (!spacing) return {};\n  return {\n    top: spacing.top != null ? `${spacing.top}px` : undefined,\n    bottom: spacing.bottom != null ? `${spacing.bottom}px` : undefined,\n    left: spacing.start != null ? `${spacing.start}px` : undefined,\n    right: spacing.end != null ? `${spacing.end}px` : undefined,\n  };\n}\n","import type { BackgroundColorModel, ContainerUiModifier, ImageUiModifier, ModifierBase, TextUiModifier, Theme } from './types';\nimport { resolveColor, resolveSize, resolveSpacing } from './utils';\n\nexport function applyModifier(element: HTMLElement, modifier: ModifierBase | undefined, theme: Theme): void {\n  if (!modifier) return;\n\n  const s = element.style;\n\n  // alignment → align-self mapping\n  if (modifier.alignment) {\n    switch (modifier.alignment) {\n      case 'center':\n      case 'center_horizontally':\n      case 'center_vertically':\n        s.alignSelf = 'center';\n        break;\n      case 'start':\n      case 'top':\n      case 'top_start':\n        s.alignSelf = 'flex-start';\n        break;\n      case 'end':\n      case 'bottom':\n      case 'bottom_end':\n        s.alignSelf = 'flex-end';\n        break;\n    }\n  }\n\n  // weight → flex\n  if (modifier.weight != null) {\n    s.flex = `${modifier.weight}`;\n  }\n\n  // action → click handler\n  if (modifier.action) {\n    const action = modifier.action;\n    element.style.cursor = 'pointer';\n    element.addEventListener('click', (e) => {\n      e.stopPropagation();\n      if (action.type === 'navigate') {\n        const event = new CustomEvent('sdui:navigate', {\n          bubbles: true,\n          detail: { route: action.params?.route, args: action.params?.args },\n        });\n        element.dispatchEvent(event);\n        console.log('[sdui] navigate →', action.params?.route, action.params?.args);\n      }\n    });\n  }\n\n  // Container-like modifiers (width, height, padding, margin, backgroundColor, aspectRatio)\n  const containerMod = modifier as ContainerUiModifier | ImageUiModifier | TextUiModifier;\n\n  const hasAspectRatio = 'aspectRatio' in containerMod && containerMod.aspectRatio != null;\n  const hasWidth = 'width' in containerMod && containerMod.width;\n  const hasHeight = 'height' in containerMod && (containerMod as ContainerUiModifier).height;\n\n  if (hasWidth) {\n    const w = resolveSize(containerMod.width);\n    if (w) s.width = w;\n  }\n\n  // In Compose, aspectRatio overrides the unconstrained dimension.\n  // For CSS aspect-ratio to work, we must not set both width and height explicitly.\n  // If aspectRatio + width → skip height (height = width / ratio).\n  // If aspectRatio + height only → skip width (width = height * ratio).\n  if (hasHeight && !(hasAspectRatio && hasWidth)) {\n    const h = resolveSize((containerMod as ContainerUiModifier).height);\n    if (h) s.height = h;\n  }\n\n  if (hasAspectRatio) {\n    s.aspectRatio = `${(containerMod as ContainerUiModifier).aspectRatio}`;\n  }\n\n  if ('padding' in containerMod && containerMod.padding) {\n    const p = resolveSpacing((containerMod as ContainerUiModifier).padding);\n    if (p.top) s.paddingTop = p.top;\n    if (p.bottom) s.paddingBottom = p.bottom;\n    if (p.left) s.paddingLeft = p.left;\n    if (p.right) s.paddingRight = p.right;\n  }\n\n  if ('margin' in containerMod && containerMod.margin) {\n    const m = resolveSpacing(containerMod.margin);\n    if (m.top) s.marginTop = m.top;\n    if (m.bottom) s.marginBottom = m.bottom;\n    if (m.left) s.marginLeft = m.left;\n    if (m.right) s.marginRight = m.right;\n  }\n\n  if ('backgroundColor' in containerMod && containerMod.backgroundColor) {\n    applyBackground(s, (containerMod as ContainerUiModifier).backgroundColor!, theme);\n  }\n}\n\nfunction applyBackground(s: CSSStyleDeclaration, bg: BackgroundColorModel, theme: Theme): void {\n  if (!bg.colors || bg.colors.length === 0) return;\n\n  const colors = bg.colors.map((c) => resolveColor(c, theme)).filter(Boolean) as string[];\n  if (colors.length === 0) return;\n\n  switch (bg.type) {\n    case 'single':\n      s.backgroundColor = colors[0];\n      break;\n    case 'vertical_gradient':\n      s.background = `linear-gradient(to bottom, ${colors.join(', ')})`;\n      break;\n    case 'horizontal_gradient':\n      s.background = `linear-gradient(to right, ${colors.join(', ')})`;\n      break;\n    case 'linear_gradient':\n      s.background = `linear-gradient(${colors.join(', ')})`;\n      break;\n    default:\n      if (colors.length === 1) {\n        s.backgroundColor = colors[0];\n      }\n      break;\n  }\n}\n","import type { SduiComponent, TextUiProperties, Theme } from '../types';\nimport { resolveColor } from '../utils';\nimport { applyModifier } from '../modifiers';\n\nexport function renderText(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as TextUiProperties | undefined;\n  const el = document.createElement('span');\n\n  el.textContent = props?.text ?? '';\n\n  if (props?.fontSize != null) {\n    el.style.fontSize = `${props.fontSize}px`;\n  }\n\n  if (props?.color) {\n    const c = resolveColor(props.color, theme);\n    if (c) el.style.color = c;\n  }\n\n  if (props?.fontWeight) {\n    switch (props.fontWeight) {\n      case 'bold':\n        el.style.fontWeight = '700';\n        break;\n      case 'semi_bold':\n        el.style.fontWeight = '600';\n        break;\n      case 'medium':\n        el.style.fontWeight = '500';\n        break;\n      case 'normal':\n        el.style.fontWeight = '400';\n        break;\n    }\n  }\n\n  if (props?.textAlign) {\n    el.style.display = 'block';\n    switch (props.textAlign) {\n      case 'left':\n      case 'start':\n        el.style.textAlign = 'left';\n        break;\n      case 'right':\n      case 'end':\n        el.style.textAlign = 'right';\n        break;\n      case 'center':\n        el.style.textAlign = 'center';\n        break;\n      case 'justify':\n        el.style.textAlign = 'justify';\n        break;\n    }\n  }\n\n  if (props?.overflow === 'ellipsis') {\n    el.style.textOverflow = 'ellipsis';\n    el.style.overflow = 'hidden';\n    el.style.whiteSpace = props.maxLines === 1 ? 'nowrap' : 'normal';\n  }\n\n  if (props?.maxLines != null) {\n    el.style.display = '-webkit-box';\n    el.style.webkitLineClamp = `${props.maxLines}`;\n    (el.style as unknown as Record<string, string>)['-webkit-box-orient'] = 'vertical';\n    el.style.overflow = 'hidden';\n  }\n\n  if (props?.minLines != null) {\n    el.style.minHeight = `${props.minLines * (props.fontSize ?? 16) * 1.4}px`;\n  }\n\n  applyModifier(el, props?.modifier, theme);\n\n  return el;\n}\n","import type { SduiComponent, ImageUiProperties, Theme } from '../types';\nimport { resolveColor } from '../utils';\nimport { applyModifier } from '../modifiers';\n\nexport function renderImage(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as ImageUiProperties | undefined;\n  const el = document.createElement('img');\n\n  if (props?.image) {\n    el.src = props.image;\n  }\n\n  if (props?.contentDescription) {\n    el.alt = props.contentDescription;\n  }\n\n  if (props?.scaleType) {\n    switch (props.scaleType) {\n      case 'fit':\n      case 'inside':\n        el.style.objectFit = 'contain';\n        break;\n      case 'crop':\n        el.style.objectFit = 'cover';\n        break;\n      case 'fill_bounds':\n        el.style.objectFit = 'fill';\n        break;\n      case 'fill_width':\n        el.style.objectFit = 'cover';\n        el.style.width = '100%';\n        break;\n      case 'fill_height':\n        el.style.objectFit = 'cover';\n        el.style.height = '100%';\n        break;\n      case 'none':\n        el.style.objectFit = 'none';\n        break;\n    }\n  }\n\n  if (props?.tintColor) {\n    const c = resolveColor(props.tintColor, theme);\n    if (c) {\n      // Use CSS filter to approximate tint; for precise tinting a SVG filter would be needed\n      el.style.filter = `opacity(0.5) drop-shadow(0 0 0 ${c})`;\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme);\n\n  return el;\n}\n","import type { SduiComponent, BoxUiProperties, Theme } from '../types';\nimport { applyModifier } from '../modifiers';\n\nexport function renderBox(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as BoxUiProperties | undefined;\n  const el = document.createElement('div');\n\n  el.style.display = 'flex';\n  el.style.position = 'relative';\n\n  if (props?.alignment) {\n    // Map alignment to flex alignment\n    switch (props.alignment) {\n      case 'top_start':\n        el.style.justifyContent = 'flex-start';\n        el.style.alignItems = 'flex-start';\n        break;\n      case 'top_center':\n        el.style.justifyContent = 'center';\n        el.style.alignItems = 'flex-start';\n        break;\n      case 'top_end':\n        el.style.justifyContent = 'flex-end';\n        el.style.alignItems = 'flex-start';\n        break;\n      case 'center_start':\n        el.style.justifyContent = 'flex-start';\n        el.style.alignItems = 'center';\n        break;\n      case 'center':\n        el.style.justifyContent = 'center';\n        el.style.alignItems = 'center';\n        break;\n      case 'center_end':\n        el.style.justifyContent = 'flex-end';\n        el.style.alignItems = 'center';\n        break;\n      case 'bottom_start':\n        el.style.justifyContent = 'flex-start';\n        el.style.alignItems = 'flex-end';\n        break;\n      case 'bottom_center':\n        el.style.justifyContent = 'center';\n        el.style.alignItems = 'flex-end';\n        break;\n      case 'bottom_end':\n        el.style.justifyContent = 'flex-end';\n        el.style.alignItems = 'flex-end';\n        break;\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme);\n\n  return el;\n}\n","import type { SduiComponent, ColumnUiProperties, Theme } from '../types';\nimport { applyModifier } from '../modifiers';\n\nexport function renderColumn(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as ColumnUiProperties | undefined;\n  const el = document.createElement('div');\n\n  el.style.display = 'flex';\n  el.style.flexDirection = 'column';\n\n  // verticalArrangement → justify-content + gap\n  if (props?.verticalArrangement) {\n    const arr = props.verticalArrangement;\n    switch (arr.type) {\n      case 'top':\n        el.style.justifyContent = 'flex-start';\n        break;\n      case 'center':\n        el.style.justifyContent = 'center';\n        break;\n      case 'bottom':\n        el.style.justifyContent = 'flex-end';\n        break;\n      case 'space_between':\n        el.style.justifyContent = 'space-between';\n        break;\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly';\n        break;\n      case 'space_around':\n        el.style.justifyContent = 'space-around';\n        break;\n      case 'spaced_by':\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`;\n        }\n        break;\n    }\n  }\n\n  // horizontalAlignment → align-items\n  if (props?.horizontalAlignment) {\n    switch (props.horizontalAlignment) {\n      case 'start':\n        el.style.alignItems = 'flex-start';\n        break;\n      case 'end':\n        el.style.alignItems = 'flex-end';\n        break;\n      case 'center_horizontally':\n        el.style.alignItems = 'center';\n        break;\n    }\n  }\n\n  if (props?.canScroll) {\n    el.style.overflowY = 'auto';\n  }\n\n  applyModifier(el, props?.modifier, theme);\n\n  return el;\n}\n","import type { SduiComponent, RowUiProperties, Theme } from '../types';\nimport { applyModifier } from '../modifiers';\n\nexport function renderRow(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as RowUiProperties | undefined;\n  const el = document.createElement('div');\n\n  el.style.display = 'flex';\n  el.style.flexDirection = 'row';\n\n  // horizontalArrangement → justify-content + gap\n  if (props?.horizontalArrangement) {\n    const arr = props.horizontalArrangement;\n    switch (arr.type) {\n      case 'start':\n        el.style.justifyContent = 'flex-start';\n        break;\n      case 'center':\n        el.style.justifyContent = 'center';\n        break;\n      case 'end':\n        el.style.justifyContent = 'flex-end';\n        break;\n      case 'space_between':\n        el.style.justifyContent = 'space-between';\n        break;\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly';\n        break;\n      case 'space_around':\n        el.style.justifyContent = 'space-around';\n        break;\n      case 'spaced_by':\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`;\n        }\n        break;\n    }\n  }\n\n  // verticalAlignment → align-items\n  if (props?.verticalAlignment) {\n    switch (props.verticalAlignment) {\n      case 'top':\n        el.style.alignItems = 'flex-start';\n        break;\n      case 'bottom':\n        el.style.alignItems = 'flex-end';\n        break;\n      case 'center_vertically':\n        el.style.alignItems = 'center';\n        break;\n    }\n  }\n\n  if (props?.canScroll) {\n    el.style.overflowX = 'auto';\n  }\n\n  applyModifier(el, props?.modifier, theme);\n\n  return el;\n}\n","import type { SduiComponent, LazyColumnUiProperties, Theme } from '../types';\nimport { applyModifier } from '../modifiers';\n\nexport function renderLazyColumn(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as LazyColumnUiProperties | undefined;\n  const el = document.createElement('div');\n\n  el.style.display = 'flex';\n  el.style.flexDirection = 'column';\n  el.style.overflowY = 'auto';\n\n  if (props?.verticalArrangement) {\n    const arr = props.verticalArrangement;\n    switch (arr.type) {\n      case 'top':\n        el.style.justifyContent = 'flex-start';\n        break;\n      case 'center':\n        el.style.justifyContent = 'center';\n        break;\n      case 'bottom':\n        el.style.justifyContent = 'flex-end';\n        break;\n      case 'space_between':\n        el.style.justifyContent = 'space-between';\n        break;\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly';\n        break;\n      case 'space_around':\n        el.style.justifyContent = 'space-around';\n        break;\n      case 'spaced_by':\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`;\n        }\n        break;\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme);\n\n  return el;\n}\n","import type { SduiComponent, Theme } from '../types';\nimport { renderText } from './text';\nimport { renderImage } from './image';\nimport { renderBox } from './box';\nimport { renderColumn } from './column';\nimport { renderRow } from './row';\nimport { renderLazyColumn } from './lazy-column';\n\nexport type ComponentRenderer = (component: SduiComponent, theme: Theme) => HTMLElement;\n\nconst renderers: Record<string, ComponentRenderer> = {\n  text: renderText,\n  image: renderImage,\n  box: renderBox,\n  column: renderColumn,\n  row: renderRow,\n  lazy_column: renderLazyColumn,\n};\n\nexport function getRenderer(type: string): ComponentRenderer | undefined {\n  return renderers[type];\n}\n","import type { SduiComponent, Theme } from './types';\nimport { getRenderer } from './components';\n\nexport function renderComponent(component: SduiComponent, theme: Theme): HTMLElement {\n  const renderer = getRenderer(component.type);\n\n  if (!renderer) {\n    console.warn(`[sdui] Unknown component type: \"${component.type}\"`);\n    const el = document.createElement('div');\n    el.dataset.sduiUnknown = component.type;\n    return el;\n  }\n\n  const el = renderer(component, theme);\n  el.dataset.sduiType = component.type;\n\n  // Recursively render children\n  if (component.children && component.children.length > 0) {\n    for (const child of component.children) {\n      const childEl = renderComponent(child, theme);\n      el.appendChild(childEl);\n    }\n  }\n\n  return el;\n}\n"],"mappings":"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","names":["el"]}
+{"version":3,"sources":["../src/index.ts","../src/utils.ts","../src/modifiers.ts","../src/components/text.ts","../src/components/image.ts","../src/components/box.ts","../src/components/column.ts","../src/components/row.ts","../src/components/lazy-column.ts","../src/components/index.ts","../src/render.ts","../src/component-meta.ts"],"sourcesContent":["import type { SduiScreen, Theme } from './types'\nimport { renderComponent } from './render'\n\nexport interface RenderOptions {\n  theme?: Theme\n}\n\nexport function render(json: string, container: HTMLElement, options?: RenderOptions): void {\n  const screen: SduiScreen = JSON.parse(json)\n  const theme: Theme = options?.theme ?? 'light'\n\n  const root = renderComponent(screen.root, theme)\n\n  container.innerHTML = ''\n  container.appendChild(root)\n}\n\nexport { getComponents } from './component-meta'\n\nexport type {\n  // Root models\n  SduiScreen,\n  SduiComponent,\n  Theme,\n  // Properties\n  PropertiesModel,\n  TextUiProperties,\n  ImageUiProperties,\n  BoxUiProperties,\n  ColumnUiProperties,\n  RowUiProperties,\n  LazyColumnUiProperties,\n  DefaultUiProperties,\n  // Modifiers\n  ModifierBase,\n  TextUiModifier,\n  ContainerUiModifier,\n  ImageUiModifier,\n  // Base models\n  ColorModel,\n  SizeModel,\n  SpacingModel,\n  ActionModel,\n  ActionParams,\n  BackgroundColorModel,\n  HorizontalArrangementModel,\n  VerticalArrangementModel,\n  // Enums\n  ComponentType,\n  AlignmentType,\n  FontWeightType,\n  SizeUnitType,\n  ActionType,\n  BackgroundColorType,\n  ContentScaleType,\n  TextAlignType,\n  TextOverflowType,\n  HorizontalAlignmentType,\n  VerticalAlignmentType,\n  HorizontalArrangementType,\n  VerticalArrangementType,\n  // Metadata\n  ComponentMeta,\n  PropertyDescriptor,\n  PropertyType,\n} from './types'\n","import type { ColorModel, SizeModel, SpacingModel, Theme } from './types'\n\nexport function resolveColor(color: ColorModel | undefined, theme: Theme): string | undefined {\n  if (!color) return undefined\n  if (theme === 'dark') {\n    return color.dark ?? color.light\n  }\n  return color.light ?? color.dark\n}\n\nexport function resolveSize(size: SizeModel | undefined): string | undefined {\n  if (!size || !size.unit) return undefined\n  switch (size.unit) {\n    case 'dp':\n      return `${size.value ?? 0}px`\n    case 'match_parent':\n      return '100%'\n    case 'wrap_content':\n      return 'fit-content'\n    default:\n      return undefined\n  }\n}\n\nexport function resolveSpacing(spacing: SpacingModel | undefined): {\n  top?: string\n  bottom?: string\n  left?: string\n  right?: string\n} {\n  if (!spacing) return {}\n  return {\n    top: spacing.top != null ? `${spacing.top}px` : undefined,\n    bottom: spacing.bottom != null ? `${spacing.bottom}px` : undefined,\n    left: spacing.start != null ? `${spacing.start}px` : undefined,\n    right: spacing.end != null ? `${spacing.end}px` : undefined,\n  }\n}\n","import type { BackgroundColorModel, ContainerUiModifier, ImageUiModifier, ModifierBase, TextUiModifier, Theme } from './types'\nimport { resolveColor, resolveSize, resolveSpacing } from './utils'\n\nexport function applyModifier(element: HTMLElement, modifier: ModifierBase | undefined, theme: Theme): void {\n  if (!modifier) return\n\n  const s = element.style\n\n  // alignment → align-self\n  if (modifier.alignment) {\n    switch (modifier.alignment) {\n      case 'center':\n      case 'center_horizontally':\n      case 'center_vertically':\n        s.alignSelf = 'center'\n        break\n      case 'start':\n      case 'top':\n        s.alignSelf = 'flex-start'\n        break\n      case 'end':\n      case 'bottom':\n        s.alignSelf = 'flex-end'\n        break\n    }\n  }\n\n  // weight → flex\n  if (modifier.weight != null) {\n    s.flex = `${modifier.weight}`\n    s.minWidth = '0'\n    s.minHeight = '0'\n  }\n\n  // action → click handler\n  if (modifier.action) {\n    const action = modifier.action\n    s.cursor = 'pointer'\n    element.addEventListener('click', (e) => {\n      e.stopPropagation()\n      if (action.type === 'navigate') {\n        element.dispatchEvent(new CustomEvent('sdui:navigate', {\n          bubbles: true,\n          detail: { route: action.params?.route, args: action.params?.args },\n        }))\n      }\n    })\n  }\n\n  // Extended modifier fields (width, height, padding, margin, backgroundColor, aspectRatio)\n  const mod = modifier as ContainerUiModifier | ImageUiModifier | TextUiModifier\n\n  const hasAspectRatio = 'aspectRatio' in mod && mod.aspectRatio != null\n  const hasWidth = 'width' in mod && mod.width\n  const hasHeight = 'height' in mod && (mod as ContainerUiModifier).height\n\n  if (hasWidth) {\n    const w = resolveSize(mod.width)\n    if (w) s.width = w\n  }\n\n  if (hasHeight && !(hasAspectRatio && hasWidth)) {\n    const h = resolveSize((mod as ContainerUiModifier).height)\n    if (h) s.height = h\n  }\n\n  if (hasAspectRatio) {\n    s.aspectRatio = `${(mod as ContainerUiModifier).aspectRatio}`\n  }\n\n  if ('padding' in mod && mod.padding) {\n    const p = resolveSpacing((mod as ContainerUiModifier).padding)\n    if (p.top) s.paddingTop = p.top\n    if (p.bottom) s.paddingBottom = p.bottom\n    if (p.left) s.paddingLeft = p.left\n    if (p.right) s.paddingRight = p.right\n  }\n\n  if ('margin' in mod && mod.margin) {\n    const m = resolveSpacing(mod.margin)\n    if (m.top) s.marginTop = m.top\n    if (m.bottom) s.marginBottom = m.bottom\n    if (m.left) s.marginLeft = m.left\n    if (m.right) s.marginRight = m.right\n  }\n\n  if ('backgroundColor' in mod && mod.backgroundColor) {\n    applyBackground(s, (mod as ContainerUiModifier).backgroundColor!, theme)\n  }\n}\n\nfunction applyBackground(s: CSSStyleDeclaration, bg: BackgroundColorModel, theme: Theme): void {\n  if (!bg.colors || bg.colors.length === 0) return\n\n  const colors = bg.colors.map((c) => resolveColor(c, theme)).filter(Boolean) as string[]\n  if (colors.length === 0) return\n\n  switch (bg.type) {\n    case 'single':\n      s.backgroundColor = colors[0]\n      break\n    case 'vertical_gradient':\n      s.background = `linear-gradient(to bottom, ${colors.join(', ')})`\n      break\n    case 'horizontal_gradient':\n      s.background = `linear-gradient(to right, ${colors.join(', ')})`\n      break\n    case 'linear_gradient':\n      s.background = `linear-gradient(${colors.join(', ')})`\n      break\n    default:\n      if (colors.length === 1) {\n        s.backgroundColor = colors[0]\n      }\n      break\n  }\n}\n","import type { SduiComponent, TextUiProperties, Theme } from '../types'\nimport { resolveColor } from '../utils'\nimport { applyModifier } from '../modifiers'\n\nexport function renderText(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as TextUiProperties | undefined\n  const el = document.createElement('span')\n\n  el.textContent = props?.text ?? ''\n\n  if (props?.fontSize != null) {\n    el.style.fontSize = `${props.fontSize}px`\n  }\n\n  if (props?.color) {\n    const c = resolveColor(props.color, theme)\n    if (c) el.style.color = c\n  }\n\n  if (props?.fontWeight) {\n    switch (props.fontWeight) {\n      case 'bold':\n        el.style.fontWeight = '700'\n        break\n      case 'semi_bold':\n        el.style.fontWeight = '600'\n        break\n      case 'medium':\n        el.style.fontWeight = '500'\n        break\n      case 'normal':\n        el.style.fontWeight = '400'\n        break\n    }\n  }\n\n  if (props?.textAlign) {\n    el.style.display = 'block'\n    switch (props.textAlign) {\n      case 'left':\n      case 'start':\n        el.style.textAlign = 'left'\n        break\n      case 'right':\n      case 'end':\n        el.style.textAlign = 'right'\n        break\n      case 'center':\n        el.style.textAlign = 'center'\n        break\n      case 'justify':\n        el.style.textAlign = 'justify'\n        break\n    }\n  }\n\n  if (props?.overflow === 'ellipsis') {\n    el.style.textOverflow = 'ellipsis'\n    el.style.overflow = 'hidden'\n    el.style.whiteSpace = 'nowrap'\n  }\n\n  if (props?.maxLines != null) {\n    el.style.display = '-webkit-box'\n    el.style.webkitLineClamp = `${props.maxLines}`\n    ;(el.style as unknown as Record<string, string>)['-webkit-box-orient'] = 'vertical'\n    el.style.overflow = 'hidden'\n  }\n\n  if (props?.minLines != null) {\n    el.style.minHeight = `${props.minLines * (props.fontSize ?? 16) * 1.4}px`\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, ImageUiProperties, Theme } from '../types'\nimport { resolveColor } from '../utils'\nimport { applyModifier } from '../modifiers'\n\nexport function renderImage(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as ImageUiProperties | undefined\n  const el = document.createElement('img') as HTMLImageElement\n\n  if (props?.image) {\n    el.src = props.image\n  }\n\n  if (props?.contentDescription) {\n    el.alt = props.contentDescription\n  }\n\n  if (props?.scaleType) {\n    switch (props.scaleType) {\n      case 'fit':\n      case 'inside':\n        el.style.objectFit = 'contain'\n        break\n      case 'crop':\n        el.style.objectFit = 'cover'\n        break\n      case 'fill_bounds':\n        el.style.objectFit = 'fill'\n        break\n      case 'fill_width':\n        el.style.objectFit = 'cover'\n        el.style.width = '100%'\n        break\n      case 'fill_height':\n        el.style.objectFit = 'cover'\n        el.style.height = '100%'\n        break\n      case 'none':\n        el.style.objectFit = 'none'\n        break\n    }\n  }\n\n  if (props?.tintColor) {\n    const c = resolveColor(props.tintColor, theme)\n    if (c) {\n      el.style.filter = `opacity(0.5) drop-shadow(0 0 0 ${c})`\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, BoxUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderBox(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as BoxUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.position = 'relative'\n\n  if (props?.alignment) {\n    switch (props.alignment) {\n      case 'top_start':\n        el.style.justifyContent = 'flex-start'\n        el.style.alignItems = 'flex-start'\n        break\n      case 'top_center':\n        el.style.justifyContent = 'center'\n        el.style.alignItems = 'flex-start'\n        break\n      case 'top_end':\n        el.style.justifyContent = 'flex-end'\n        el.style.alignItems = 'flex-start'\n        break\n      case 'center_start':\n        el.style.justifyContent = 'flex-start'\n        el.style.alignItems = 'center'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        el.style.alignItems = 'center'\n        break\n      case 'center_end':\n        el.style.justifyContent = 'flex-end'\n        el.style.alignItems = 'center'\n        break\n      case 'bottom_start':\n        el.style.justifyContent = 'flex-start'\n        el.style.alignItems = 'flex-end'\n        break\n      case 'bottom_center':\n        el.style.justifyContent = 'center'\n        el.style.alignItems = 'flex-end'\n        break\n      case 'bottom_end':\n        el.style.justifyContent = 'flex-end'\n        el.style.alignItems = 'flex-end'\n        break\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, ColumnUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderColumn(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as ColumnUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.flexDirection = 'column'\n\n  if (props?.verticalArrangement) {\n    const arr = props.verticalArrangement\n    switch (arr.type) {\n      case 'top':\n        el.style.justifyContent = 'flex-start'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        break\n      case 'bottom':\n        el.style.justifyContent = 'flex-end'\n        break\n      case 'space_between':\n        el.style.justifyContent = 'space-between'\n        break\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly'\n        break\n      case 'space_around':\n        el.style.justifyContent = 'space-around'\n        break\n      case 'spaced_by':\n        el.style.justifyContent = 'flex-start'\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`\n        }\n        break\n    }\n  }\n\n  if (props?.horizontalAlignment) {\n    switch (props.horizontalAlignment) {\n      case 'start':\n        el.style.alignItems = 'flex-start'\n        break\n      case 'end':\n        el.style.alignItems = 'flex-end'\n        break\n      case 'center_horizontally':\n        el.style.alignItems = 'center'\n        break\n    }\n  }\n\n  if (props?.canScroll) {\n    el.style.overflowY = 'auto'\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, RowUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderRow(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as RowUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.flexDirection = 'row'\n\n  if (props?.horizontalArrangement) {\n    const arr = props.horizontalArrangement\n    switch (arr.type) {\n      case 'start':\n        el.style.justifyContent = 'flex-start'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        break\n      case 'end':\n        el.style.justifyContent = 'flex-end'\n        break\n      case 'space_between':\n        el.style.justifyContent = 'space-between'\n        break\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly'\n        break\n      case 'space_around':\n        el.style.justifyContent = 'space-around'\n        break\n      case 'spaced_by':\n        el.style.justifyContent = 'flex-start'\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`\n        }\n        break\n    }\n  }\n\n  if (props?.verticalAlignment) {\n    switch (props.verticalAlignment) {\n      case 'top':\n        el.style.alignItems = 'flex-start'\n        break\n      case 'bottom':\n        el.style.alignItems = 'flex-end'\n        break\n      case 'center_vertically':\n        el.style.alignItems = 'center'\n        break\n    }\n  }\n\n  if (props?.canScroll) {\n    el.style.overflowX = 'auto'\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, LazyColumnUiProperties, Theme } from '../types'\nimport { applyModifier } from '../modifiers'\n\nexport function renderLazyColumn(component: SduiComponent, theme: Theme): HTMLElement {\n  const props = component.properties as LazyColumnUiProperties | undefined\n  const el = document.createElement('div')\n\n  el.style.display = 'flex'\n  el.style.flexDirection = 'column'\n  el.style.overflowY = 'auto'\n\n  if (props?.verticalArrangement) {\n    const arr = props.verticalArrangement\n    switch (arr.type) {\n      case 'top':\n        el.style.justifyContent = 'flex-start'\n        break\n      case 'center':\n        el.style.justifyContent = 'center'\n        break\n      case 'bottom':\n        el.style.justifyContent = 'flex-end'\n        break\n      case 'space_between':\n        el.style.justifyContent = 'space-between'\n        break\n      case 'space_evenly':\n        el.style.justifyContent = 'space-evenly'\n        break\n      case 'space_around':\n        el.style.justifyContent = 'space-around'\n        break\n      case 'spaced_by':\n        el.style.justifyContent = 'flex-start'\n        if (arr.spacing != null) {\n          el.style.gap = `${arr.spacing}px`\n        }\n        break\n    }\n  }\n\n  applyModifier(el, props?.modifier, theme)\n\n  return el\n}\n","import type { SduiComponent, Theme } from '../types'\nimport { renderText } from './text'\nimport { renderImage } from './image'\nimport { renderBox } from './box'\nimport { renderColumn } from './column'\nimport { renderRow } from './row'\nimport { renderLazyColumn } from './lazy-column'\n\nexport type ComponentRenderer = (component: SduiComponent, theme: Theme) => HTMLElement\n\nconst renderers: Record<string, ComponentRenderer> = {\n  text: renderText,\n  image: renderImage,\n  box: renderBox,\n  column: renderColumn,\n  row: renderRow,\n  lazy_column: renderLazyColumn,\n}\n\nexport function getRenderer(type: string): ComponentRenderer | undefined {\n  return renderers[type]\n}\n","import type { SduiComponent, Theme } from './types'\nimport { getRenderer } from './components'\n\nexport function renderComponent(component: SduiComponent, theme: Theme): HTMLElement {\n  const renderer = getRenderer(component.type)\n\n  if (!renderer) {\n    console.warn(`[sdui] Unknown component type: \"${component.type}\"`)\n    const el = document.createElement('div')\n    el.dataset.sduiUnknown = component.type\n    return el\n  }\n\n  const el = renderer(component, theme)\n  el.dataset.sduiType = component.type\n\n  if (component.children && component.children.length > 0) {\n    for (const child of component.children) {\n      el.appendChild(renderComponent(child, theme))\n    }\n  }\n\n  return el\n}\n","import type { ComponentMeta, PropertyDescriptor } from './types'\n\n// === Reusable sub-object property builders ===\n\nfunction sizeModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'value', label: 'Value', type: 'number' },\n    { name: 'unit', label: 'Unit', type: 'enum', enumValues: ['dp', 'match_parent', 'wrap_content'] },\n  ]\n}\n\nfunction spacingModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'top', label: 'Top', type: 'number' },\n    { name: 'bottom', label: 'Bottom', type: 'number' },\n    { name: 'start', label: 'Start', type: 'number' },\n    { name: 'end', label: 'End', type: 'number' },\n  ]\n}\n\nfunction colorModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'light', label: 'Light', type: 'color' },\n    { name: 'dark', label: 'Dark', type: 'color' },\n  ]\n}\n\nfunction actionModelProperties(): PropertyDescriptor[] {\n  return [\n    { name: 'type', label: 'Action Type', type: 'enum', enumValues: ['navigate'] },\n    {\n      name: 'params',\n      label: 'Params',\n      type: 'object',\n      properties: [\n        { name: 'route', label: 'Route', type: 'string' },\n        { name: 'args', label: 'Args', type: 'object' },\n      ],\n    },\n  ]\n}\n\nfunction backgroundColorModelProperties(): PropertyDescriptor[] {\n  return [\n    {\n      name: 'colors',\n      label: 'Colors',\n      type: 'object',\n      isArray: true,\n      properties: colorModelProperties(),\n    },\n    {\n      name: 'type',\n      label: 'Background Type',\n      type: 'enum',\n      enumValues: ['single', 'vertical_gradient', 'horizontal_gradient', 'linear_gradient'],\n    },\n  ]\n}\n\n// === Modifier builders ===\n\nfunction modifierBaseProperties(): PropertyDescriptor[] {\n  return [\n    {\n      name: 'alignment',\n      label: 'Alignment',\n      type: 'enum',\n      enumValues: ['center', 'center_horizontally', 'center_vertically', 'start', 'top', 'end', 'bottom'],\n    },\n    { name: 'weight', label: 'Weight', type: 'number' },\n    { name: 'action', label: 'Action', type: 'object', properties: actionModelProperties() },\n  ]\n}\n\nfunction textModifierDescriptor(): PropertyDescriptor {\n  return {\n    name: 'modifier',\n    label: 'Modifier',\n    type: 'object',\n    properties: [\n      ...modifierBaseProperties(),\n      { name: 'width', label: 'Width', type: 'object', properties: sizeModelProperties() },\n      { name: 'margin', label: 'Margin', type: 'object', properties: spacingModelProperties() },\n    ],\n  }\n}\n\nfunction imageModifierDescriptor(): PropertyDescriptor {\n  return {\n    name: 'modifier',\n    label: 'Modifier',\n    type: 'object',\n    properties: [\n      ...modifierBaseProperties(),\n      { name: 'width', label: 'Width', type: 'object', properties: sizeModelProperties() },\n      { name: 'height', label: 'Height', type: 'object', properties: sizeModelProperties() },\n      { name: 'padding', label: 'Padding', type: 'object', properties: spacingModelProperties() },\n      { name: 'margin', label: 'Margin', type: 'object', properties: spacingModelProperties() },\n      { name: 'aspectRatio', label: 'Aspect Ratio', type: 'number' },\n    ],\n  }\n}\n\nfunction containerModifierDescriptor(): PropertyDescriptor {\n  return {\n    name: 'modifier',\n    label: 'Modifier',\n    type: 'object',\n    properties: [\n      ...modifierBaseProperties(),\n      { name: 'backgroundColor', label: 'Background Color', type: 'object', properties: backgroundColorModelProperties() },\n      { name: 'width', label: 'Width', type: 'object', properties: sizeModelProperties() },\n      { name: 'height', label: 'Height', type: 'object', properties: sizeModelProperties() },\n      { name: 'padding', label: 'Padding', type: 'object', properties: spacingModelProperties() },\n      { name: 'margin', label: 'Margin', type: 'object', properties: spacingModelProperties() },\n      { name: 'aspectRatio', label: 'Aspect Ratio', type: 'number' },\n    ],\n  }\n}\n\n// === Arrangement descriptors ===\n\nfunction verticalArrangementDescriptor(): PropertyDescriptor {\n  return {\n    name: 'verticalArrangement',\n    label: 'Vertical Arrangement',\n    type: 'object',\n    properties: [\n      {\n        name: 'type',\n        label: 'Type',\n        type: 'enum',\n        enumValues: ['top', 'center', 'bottom', 'space_evenly', 'space_between', 'space_around', 'spaced_by'],\n      },\n      { name: 'spacing', label: 'Spacing', type: 'number' },\n    ],\n  }\n}\n\nfunction horizontalArrangementDescriptor(): PropertyDescriptor {\n  return {\n    name: 'horizontalArrangement',\n    label: 'Horizontal Arrangement',\n    type: 'object',\n    properties: [\n      {\n        name: 'type',\n        label: 'Type',\n        type: 'enum',\n        enumValues: ['start', 'center', 'end', 'space_between', 'space_evenly', 'space_around', 'spaced_by'],\n      },\n      { name: 'spacing', label: 'Spacing', type: 'number' },\n    ],\n  }\n}\n\n// === Component definitions ===\n\nconst COMPONENT_DEFINITIONS: ComponentMeta[] = [\n  {\n    type: 'text',\n    label: 'Text',\n    acceptsChildren: false,\n    properties: [\n      textModifierDescriptor(),\n      { name: 'text', label: 'Text', type: 'string', required: true },\n      { name: 'fontSize', label: 'Font Size', type: 'number' },\n      { name: 'color', label: 'Color', type: 'object', properties: colorModelProperties() },\n      { name: 'fontWeight', label: 'Font Weight', type: 'enum', enumValues: ['bold', 'medium', 'normal', 'semi_bold'] },\n      { name: 'textAlign', label: 'Text Align', type: 'enum', enumValues: ['left', 'right', 'center', 'justify', 'start', 'end', 'unspecified'] },\n      { name: 'overflow', label: 'Overflow', type: 'enum', enumValues: ['none', 'ellipsis'] },\n      { name: 'maxLines', label: 'Max Lines', type: 'number' },\n      { name: 'minLines', label: 'Min Lines', type: 'number' },\n    ],\n  },\n  {\n    type: 'image',\n    label: 'Image',\n    acceptsChildren: false,\n    properties: [\n      imageModifierDescriptor(),\n      { name: 'image', label: 'Image URL', type: 'string', required: true },\n      { name: 'scaleType', label: 'Scale Type', type: 'enum', enumValues: ['fit', 'crop', 'fill_height', 'fill_width', 'fill_bounds', 'inside', 'none'] },\n      { name: 'contentDescription', label: 'Content Description', type: 'string' },\n      { name: 'tintColor', label: 'Tint Color', type: 'object', properties: colorModelProperties() },\n    ],\n  },\n  {\n    type: 'box',\n    label: 'Box',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      {\n        name: 'alignment',\n        label: 'Alignment',\n        type: 'enum',\n        enumValues: ['top_start', 'top_center', 'top_end', 'center_start', 'center', 'center_end', 'bottom_start', 'bottom_center', 'bottom_end'],\n      },\n    ],\n  },\n  {\n    type: 'column',\n    label: 'Column',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      verticalArrangementDescriptor(),\n      { name: 'horizontalAlignment', label: 'Horizontal Alignment', type: 'enum', enumValues: ['start', 'end', 'center_horizontally'] },\n      { name: 'canScroll', label: 'Can Scroll', type: 'boolean' },\n    ],\n  },\n  {\n    type: 'row',\n    label: 'Row',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      { name: 'verticalAlignment', label: 'Vertical Alignment', type: 'enum', enumValues: ['top', 'bottom', 'center_vertically'] },\n      horizontalArrangementDescriptor(),\n      { name: 'canScroll', label: 'Can Scroll', type: 'boolean' },\n    ],\n  },\n  {\n    type: 'lazy_column',\n    label: 'Lazy Column',\n    acceptsChildren: true,\n    properties: [\n      containerModifierDescriptor(),\n      verticalArrangementDescriptor(),\n    ],\n  },\n]\n\n// === Public API ===\n\nexport function getComponents(): ComponentMeta[] {\n  return JSON.parse(JSON.stringify(COMPONENT_DEFINITIONS))\n}\n"],"mappings":"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","names":["el"]}