@a2ui/angular 0.0.1 → 0.8.2

package/fesm2022/a2ui-angular-audio-DoZb9mn_.mjs

@@ -0,0 +1,48 @@
+import * as i0 from '@angular/core';
+import { input, computed, Component } from '@angular/core';
+import { DynamicComponent } from './a2ui-angular.mjs';
+
+/*
+ Copyright 2025 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
+
+      https://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.
+ */
+class Audio extends DynamicComponent {
+    url = input.required(...(ngDevMode ? [{ debugName: "url" }] : []));
+    resolvedUrl = computed(() => this.resolvePrimitive(this.url()), ...(ngDevMode ? [{ debugName: "resolvedUrl" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Audio, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Audio, isStandalone: true, selector: "a2ui-audio", inputs: { url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    @let resolvedUrl = this.resolvedUrl();
+
+    @if (resolvedUrl) {
+      <section [class]="theme.components.AudioPlayer" [style]="theme.additionalStyles?.AudioPlayer">
+        <audio controls [src]="resolvedUrl"></audio>
+      </section>
+    }
+  `, isInline: true, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}audio{display:block;width:100%;box-sizing:border-box}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Audio, decorators: [{
+            type: Component,
+            args: [{ selector: 'a2ui-audio', template: `
+    @let resolvedUrl = this.resolvedUrl();
+
+    @if (resolvedUrl) {
+      <section [class]="theme.components.AudioPlayer" [style]="theme.additionalStyles?.AudioPlayer">
+        <audio controls [src]="resolvedUrl"></audio>
+      </section>
+    }
+  `, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}audio{display:block;width:100%;box-sizing:border-box}\n"] }]
+        }], propDecorators: { url: [{ type: i0.Input, args: [{ isSignal: true, alias: "url", required: true }] }] } });
+
+export { Audio };
+//# sourceMappingURL=a2ui-angular-audio-DoZb9mn_.mjs.map

package/fesm2022/a2ui-angular-audio-DoZb9mn_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"a2ui-angular-audio-DoZb9mn_.mjs","sources":["../../src/lib/catalog/audio.ts"],"sourcesContent":["/*\n Copyright 2025 Google LLC\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n      https://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n */\n\nimport { Component, computed, input } from '@angular/core';\nimport { DynamicComponent } from '../rendering/dynamic-component';\nimport { Primitives } from '@a2ui/lit/0.8';\n\n@Component({\n  selector: 'a2ui-audio',\n  template: `\n    @let resolvedUrl = this.resolvedUrl();\n\n    @if (resolvedUrl) {\n      <section [class]=\"theme.components.AudioPlayer\" [style]=\"theme.additionalStyles?.AudioPlayer\">\n        <audio controls [src]=\"resolvedUrl\"></audio>\n      </section>\n    }\n  `,\n  styles: `\n    :host {\n      display: block;\n      flex: var(--weight);\n      min-height: 0;\n      overflow: auto;\n    }\n\n    audio {\n      display: block;\n      width: 100%;\n      box-sizing: border-box;\n    }\n  `\n})\nexport class Audio extends DynamicComponent {\n  readonly url = input.required<Primitives.StringValue | null>();\n  protected readonly resolvedUrl = computed(() => this.resolvePrimitive(this.url()));\n}\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAgCG,MAAO,KAAM,SAAQ,gBAAgB,CAAA;AAChC,IAAA,GAAG,GAAG,KAAK,CAAC,QAAQ,8CAAiC;AAC3C,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,uDAAC;uGAFvE,KAAK,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAL,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAK,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAxBN;;;;;;;;AAQT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2HAAA,CAAA,EAAA,CAAA;;2FAgBU,KAAK,EAAA,UAAA,EAAA,CAAA;kBA1BjB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,QAAA,EACZ;;;;;;;;AAQT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,2HAAA,CAAA,EAAA;;;;;"}

package/fesm2022/a2ui-angular-button-CvH0kAtN.mjs

@@ -0,0 +1,61 @@
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+import { DynamicComponent, Renderer } from './a2ui-angular.mjs';
+
+/*
+ Copyright 2025 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
+
+      https://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.
+ */
+class Button extends DynamicComponent {
+    action = input.required(...(ngDevMode ? [{ debugName: "action" }] : []));
+    handleClick() {
+        const action = this.action();
+        if (action) {
+            super.sendAction(action);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Button, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", type: Button, isStandalone: true, selector: "a2ui-button", inputs: { action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    <button
+      [class]="theme.components.Button"
+      [style]="theme.additionalStyles?.Button"
+      (click)="handleClick()"
+    >
+      <ng-container
+        a2ui-renderer
+        [surfaceId]="surfaceId()!"
+        [component]="component().properties.child"
+      />
+    </button>
+  `, isInline: true, styles: [":host{display:block;flex:var(--weight);min-height:0}\n"], dependencies: [{ kind: "directive", type: Renderer, selector: "ng-container[a2ui-renderer]", inputs: ["surfaceId", "component"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Button, decorators: [{
+            type: Component,
+            args: [{ selector: 'a2ui-button', imports: [Renderer], template: `
+    <button
+      [class]="theme.components.Button"
+      [style]="theme.additionalStyles?.Button"
+      (click)="handleClick()"
+    >
+      <ng-container
+        a2ui-renderer
+        [surfaceId]="surfaceId()!"
+        [component]="component().properties.child"
+      />
+    </button>
+  `, styles: [":host{display:block;flex:var(--weight);min-height:0}\n"] }]
+        }], propDecorators: { action: [{ type: i0.Input, args: [{ isSignal: true, alias: "action", required: true }] }] } });
+
+export { Button };
+//# sourceMappingURL=a2ui-angular-button-CvH0kAtN.mjs.map

package/fesm2022/a2ui-angular-button-CvH0kAtN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"a2ui-angular-button-CvH0kAtN.mjs","sources":["../../src/lib/catalog/button.ts"],"sourcesContent":["/*\n Copyright 2025 Google LLC\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n      https://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n */\n\nimport { Component, input } from '@angular/core';\nimport { Types } from '@a2ui/lit/0.8';\nimport { DynamicComponent } from '../rendering/dynamic-component';\nimport { Renderer } from '../rendering/renderer';\n\n@Component({\n  selector: 'a2ui-button',\n  imports: [Renderer],\n  template: `\n    <button\n      [class]=\"theme.components.Button\"\n      [style]=\"theme.additionalStyles?.Button\"\n      (click)=\"handleClick()\"\n    >\n      <ng-container\n        a2ui-renderer\n        [surfaceId]=\"surfaceId()!\"\n        [component]=\"component().properties.child\"\n      />\n    </button>\n  `,\n  styles: `\n    :host {\n      display: block;\n      flex: var(--weight);\n      min-height: 0;\n    }\n  `,\n})\nexport class Button extends DynamicComponent<Types.ButtonNode> {\n  readonly action = input.required<Types.Action | null>();\n\n  protected handleClick() {\n    const action = this.action();\n\n    if (action) {\n      super.sendAction(action);\n    }\n  }\n}\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AA+BG,MAAO,MAAO,SAAQ,gBAAkC,CAAA;AACnD,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,iDAAuB;IAE7C,WAAW,GAAA;AACnB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;QAE5B,IAAI,MAAM,EAAE;AACV,YAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC;QAC1B;IACF;uGATW,MAAM,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EArBP;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAbS,QAAQ,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAsBP,MAAM,EAAA,UAAA,EAAA,CAAA;kBAxBlB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAAA,OAAA,EACd,CAAC,QAAQ,CAAC,EAAA,QAAA,EACT;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,wDAAA,CAAA,EAAA;;;;;"}

package/fesm2022/a2ui-angular-card-Ix6OIdUv.mjs

@@ -0,0 +1,48 @@
+import * as i0 from '@angular/core';
+import { ViewEncapsulation, Component } from '@angular/core';
+import { DynamicComponent, Renderer } from './a2ui-angular.mjs';
+
+/*
+ Copyright 2025 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
+
+      https://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.
+ */
+class Card extends DynamicComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Card, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Card, isStandalone: true, selector: "a2ui-card", usesInheritance: true, ngImport: i0, template: `
+    @let properties = component().properties;
+    @let children = properties.children || [properties.child];
+
+    <section [class]="theme.components.Card" [style]="theme.additionalStyles?.Card">
+      @for (child of children; track child) {
+        <ng-container a2ui-renderer [surfaceId]="surfaceId()!" [component]="child" />
+      }
+    </section>
+  `, isInline: true, styles: ["a2ui-card{display:block;flex:var(--weight);min-height:0;overflow:auto}a2ui-card>section{height:100%;width:100%;min-height:0;overflow:auto}a2ui-card>section>*{height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: Renderer, selector: "ng-container[a2ui-renderer]", inputs: ["surfaceId", "component"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Card, decorators: [{
+            type: Component,
+            args: [{ selector: 'a2ui-card', imports: [Renderer], encapsulation: ViewEncapsulation.None, template: `
+    @let properties = component().properties;
+    @let children = properties.children || [properties.child];
+
+    <section [class]="theme.components.Card" [style]="theme.additionalStyles?.Card">
+      @for (child of children; track child) {
+        <ng-container a2ui-renderer [surfaceId]="surfaceId()!" [component]="child" />
+      }
+    </section>
+  `, styles: ["a2ui-card{display:block;flex:var(--weight);min-height:0;overflow:auto}a2ui-card>section{height:100%;width:100%;min-height:0;overflow:auto}a2ui-card>section>*{height:100%;width:100%}\n"] }]
+        }] });
+
+export { Card };
+//# sourceMappingURL=a2ui-angular-card-Ix6OIdUv.mjs.map

package/fesm2022/a2ui-angular-card-Ix6OIdUv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"a2ui-angular-card-Ix6OIdUv.mjs","sources":["../../src/lib/catalog/card.ts"],"sourcesContent":["/*\n Copyright 2025 Google LLC\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n      https://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n */\n\nimport { Component, ViewEncapsulation } from '@angular/core';\nimport { DynamicComponent } from '../rendering/dynamic-component';\nimport { Renderer } from '../rendering/renderer';\nimport { Types } from '@a2ui/lit/0.8';\n\n@Component({\n  selector: 'a2ui-card',\n  imports: [Renderer],\n  encapsulation: ViewEncapsulation.None,\n  styles: `\n    a2ui-card {\n      display: block;\n      flex: var(--weight);\n      min-height: 0;\n      overflow: auto;\n    }\n\n    a2ui-card > section {\n      height: 100%;\n      width: 100%;\n      min-height: 0;\n      overflow: auto;\n    }\n\n    a2ui-card > section > * {\n      height: 100%;\n      width: 100%;\n    }\n  `,\n  template: `\n    @let properties = component().properties;\n    @let children = properties.children || [properties.child];\n\n    <section [class]=\"theme.components.Card\" [style]=\"theme.additionalStyles?.Card\">\n      @for (child of children; track child) {\n        <ng-container a2ui-renderer [surfaceId]=\"surfaceId()!\" [component]=\"child\" />\n      }\n    </section>\n  `,\n})\nexport class Card extends DynamicComponent<Types.CardNode> { }\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AA0CG,MAAO,IAAK,SAAQ,gBAAgC,CAAA;uGAA7C,IAAI,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAJ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAI,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAXL;;;;;;;;;AAST,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,yLAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EA/BS,QAAQ,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAiCP,IAAI,EAAA,UAAA,EAAA,CAAA;kBAnChB,SAAS;+BACE,WAAW,EAAA,OAAA,EACZ,CAAC,QAAQ,CAAC,iBACJ,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAqB3B;;;;;;;;;AAST,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,yLAAA,CAAA,EAAA;;;;;"}

package/fesm2022/a2ui-angular-checkbox-BN4EF2Ci.mjs

@@ -0,0 +1,78 @@
+import * as i0 from '@angular/core';
+import { input, computed, Component } from '@angular/core';
+import { DynamicComponent } from './a2ui-angular.mjs';
+
+/*
+ Copyright 2025 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
+
+      https://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.
+ */
+class Checkbox extends DynamicComponent {
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
+    inputChecked = computed(() => super.resolvePrimitive(this.value()) ?? false, ...(ngDevMode ? [{ debugName: "inputChecked" }] : []));
+    resolvedLabel = computed(() => super.resolvePrimitive(this.label()), ...(ngDevMode ? [{ debugName: "resolvedLabel" }] : []));
+    inputId = super.getUniqueId('a2ui-checkbox');
+    handleChange(event) {
+        const path = this.value()?.path;
+        if (!(event.target instanceof HTMLInputElement) || !path) {
+            return;
+        }
+        this.processor.setData(this.component(), path, event.target.checked, this.surfaceId());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Checkbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", type: Checkbox, isStandalone: true, selector: "a2ui-checkbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    <section
+      [class]="theme.components.CheckBox.container"
+      [style]="theme.additionalStyles?.CheckBox"
+    >
+      <input
+        autocomplete="off"
+        type="checkbox"
+        [id]="inputId"
+        [checked]="inputChecked()"
+        [class]="theme.components.CheckBox.element"
+        (change)="handleChange($event)"
+      />
+
+      <label [htmlFor]="inputId" [class]="theme.components.CheckBox.label">{{
+        resolvedLabel()
+      }}</label>
+    </section>
+  `, isInline: true, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}input{display:block;width:100%}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Checkbox, decorators: [{
+            type: Component,
+            args: [{ selector: 'a2ui-checkbox', template: `
+    <section
+      [class]="theme.components.CheckBox.container"
+      [style]="theme.additionalStyles?.CheckBox"
+    >
+      <input
+        autocomplete="off"
+        type="checkbox"
+        [id]="inputId"
+        [checked]="inputChecked()"
+        [class]="theme.components.CheckBox.element"
+        (change)="handleChange($event)"
+      />
+
+      <label [htmlFor]="inputId" [class]="theme.components.CheckBox.label">{{
+        resolvedLabel()
+      }}</label>
+    </section>
+  `, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}input{display:block;width:100%}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }] } });
+
+export { Checkbox };
+//# sourceMappingURL=a2ui-angular-checkbox-BN4EF2Ci.mjs.map

package/fesm2022/a2ui-angular-checkbox-BN4EF2Ci.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"a2ui-angular-checkbox-BN4EF2Ci.mjs","sources":["../../src/lib/catalog/checkbox.ts"],"sourcesContent":["/*\n Copyright 2025 Google LLC\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n      https://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n */\n\nimport { Component, computed, input } from '@angular/core';\nimport { DynamicComponent } from '../rendering/dynamic-component';\nimport { Primitives } from '@a2ui/lit/0.8';\n\n@Component({\n  selector: 'a2ui-checkbox',\n  template: `\n    <section\n      [class]=\"theme.components.CheckBox.container\"\n      [style]=\"theme.additionalStyles?.CheckBox\"\n    >\n      <input\n        autocomplete=\"off\"\n        type=\"checkbox\"\n        [id]=\"inputId\"\n        [checked]=\"inputChecked()\"\n        [class]=\"theme.components.CheckBox.element\"\n        (change)=\"handleChange($event)\"\n      />\n\n      <label [htmlFor]=\"inputId\" [class]=\"theme.components.CheckBox.label\">{{\n        resolvedLabel()\n      }}</label>\n    </section>\n  `,\n  styles: `\n    :host {\n      display: block;\n      flex: var(--weight);\n      min-height: 0;\n      overflow: auto;\n    }\n\n    input {\n      display: block;\n      width: 100%;\n    }\n  `,\n})\nexport class Checkbox extends DynamicComponent {\n  readonly value = input.required<Primitives.BooleanValue | null>();\n  readonly label = input.required<Primitives.StringValue | null>();\n\n  protected inputChecked = computed(() => super.resolvePrimitive(this.value()) ?? false);\n  protected resolvedLabel = computed(() => super.resolvePrimitive(this.label()));\n  protected inputId = super.getUniqueId('a2ui-checkbox');\n\n  protected handleChange(event: Event) {\n    const path = this.value()?.path;\n\n    if (!(event.target instanceof HTMLInputElement) || !path) {\n      return;\n    }\n\n    this.processor.setData(this.component(), path, event.target.checked, this.surfaceId());\n  }\n}\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAyCG,MAAO,QAAS,SAAQ,gBAAgB,CAAA;AACnC,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAkC;AACxD,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAiC;AAEtD,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,KAAK,wDAAC;AAC5E,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,yDAAC;AACpE,IAAA,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC;AAE5C,IAAA,YAAY,CAAC,KAAY,EAAA;QACjC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI;AAE/B,QAAA,IAAI,EAAE,KAAK,CAAC,MAAM,YAAY,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE;YACxD;QACF;QAEA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;IACxF;uGAhBW,QAAQ,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAR,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAjCT;;;;;;;;;;;;;;;;;;AAkBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qGAAA,CAAA,EAAA,CAAA;;2FAeU,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAnCpB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,QAAA,EACf;;;;;;;;;;;;;;;;;;AAkBT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,qGAAA,CAAA,EAAA;;;;;"}

package/fesm2022/a2ui-angular-datetime-input-dmZAjvrF.mjs

@@ -0,0 +1,120 @@
+import * as i0 from '@angular/core';
+import { input, computed, Component } from '@angular/core';
+import { DynamicComponent } from './a2ui-angular.mjs';
+
+/*
+ Copyright 2025 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
+
+      https://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.
+ */
+class DatetimeInput extends DynamicComponent {
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    enableDate = input.required(...(ngDevMode ? [{ debugName: "enableDate" }] : []));
+    enableTime = input.required(...(ngDevMode ? [{ debugName: "enableTime" }] : []));
+    inputId = super.getUniqueId('a2ui-datetime-input');
+    inputType = computed(() => {
+        const enableDate = this.enableDate();
+        const enableTime = this.enableTime();
+        if (enableDate && enableTime) {
+            return 'datetime-local';
+        }
+        else if (enableDate) {
+            return 'date';
+        }
+        else if (enableTime) {
+            return 'time';
+        }
+        return 'datetime-local';
+    }, ...(ngDevMode ? [{ debugName: "inputType" }] : []));
+    label = computed(() => {
+        // TODO: this should likely be passed from the model.
+        const inputType = this.inputType();
+        if (inputType === 'date') {
+            return 'Date';
+        }
+        else if (inputType === 'time') {
+            return 'Time';
+        }
+        return 'Date & Time';
+    }, ...(ngDevMode ? [{ debugName: "label" }] : []));
+    inputValue = computed(() => {
+        const inputType = this.inputType();
+        const parsed = super.resolvePrimitive(this.value()) || '';
+        const date = parsed ? new Date(parsed) : null;
+        if (!date || isNaN(date.getTime())) {
+            return '';
+        }
+        const year = this.padNumber(date.getFullYear());
+        const month = this.padNumber(date.getMonth());
+        const day = this.padNumber(date.getDate());
+        const hours = this.padNumber(date.getHours());
+        const minutes = this.padNumber(date.getMinutes());
+        // Browsers are picky with what format they allow for the `value` attribute of date/time inputs.
+        // We need to parse it out of the provided value. Note that we don't use `toISOString`,
+        // because the resulting value is relative to UTC.
+        if (inputType === 'date') {
+            return `${year}-${month}-${day}`;
+        }
+        else if (inputType === 'time') {
+            return `${hours}:${minutes}`;
+        }
+        return `${year}-${month}-${day}T${hours}:${minutes}`;
+    }, ...(ngDevMode ? [{ debugName: "inputValue" }] : []));
+    handleInput(event) {
+        const path = this.value()?.path;
+        if (!(event.target instanceof HTMLInputElement) || !path) {
+            return;
+        }
+        this.processor.setData(this.component(), path, event.target.value, this.surfaceId());
+    }
+    padNumber(value) {
+        return value.toString().padStart(2, '0');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DatetimeInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", type: DatetimeInput, isStandalone: true, selector: "a2ui-datetime-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, enableDate: { classPropertyName: "enableDate", publicName: "enableDate", isSignal: true, isRequired: true, transformFunction: null }, enableTime: { classPropertyName: "enableTime", publicName: "enableTime", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    <section [class]="theme.components.DateTimeInput.container">
+      <label [for]="inputId" [class]="theme.components.DateTimeInput.label">{{ label() }}</label>
+
+      <input
+        autocomplete="off"
+        [attr.type]="inputType()"
+        [id]="inputId"
+        [class]="theme.components.DateTimeInput.element"
+        [style]="theme.additionalStyles?.DateTimeInput"
+        [value]="inputValue()"
+        (input)="handleInput($event)"
+      />
+    </section>
+  `, isInline: true, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}input{display:block;width:100%;box-sizing:border-box}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DatetimeInput, decorators: [{
+            type: Component,
+            args: [{ selector: 'a2ui-datetime-input', template: `
+    <section [class]="theme.components.DateTimeInput.container">
+      <label [for]="inputId" [class]="theme.components.DateTimeInput.label">{{ label() }}</label>
+
+      <input
+        autocomplete="off"
+        [attr.type]="inputType()"
+        [id]="inputId"
+        [class]="theme.components.DateTimeInput.element"
+        [style]="theme.additionalStyles?.DateTimeInput"
+        [value]="inputValue()"
+        (input)="handleInput($event)"
+      />
+    </section>
+  `, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}input{display:block;width:100%;box-sizing:border-box}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], enableDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableDate", required: true }] }], enableTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableTime", required: true }] }] } });
+
+export { DatetimeInput };
+//# sourceMappingURL=a2ui-angular-datetime-input-dmZAjvrF.mjs.map

package/fesm2022/a2ui-angular-datetime-input-dmZAjvrF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"a2ui-angular-datetime-input-dmZAjvrF.mjs","sources":["../../src/lib/catalog/datetime-input.ts"],"sourcesContent":["/*\n Copyright 2025 Google LLC\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n      https://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n */\n\nimport { computed, Component, input } from '@angular/core';\nimport { DynamicComponent } from '../rendering/dynamic-component';\nimport { Primitives } from '@a2ui/lit/0.8';\n\n@Component({\n  selector: 'a2ui-datetime-input',\n  template: `\n    <section [class]=\"theme.components.DateTimeInput.container\">\n      <label [for]=\"inputId\" [class]=\"theme.components.DateTimeInput.label\">{{ label() }}</label>\n\n      <input\n        autocomplete=\"off\"\n        [attr.type]=\"inputType()\"\n        [id]=\"inputId\"\n        [class]=\"theme.components.DateTimeInput.element\"\n        [style]=\"theme.additionalStyles?.DateTimeInput\"\n        [value]=\"inputValue()\"\n        (input)=\"handleInput($event)\"\n      />\n    </section>\n  `,\n  styles: `\n    :host {\n      display: block;\n      flex: var(--weight);\n      min-height: 0;\n      overflow: auto;\n    }\n\n    input {\n      display: block;\n      width: 100%;\n      box-sizing: border-box;\n    }\n  `,\n})\nexport class DatetimeInput extends DynamicComponent {\n  readonly value = input.required<Primitives.StringValue | null>();\n  readonly enableDate = input.required<boolean>();\n  readonly enableTime = input.required<boolean>();\n  protected readonly inputId = super.getUniqueId('a2ui-datetime-input');\n\n  protected inputType = computed(() => {\n    const enableDate = this.enableDate();\n    const enableTime = this.enableTime();\n\n    if (enableDate && enableTime) {\n      return 'datetime-local';\n    } else if (enableDate) {\n      return 'date';\n    } else if (enableTime) {\n      return 'time';\n    }\n\n    return 'datetime-local';\n  });\n\n  protected label = computed(() => {\n    // TODO: this should likely be passed from the model.\n    const inputType = this.inputType();\n\n    if (inputType === 'date') {\n      return 'Date';\n    } else if (inputType === 'time') {\n      return 'Time';\n    }\n\n    return 'Date & Time';\n  });\n\n  protected inputValue = computed(() => {\n    const inputType = this.inputType();\n    const parsed = super.resolvePrimitive(this.value()) || '';\n    const date = parsed ? new Date(parsed) : null;\n\n    if (!date || isNaN(date.getTime())) {\n      return '';\n    }\n\n    const year = this.padNumber(date.getFullYear());\n    const month = this.padNumber(date.getMonth());\n    const day = this.padNumber(date.getDate());\n    const hours = this.padNumber(date.getHours());\n    const minutes = this.padNumber(date.getMinutes());\n\n    // Browsers are picky with what format they allow for the `value` attribute of date/time inputs.\n    // We need to parse it out of the provided value. Note that we don't use `toISOString`,\n    // because the resulting value is relative to UTC.\n    if (inputType === 'date') {\n      return `${year}-${month}-${day}`;\n    } else if (inputType === 'time') {\n      return `${hours}:${minutes}`;\n    }\n\n    return `${year}-${month}-${day}T${hours}:${minutes}`;\n  });\n\n  protected handleInput(event: Event) {\n    const path = this.value()?.path;\n\n    if (!(event.target instanceof HTMLInputElement) || !path) {\n      return;\n    }\n\n    this.processor.setData(this.component(), path, event.target.value, this.surfaceId());\n  }\n\n  private padNumber(value: number) {\n    return value.toString().padStart(2, '0');\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/a2ui-angular-divider-BizPl3qL.mjs

@@ -0,0 +1,30 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import { DynamicComponent } from './a2ui-angular.mjs';
+
+/*
+ Copyright 2025 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
+
+      https://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.
+ */
+class Divider extends DynamicComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Divider, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: Divider, isStandalone: true, selector: "a2ui-divider", usesInheritance: true, ngImport: i0, template: '<hr [class]="theme.components.Divider" [style]="theme.additionalStyles?.Divider"/>', isInline: true, styles: [":host{display:block;min-height:0;overflow:auto}hr{height:1px;background:#ccc;border:none}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Divider, decorators: [{
+            type: Component,
+            args: [{ selector: 'a2ui-divider', template: '<hr [class]="theme.components.Divider" [style]="theme.additionalStyles?.Divider"/>', styles: [":host{display:block;min-height:0;overflow:auto}hr{height:1px;background:#ccc;border:none}\n"] }]
+        }] });
+
+export { Divider };
+//# sourceMappingURL=a2ui-angular-divider-BizPl3qL.mjs.map

package/fesm2022/a2ui-angular-divider-BizPl3qL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"a2ui-angular-divider-BizPl3qL.mjs","sources":["../../src/lib/catalog/divider.ts"],"sourcesContent":["/*\n Copyright 2025 Google LLC\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n      https://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n */\n\nimport { Component } from '@angular/core';\nimport { DynamicComponent } from '../rendering/dynamic-component';\n\n@Component({\n  selector: 'a2ui-divider',\n  template: '<hr [class]=\"theme.components.Divider\" [style]=\"theme.additionalStyles?.Divider\"/>',\n  styles: `\n    :host {\n      display: block;\n      min-height: 0;\n      overflow: auto;\n    }\n\n    hr {\n      height: 1px;\n      background: #ccc;\n      border: none;\n    }\n  `,\n})\nexport class Divider extends DynamicComponent {}\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAsBG,MAAO,OAAQ,SAAQ,gBAAgB,CAAA;uGAAhC,OAAO,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAP,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,OAAO,+FAfR,oFAAoF,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6FAAA,CAAA,EAAA,CAAA;;2FAenF,OAAO,EAAA,UAAA,EAAA,CAAA;kBAjBnB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,YACd,oFAAoF,EAAA,MAAA,EAAA,CAAA,6FAAA,CAAA,EAAA;;;;;"}

package/fesm2022/a2ui-angular-icon-BE9Hj9V6.mjs

@@ -0,0 +1,48 @@
+import * as i0 from '@angular/core';
+import { input, computed, Component } from '@angular/core';
+import { DynamicComponent } from './a2ui-angular.mjs';
+
+/*
+ Copyright 2025 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
+
+      https://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.
+ */
+class Icon extends DynamicComponent {
+    name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
+    resolvedName = computed(() => this.resolvePrimitive(this.name()), ...(ngDevMode ? [{ debugName: "resolvedName" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Icon, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Icon, isStandalone: true, selector: "a2ui-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    @let resolvedName = this.resolvedName();
+
+    @if (resolvedName) {
+      <section [class]="theme.components.Icon" [style]="theme.additionalStyles?.Icon">
+        <span class="g-icon">{{ resolvedName }}</span>
+      </section>
+    }
+  `, isInline: true, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Icon, decorators: [{
+            type: Component,
+            args: [{ selector: 'a2ui-icon', template: `
+    @let resolvedName = this.resolvedName();
+
+    @if (resolvedName) {
+      <section [class]="theme.components.Icon" [style]="theme.additionalStyles?.Icon">
+        <span class="g-icon">{{ resolvedName }}</span>
+      </section>
+    }
+  `, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}\n"] }]
+        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }] } });
+
+export { Icon };
+//# sourceMappingURL=a2ui-angular-icon-BE9Hj9V6.mjs.map

package/fesm2022/a2ui-angular-icon-BE9Hj9V6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"a2ui-angular-icon-BE9Hj9V6.mjs","sources":["../../src/lib/catalog/icon.ts"],"sourcesContent":["/*\n Copyright 2025 Google LLC\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n      https://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n */\n\nimport { Component, computed, input } from '@angular/core';\nimport { DynamicComponent } from '../rendering/dynamic-component';\nimport { Primitives } from '@a2ui/lit/0.8';\n\n@Component({\n  selector: 'a2ui-icon',\n  styles: `\n    :host {\n      display: block;\n      flex: var(--weight);\n      min-height: 0;\n      overflow: auto;\n    }\n  `,\n  template: `\n    @let resolvedName = this.resolvedName();\n\n    @if (resolvedName) {\n      <section [class]=\"theme.components.Icon\" [style]=\"theme.additionalStyles?.Icon\">\n        <span class=\"g-icon\">{{ resolvedName }}</span>\n      </section>\n    }\n  `,\n})\nexport class Icon extends DynamicComponent {\n  readonly name = input.required<Primitives.StringValue | null>();\n  protected readonly resolvedName = computed(() => this.resolvePrimitive(this.name()));\n}\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AA0BG,MAAO,IAAK,SAAQ,gBAAgB,CAAA;AAC/B,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAiC;AAC5C,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,wDAAC;uGAFzE,IAAI,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAJ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAI,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAVL;;;;;;;;AAQT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,sEAAA,CAAA,EAAA,CAAA;;2FAEU,IAAI,EAAA,UAAA,EAAA,CAAA;kBApBhB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,QAAA,EASX;;;;;;;;AAQT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,sEAAA,CAAA,EAAA;;;;;"}

package/fesm2022/a2ui-angular-image-BWzAw0rh.mjs

@@ -0,0 +1,54 @@
+import * as i0 from '@angular/core';
+import { input, computed, Component } from '@angular/core';
+import { Styles } from '@a2ui/lit/0.8';
+import { DynamicComponent } from './a2ui-angular.mjs';
+
+/*
+ Copyright 2025 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
+
+      https://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.
+ */
+class Image extends DynamicComponent {
+    url = input.required(...(ngDevMode ? [{ debugName: "url" }] : []));
+    usageHint = input.required(...(ngDevMode ? [{ debugName: "usageHint" }] : []));
+    resolvedUrl = computed(() => this.resolvePrimitive(this.url()), ...(ngDevMode ? [{ debugName: "resolvedUrl" }] : []));
+    classes = computed(() => {
+        const usageHint = this.usageHint();
+        return Styles.merge(this.theme.components.Image.all, usageHint ? this.theme.components.Image[usageHint] : {});
+    }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Image, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Image, isStandalone: true, selector: "a2ui-image", inputs: { url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: true, transformFunction: null }, usageHint: { classPropertyName: "usageHint", publicName: "usageHint", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    @let resolvedUrl = this.resolvedUrl();
+
+    @if (resolvedUrl) {
+      <section [class]="classes()" [style]="theme.additionalStyles?.Image">
+        <img [src]="resolvedUrl" />
+      </section>
+    }
+  `, isInline: true, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}img{display:block;width:100%;height:100%;box-sizing:border-box}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Image, decorators: [{
+            type: Component,
+            args: [{ selector: 'a2ui-image', template: `
+    @let resolvedUrl = this.resolvedUrl();
+
+    @if (resolvedUrl) {
+      <section [class]="classes()" [style]="theme.additionalStyles?.Image">
+        <img [src]="resolvedUrl" />
+      </section>
+    }
+  `, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}img{display:block;width:100%;height:100%;box-sizing:border-box}\n"] }]
+        }], propDecorators: { url: [{ type: i0.Input, args: [{ isSignal: true, alias: "url", required: true }] }], usageHint: [{ type: i0.Input, args: [{ isSignal: true, alias: "usageHint", required: true }] }] } });
+
+export { Image };
+//# sourceMappingURL=a2ui-angular-image-BWzAw0rh.mjs.map

package/fesm2022/a2ui-angular-image-BWzAw0rh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"a2ui-angular-image-BWzAw0rh.mjs","sources":["../../src/lib/catalog/image.ts"],"sourcesContent":["/*\n Copyright 2025 Google LLC\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n      https://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n */\n\nimport { Component, computed, input } from '@angular/core';\nimport { Primitives, Styles, Types } from '@a2ui/lit/0.8';\nimport { DynamicComponent } from '../rendering/dynamic-component';\n\n@Component({\n  selector: 'a2ui-image',\n  styles: `\n    :host {\n      display: block;\n      flex: var(--weight);\n      min-height: 0;\n      overflow: auto;\n    }\n\n    img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      box-sizing: border-box;\n    }\n  `,\n  template: `\n    @let resolvedUrl = this.resolvedUrl();\n\n    @if (resolvedUrl) {\n      <section [class]=\"classes()\" [style]=\"theme.additionalStyles?.Image\">\n        <img [src]=\"resolvedUrl\" />\n      </section>\n    }\n  `,\n})\nexport class Image extends DynamicComponent {\n  readonly url = input.required<Primitives.StringValue | null>();\n  readonly usageHint = input.required<Types.ResolvedImage['usageHint'] | null>();\n\n  protected readonly resolvedUrl = computed(() => this.resolvePrimitive(this.url()));\n\n  protected classes = computed(() => {\n    const usageHint = this.usageHint();\n\n    return Styles.merge(\n      this.theme.components.Image.all,\n      usageHint ? this.theme.components.Image[usageHint] : {},\n    );\n  });\n}\n"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;AAcG;AAiCG,MAAO,KAAM,SAAQ,gBAAgB,CAAA;AAChC,IAAA,GAAG,GAAG,KAAK,CAAC,QAAQ,8CAAiC;AACrD,IAAA,SAAS,GAAG,KAAK,CAAC,QAAQ,oDAA2C;AAE3D,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,uDAAC;AAExE,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;AAChC,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;AAElC,QAAA,OAAO,MAAM,CAAC,KAAK,CACjB,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,EAC/B,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CACxD;AACH,IAAA,CAAC,mDAAC;uGAbS,KAAK,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAL,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAK,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAVN;;;;;;;;AAQT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qIAAA,CAAA,EAAA,CAAA;;2FAEU,KAAK,EAAA,UAAA,EAAA,CAAA;kBA3BjB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,QAAA,EAgBZ;;;;;;;;AAQT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,qIAAA,CAAA,EAAA;;;;;"}

package/fesm2022/a2ui-angular-list-nEeT59V3.mjs

@@ -0,0 +1,45 @@
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+import { DynamicComponent, Renderer } from './a2ui-angular.mjs';
+
+/*
+ Copyright 2025 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
+
+      https://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.
+ */
+class List extends DynamicComponent {
+    direction = input('vertical', ...(ngDevMode ? [{ debugName: "direction" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: List, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: List, isStandalone: true, selector: "a2ui-list", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.direction": "direction()" } }, usesInheritance: true, ngImport: i0, template: `
+    <section [class]="theme.components.List" [style]="theme.additionalStyles?.List">
+      @for (child of component().properties.children; track child) {
+        <ng-container a2ui-renderer [surfaceId]="surfaceId()!" [component]="child" />
+      }
+    </section>
+  `, isInline: true, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}:host([direction=\"vertical\"]) section{display:grid}:host([direction=\"horizontal\"]) section{display:flex;max-width:100%;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none}:host([direction=\"horizontal\"]) section>::slotted(*){flex:1 0 fit-content;max-width:min(80%,400px)}\n"], dependencies: [{ kind: "directive", type: Renderer, selector: "ng-container[a2ui-renderer]", inputs: ["surfaceId", "component"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: List, decorators: [{
+            type: Component,
+            args: [{ selector: 'a2ui-list', imports: [Renderer], host: {
+                        '[attr.direction]': 'direction()',
+                    }, template: `
+    <section [class]="theme.components.List" [style]="theme.additionalStyles?.List">
+      @for (child of component().properties.children; track child) {
+        <ng-container a2ui-renderer [surfaceId]="surfaceId()!" [component]="child" />
+      }
+    </section>
+  `, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}:host([direction=\"vertical\"]) section{display:grid}:host([direction=\"horizontal\"]) section{display:flex;max-width:100%;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none}:host([direction=\"horizontal\"]) section>::slotted(*){flex:1 0 fit-content;max-width:min(80%,400px)}\n"] }]
+        }], propDecorators: { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }] } });
+
+export { List };
+//# sourceMappingURL=a2ui-angular-list-nEeT59V3.mjs.map