@a2ui/angular 0.9.0 → 0.9.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a2ui/angular",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "license": "Apache-2.0",
   "homepage": "https://a2ui.org/",
   "repository": {
@@ -20,7 +20,7 @@
     "renderer"
   ],
   "dependencies": {
-    "@a2ui/web_core": "^0.9.1",
+    "@a2ui/web_core": "^0.9.2",
     "@preact/signals-core": "^1.13.0",
     "tslib": "^2.3.0",
     "zod": "^3.25.76"
@@ -29,7 +29,7 @@
     "@angular/common": "^21.2.0",
     "@angular/core": "^21.2.0",
     "@angular/platform-browser": "^21.2.0",
-    "@a2ui/markdown-it": "^0.0.2"
+    "@a2ui/markdown-it": "^0.0.3"
   },
   "peerDependenciesMeta": {
     "@a2ui/markdown-it": {

package/types/a2ui-angular-src-v0_9.d.ts

@@ -182,8 +182,6 @@ declare class ComponentHostComponent implements OnInit {
     protected componentType: Type<any> | null;
     protected props: Record<string, BoundProperty>;
     private context?;
-    protected weight: _angular_core.WritableSignal<string | number | null>;
-    get flexStyle(): string;
     protected resolvedComponentId: string;
     protected resolvedDataContextPath: string;
     ngOnInit(): void;
@@ -344,28 +342,30 @@ declare class BasicCatalog extends BasicCatalogBase {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<BasicCatalog>;
 }
 
-/**
- * Copyright 2026 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
 /**
  * Base class for A2UI basic catalog components in Angular.
  *
  * Automatically injects the basic catalog styles when the component is instantiated.
  */
 declare abstract class BasicCatalogComponent {
+    /**
+     * Reactive properties resolved from the A2UI ComponentModel.
+     */
+    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
+    surfaceId: _angular_core.InputSignal<string>;
+    componentId: _angular_core.InputSignal<string>;
+    dataContextPath: _angular_core.InputSignal<string>;
     constructor();
+    /**
+     * Computes the weight of the component from the properties.
+     */
+    protected readonly weight: _angular_core.Signal<any>;
+    /**
+     * Binds the flex style to the host element based on the weight.
+     */
+    get flexStyle(): string | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BasicCatalogComponent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BasicCatalogComponent, never, never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": true; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -385,25 +385,14 @@ declare abstract class BasicCatalogComponent {
  * - Font sizes: `--a2ui-font-size-2xl`, `--a2ui-font-size-xl`, `--a2ui-font-size-l`, `--a2ui-font-size-m`, `--a2ui-font-size-s`, `--a2ui-font-size-xs`.
  */
 declare class TextComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `text`: The string content to display.
-     * - `variant`: A hint for the base text style ('h1', 'h2', 'h3', 'h4', 'h5', 'caption', 'body').
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string>;
-    componentId: _angular_core.InputSignal<string | undefined>;
-    dataContextPath: _angular_core.InputSignal<string>;
     private markdownRenderer;
-    variant: _angular_core.Signal<any>;
-    text: _angular_core.Signal<any>;
+    readonly variant: _angular_core.Signal<any>;
+    readonly text: _angular_core.Signal<any>;
     resolvedText: _angular_core.WritableSignal<string>;
     private renderRequestId;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextComponent, "a2ui-v09-text", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextComponent, "a2ui-v09-text", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -416,30 +405,18 @@ declare class TextComponent extends BasicCatalogComponent {
  * - `--a2ui-row-gap`: Controls the gap between items in the row. Defaults to `--a2ui-spacing-m` (16px).
  */
 declare class RowComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `children`: A list of component IDs OR a repeating collection definition.
-     * - `justify`: Flexbox justify-content value (e.g., 'flex-start', 'center').
-     * - `align`: Flexbox align-items value (e.g., 'flex-start', 'center').
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string>;
-    componentId: _angular_core.InputSignal<string | undefined>;
-    dataContextPath: _angular_core.InputSignal<string>;
-    protected justify: _angular_core.Signal<any>;
-    protected align: _angular_core.Signal<any>;
-    protected children: _angular_core.Signal<any[]>;
-    protected isRepeating: _angular_core.Signal<boolean>;
-    protected templateId: _angular_core.Signal<any>;
-    protected normalizedChildren: _angular_core.Signal<{
+    protected readonly justify: _angular_core.Signal<any>;
+    protected readonly align: _angular_core.Signal<any>;
+    protected readonly children: _angular_core.Signal<any[]>;
+    protected readonly isRepeating: _angular_core.Signal<boolean>;
+    protected readonly templateId: _angular_core.Signal<any>;
+    protected readonly normalizedChildren: _angular_core.Signal<{
         id: string;
         basePath: string;
     }[]>;
     protected getNormalizedPath(index: number): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RowComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RowComponent, "a2ui-v09-row", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RowComponent, "a2ui-v09-row", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -452,30 +429,18 @@ declare class RowComponent extends BasicCatalogComponent {
  * - `--a2ui-column-gap`: Controls the gap between items in the column. Defaults to `--a2ui-spacing-m` (16px).
  */
 declare class ColumnComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `children`: A list of component IDs OR a repeating collection definition.
-     * - `justify`: Flexbox justify-content value (e.g., 'flex-start', 'center').
-     * - `align`: Flexbox align-items value (e.g., 'flex-start', 'center').
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string>;
-    componentId: _angular_core.InputSignal<string | undefined>;
-    dataContextPath: _angular_core.InputSignal<string>;
-    protected justify: _angular_core.Signal<any>;
-    protected align: _angular_core.Signal<any>;
-    protected children: _angular_core.Signal<any[]>;
-    protected isRepeating: _angular_core.Signal<boolean>;
-    protected templateId: _angular_core.Signal<any>;
-    protected normalizedChildren: _angular_core.Signal<{
+    protected readonly justify: _angular_core.Signal<any>;
+    protected readonly align: _angular_core.Signal<any>;
+    protected readonly children: _angular_core.Signal<any[]>;
+    protected readonly isRepeating: _angular_core.Signal<boolean>;
+    protected readonly templateId: _angular_core.Signal<any>;
+    protected readonly normalizedChildren: _angular_core.Signal<{
         id: string;
         basePath: string;
     }[]>;
     protected getNormalizedPath(index: number): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColumnComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColumnComponent, "a2ui-v09-column", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColumnComponent, "a2ui-v09-column", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -494,26 +459,13 @@ declare class ColumnComponent extends BasicCatalogComponent {
  * - `--a2ui-button-font-weight`: Controls the font weight.
  */
 declare class ButtonComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `child`: The ID of the component to render inside the button.
-     * - `variant`: Button style variant ('default', 'primary', 'borderless').
-     * - `action`: The A2UI action to dispatch on click.
-     * - `checks`: Optional validation rules.
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string>;
-    componentId: _angular_core.InputSignal<string>;
-    dataContextPath: _angular_core.InputSignal<string>;
     private rendererService;
-    variant: _angular_core.Signal<any>;
-    child: _angular_core.Signal<any>;
-    action: _angular_core.Signal<any>;
+    readonly variant: _angular_core.Signal<any>;
+    readonly child: _angular_core.Signal<any>;
+    readonly action: _angular_core.Signal<any>;
     handleClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "a2ui-v09-button", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": true; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "a2ui-v09-button", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -534,28 +486,14 @@ declare class ButtonComponent extends BasicCatalogComponent {
  * - `--a2ui-textfield-label-font-weight`: Controls the font weight of the label.
  */
 declare class TextFieldComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `value`: The current string value of the input.
-     * - `label`: Optional label text to display above the input.
-     * - `placeholder`: Hint text shown when the input is empty.
-     * - `variant`: Input type variant ('default', 'obscured' (password), 'number').
-     * - `checks`: Optional validation rules.
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string>;
-    componentId: _angular_core.InputSignal<string | undefined>;
-    dataContextPath: _angular_core.InputSignal<string>;
-    label: _angular_core.Signal<any>;
-    value: _angular_core.Signal<any>;
-    placeholder: _angular_core.Signal<any>;
-    variant: _angular_core.Signal<any>;
-    inputType: _angular_core.Signal<"text" | "password" | "number">;
+    readonly label: _angular_core.Signal<any>;
+    readonly value: _angular_core.Signal<any>;
+    readonly placeholder: _angular_core.Signal<any>;
+    readonly variant: _angular_core.Signal<any>;
+    readonly inputType: _angular_core.Signal<"text" | "password" | "number">;
     handleInput(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextFieldComponent, "a2ui-v09-text-field", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextFieldComponent, "a2ui-v09-text-field", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -572,25 +510,12 @@ declare class TextFieldComponent extends BasicCatalogComponent {
  * - `--a2ui-image-header-size`: Height of header variant.
  */
 declare class ImageComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `url`: The absolute URL of the image.
-     * - `description`: Accessibility text for the image.
-     * - `fit`: Object-fit mode ('cover', 'contain', 'fill', 'none', 'scale-down').
-     * - `variant`: Style variant ('default', 'circle', 'rounded', 'icon', 'avatar', 'smallFeature', 'mediumFeature', 'largeFeature', 'header').
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string>;
-    componentId: _angular_core.InputSignal<string | undefined>;
-    dataContextPath: _angular_core.InputSignal<string>;
-    url: _angular_core.Signal<any>;
-    description: _angular_core.Signal<any>;
-    fit: _angular_core.Signal<any>;
-    variant: _angular_core.Signal<any>;
+    readonly url: _angular_core.Signal<any>;
+    readonly description: _angular_core.Signal<any>;
+    readonly fit: _angular_core.Signal<any>;
+    readonly variant: _angular_core.Signal<any>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImageComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImageComponent, "a2ui-v09-image", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImageComponent, "a2ui-v09-image", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -605,25 +530,13 @@ declare class ImageComponent extends BasicCatalogComponent {
  * - `--a2ui-icon-font-variation-settings`: Controls font variation settings (e.g. FILL).
  */
 declare class IconComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `name`: The name of the icon (e.g., 'home', 'settings') OR an object
-     *           with a `path` property for SVG icons.
-     * - `color`: The CSS color to apply to the icon.
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string>;
-    componentId: _angular_core.InputSignal<string | undefined>;
-    dataContextPath: _angular_core.InputSignal<string>;
-    color: _angular_core.Signal<any>;
-    iconNameRaw: _angular_core.Signal<any>;
-    isPath: _angular_core.Signal<boolean>;
-    path: _angular_core.Signal<any>;
-    iconName: _angular_core.Signal<string>;
+    readonly color: _angular_core.Signal<any>;
+    readonly iconNameRaw: _angular_core.Signal<any>;
+    readonly isPath: _angular_core.Signal<boolean>;
+    readonly path: _angular_core.Signal<any>;
+    readonly iconName: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "a2ui-v09-icon", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "a2ui-v09-icon", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -635,21 +548,10 @@ declare class IconComponent extends BasicCatalogComponent {
  * - `--a2ui-video-border-radius`: Controls the border radius of the video element.
  */
 declare class VideoComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `url`: The absolute URL of the video file.
-     * - `posterUrl`: The URL of an image to show before the video starts.
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string>;
-    componentId: _angular_core.InputSignal<string | undefined>;
-    dataContextPath: _angular_core.InputSignal<string>;
-    url: _angular_core.Signal<any>;
-    posterUrl: _angular_core.Signal<any>;
+    readonly url: _angular_core.Signal<any>;
+    readonly posterUrl: _angular_core.Signal<any>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<VideoComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VideoComponent, "a2ui-v09-video", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VideoComponent, "a2ui-v09-video", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -663,21 +565,10 @@ declare class VideoComponent extends BasicCatalogComponent {
  * - `--a2ui-audioplayer-padding`: Controls the padding. Defaults to `0`.
  */
 declare class AudioPlayerComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `url`: The absolute URL of the audio file.
-     * - `description`: Optional text to display above the player.
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string | undefined>;
-    componentId: _angular_core.InputSignal<string | undefined>;
-    dataContextPath: _angular_core.InputSignal<string | undefined>;
-    description: _angular_core.Signal<any>;
-    url: _angular_core.Signal<any>;
+    readonly description: _angular_core.Signal<any>;
+    readonly url: _angular_core.Signal<any>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AudioPlayerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AudioPlayerComponent, "a2ui-v09-audio-player", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": false; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AudioPlayerComponent, "a2ui-v09-audio-player", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -691,30 +582,18 @@ declare class AudioPlayerComponent extends BasicCatalogComponent {
  * - `--a2ui-list-padding`: Controls the padding (applied to padding-inline-start).
  */
 declare class ListComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `children`: A list of component IDs to render as list items.
-     * - `listStyle`: The type of list ('ordered', 'unordered', 'none').
-     * - `orientation`: The layout direction ('vertical', 'horizontal').
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string>;
-    componentId: _angular_core.InputSignal<string | undefined>;
-    dataContextPath: _angular_core.InputSignal<string>;
-    listStyle: _angular_core.Signal<any>;
-    orientation: _angular_core.Signal<any>;
-    children: _angular_core.Signal<any[]>;
-    listTag: _angular_core.Signal<"ol" | "ul" | "div">;
-    styleType: _angular_core.Signal<"" | "none">;
+    readonly listStyle: _angular_core.Signal<any>;
+    readonly orientation: _angular_core.Signal<any>;
+    readonly children: _angular_core.Signal<any[]>;
+    readonly listTag: _angular_core.Signal<"ol" | "ul" | "div">;
+    readonly styleType: _angular_core.Signal<"" | "none">;
     /**
      * Track-by function to ensure stable change detection for list items.
      * Uses the full resolved path (`basePath/id`) to uniquely identify items.
      */
     readonly trackBy: (index: number, item: Child) => string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListComponent, "a2ui-v09-list", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListComponent, "a2ui-v09-list", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -731,19 +610,9 @@ declare class ListComponent extends BasicCatalogComponent {
  * - `--a2ui-card-margin`: Controls the margin.
  */
 declare class CardComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `child`: The component ID to render inside the card.
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string>;
-    componentId: _angular_core.InputSignal<string | undefined>;
-    dataContextPath: _angular_core.InputSignal<string>;
-    child: _angular_core.Signal<any>;
+    readonly child: _angular_core.Signal<any>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "a2ui-v09-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "a2ui-v09-card", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -761,26 +630,16 @@ declare class CardComponent extends BasicCatalogComponent {
  * - `--a2ui-tabs-content-padding`: Controls the padding of the tab content.
  */
 declare class TabsComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `tabs`: A list of tab objects, each containing a `label` and `content` ID.
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string>;
-    componentId: _angular_core.InputSignal<string | undefined>;
-    dataContextPath: _angular_core.InputSignal<string>;
     activeTabIndex: _angular_core.WritableSignal<number>;
-    tabs: _angular_core.Signal<any>;
-    activeTab: _angular_core.Signal<any>;
-    protected normalizedActiveTabContent: _angular_core.Signal<{
+    readonly tabs: _angular_core.Signal<any>;
+    readonly activeTab: _angular_core.Signal<any>;
+    protected readonly normalizedActiveTabContent: _angular_core.Signal<{
         id: string;
         basePath: string;
     } | null>;
     setActiveTab(index: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "a2ui-v09-tabs", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "a2ui-v09-tabs", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -796,24 +655,13 @@ declare class TabsComponent extends BasicCatalogComponent {
  * - `--a2ui-modal-backdrop-bg`: Controls the background of the backdrop.
  */
 declare class ModalComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `trigger`: The ID of the component that opens the modal.
-     * - `content`: The ID of the component to display inside the modal.
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string>;
-    componentId: _angular_core.InputSignal<string | undefined>;
-    dataContextPath: _angular_core.InputSignal<string>;
     isOpen: _angular_core.WritableSignal<boolean>;
-    trigger: _angular_core.Signal<any>;
-    content: _angular_core.Signal<any>;
+    readonly trigger: _angular_core.Signal<any>;
+    readonly content: _angular_core.Signal<any>;
     openModal(): void;
     closeModal(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalComponent, "a2ui-v09-modal", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalComponent, "a2ui-v09-modal", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -826,19 +674,9 @@ declare class ModalComponent extends BasicCatalogComponent {
  * - `--a2ui-divider-spacing`: Controls the margin around the divider.
  */
 declare class DividerComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `axis`: The orientation of the divider ('horizontal' (default) or 'vertical').
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string>;
-    componentId: _angular_core.InputSignal<string | undefined>;
-    dataContextPath: _angular_core.InputSignal<string>;
-    axis: _angular_core.Signal<any>;
+    readonly axis: _angular_core.Signal<any>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DividerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DividerComponent, "a2ui-v09-divider", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DividerComponent, "a2ui-v09-divider", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -859,22 +697,11 @@ declare class DividerComponent extends BasicCatalogComponent {
  * - `--a2ui-checkbox-color-error`: Controls the color for error states.
  */
 declare class CheckBoxComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `label`: The text to display next to the checkbox.
-     * - `value`: Boolean indicating whether the checkbox is checked.
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string>;
-    componentId: _angular_core.InputSignal<string | undefined>;
-    dataContextPath: _angular_core.InputSignal<string>;
-    value: _angular_core.Signal<boolean>;
-    label: _angular_core.Signal<any>;
+    readonly value: _angular_core.Signal<boolean>;
+    readonly label: _angular_core.Signal<any>;
     handleChange(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckBoxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckBoxComponent, "a2ui-v09-check-box", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckBoxComponent, "a2ui-v09-check-box", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -894,30 +721,17 @@ declare class CheckBoxComponent extends BasicCatalogComponent {
  * - `--a2ui-choicepicker-chip-background-selected`: Controls background of selected chips.
  */
 declare class ChoicePickerComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `value`: The currently selected value(s).
-     * - `choices` or `options`: List of choice objects (label and value).
-     * - `displayStyle`: How to render the choices ('default' or 'chips').
-     * - `variant`: Selection mode ('singleSelection' or 'multipleSelection').
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string>;
-    componentId: _angular_core.InputSignal<string | undefined>;
-    dataContextPath: _angular_core.InputSignal<string>;
-    displayStyle: _angular_core.Signal<any>;
-    choices: _angular_core.Signal<any>;
-    variant: _angular_core.Signal<any>;
-    selectedValue: _angular_core.Signal<any>;
+    readonly displayStyle: _angular_core.Signal<any>;
+    readonly choices: _angular_core.Signal<any>;
+    readonly variant: _angular_core.Signal<any>;
+    readonly selectedValue: _angular_core.Signal<any>;
     isMultiple(): boolean;
     isSelected(value: string): boolean;
     onCheckChange(value: string, event: Event): void;
     toggleActive(value: string): void;
     private updateValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChoicePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChoicePickerComponent, "a2ui-v09-choice-picker", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChoicePickerComponent, "a2ui-v09-choice-picker", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -933,28 +747,14 @@ declare class ChoicePickerComponent extends BasicCatalogComponent {
  * - `--a2ui-slider-track-color`: Controls the background of the track.
  */
 declare class SliderComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `value`: The current numeric value.
-     * - `label`: Label text to display.
-     * - `min`: Minimum value (default: 0).
-     * - `max`: Maximum value (default: 100).
-     * - `step`: Increment step (default: 1).
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string>;
-    componentId: _angular_core.InputSignal<string | undefined>;
-    dataContextPath: _angular_core.InputSignal<string>;
-    label: _angular_core.Signal<any>;
-    value: _angular_core.Signal<any>;
-    min: _angular_core.Signal<any>;
-    max: _angular_core.Signal<any>;
-    step: _angular_core.Signal<any>;
+    readonly label: _angular_core.Signal<any>;
+    readonly value: _angular_core.Signal<any>;
+    readonly min: _angular_core.Signal<any>;
+    readonly max: _angular_core.Signal<any>;
+    readonly step: _angular_core.Signal<any>;
     handleInput(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "a2ui-v09-slider", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "a2ui-v09-slider", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -973,29 +773,16 @@ declare class SliderComponent extends BasicCatalogComponent {
  * - `--a2ui-datetimeinput-label-font-weight`: Controls the font weight of the label.
  */
 declare class DateTimeInputComponent extends BasicCatalogComponent {
-    /**
-     * Reactive properties resolved from the A2UI {@link ComponentModel}.
-     *
-     * Expected properties:
-     * - `value`: The current ISO date/time string.
-     * - `label`: Optional label text.
-     * - `enableDate`: Whether to show the date picker (default: true).
-     * - `enableTime`: Whether to show the time picker (default: false).
-     */
-    props: _angular_core.InputSignal<Record<string, BoundProperty<any>>>;
-    surfaceId: _angular_core.InputSignal<string>;
-    componentId: _angular_core.InputSignal<string | undefined>;
-    dataContextPath: _angular_core.InputSignal<string>;
-    label: _angular_core.Signal<any>;
-    enableDate: _angular_core.Signal<any>;
-    enableTime: _angular_core.Signal<any>;
-    private rawValue;
-    dateValue: _angular_core.Signal<any>;
-    timeValue: _angular_core.Signal<any>;
+    readonly label: _angular_core.Signal<any>;
+    readonly enableDate: _angular_core.Signal<any>;
+    readonly enableTime: _angular_core.Signal<any>;
+    private readonly rawValue;
+    readonly dateValue: _angular_core.Signal<any>;
+    readonly timeValue: _angular_core.Signal<any>;
     handleDateChange(event: Event): void;
     handleTimeChange(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateTimeInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimeInputComponent, "a2ui-v09-date-time-input", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "dataContextPath": { "alias": "dataContextPath"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimeInputComponent, "a2ui-v09-date-time-input", never, {}, {}, never, never, true, never>;
 }
 
 export { A2UI_RENDERER_CONFIG, A2uiRendererService, AngularCatalog, AudioPlayerComponent, BASIC_COMPONENTS, BasicCatalog, BasicCatalogBase, ButtonComponent, CardComponent, CheckBoxComponent, ChoicePickerComponent, ColumnComponent, ComponentBinder, ComponentHostComponent, DateTimeInputComponent, DefaultMarkdownRenderer, DividerComponent, IconComponent, ImageComponent, ListComponent, MarkdownRenderer, ModalComponent, RowComponent, SliderComponent, SurfaceComponent, TabsComponent, TextComponent, TextFieldComponent, VideoComponent, getNormalizedPath, provideMarkdownRenderer, toAngularSignal };