@a2ui/angular 0.8.2 → 0.9.0-alpha.0

package/fesm2022/a2ui-angular-multiple-choice-Bry7X74i.mjs

@@ -1,78 +0,0 @@
-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 MultipleChoice extends DynamicComponent {
-    options = input.required(...(ngDevMode ? [{ debugName: "options" }] : []));
-    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
-    description = input.required(...(ngDevMode ? [{ debugName: "description" }] : []));
-    selectId = super.getUniqueId('a2ui-multiple-choice');
-    selectValue = computed(() => super.resolvePrimitive(this.value()), ...(ngDevMode ? [{ debugName: "selectValue" }] : []));
-    handleChange(event) {
-        const path = this.value()?.path;
-        if (!(event.target instanceof HTMLSelectElement) || !event.target.value || !path) {
-            return;
-        }
-        this.processor.setData(this.component(), this.processor.resolvePath(path, this.component().dataContextPath), event.target.value);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: MultipleChoice, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: MultipleChoice, isStandalone: true, selector: "a2ui-multiple-choice", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
-    <section [class]="theme.components.MultipleChoice.container">
-      <label [class]="theme.components.MultipleChoice.label" [for]="selectId">{{
-        description()
-      }}</label>
-
-      <select
-        (change)="handleChange($event)"
-        [id]="selectId"
-        [value]="selectValue()"
-        [class]="theme.components.MultipleChoice.element"
-        [style]="theme.additionalStyles?.MultipleChoice"
-      >
-        @for (option of options(); track option.value) {
-          <option [value]="option.value">{{ resolvePrimitive(option.label) }}</option>
-        }
-      </select>
-    </section>
-  `, isInline: true, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}select{width:100%;box-sizing:border-box}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: MultipleChoice, decorators: [{
-            type: Component,
-            args: [{ selector: 'a2ui-multiple-choice', template: `
-    <section [class]="theme.components.MultipleChoice.container">
-      <label [class]="theme.components.MultipleChoice.label" [for]="selectId">{{
-        description()
-      }}</label>
-
-      <select
-        (change)="handleChange($event)"
-        [id]="selectId"
-        [value]="selectValue()"
-        [class]="theme.components.MultipleChoice.element"
-        [style]="theme.additionalStyles?.MultipleChoice"
-      >
-        @for (option of options(); track option.value) {
-          <option [value]="option.value">{{ resolvePrimitive(option.label) }}</option>
-        }
-      </select>
-    </section>
-  `, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}select{width:100%;box-sizing:border-box}\n"] }]
-        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: true }] }] } });
-
-export { MultipleChoice };
-//# sourceMappingURL=a2ui-angular-multiple-choice-Bry7X74i.mjs.map

package/fesm2022/a2ui-angular-multiple-choice-Bry7X74i.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"a2ui-angular-multiple-choice-Bry7X74i.mjs","sources":["../../src/lib/catalog/multiple-choice.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-multiple-choice',\n  template: `\n    <section [class]=\"theme.components.MultipleChoice.container\">\n      <label [class]=\"theme.components.MultipleChoice.label\" [for]=\"selectId\">{{\n        description()\n      }}</label>\n\n      <select\n        (change)=\"handleChange($event)\"\n        [id]=\"selectId\"\n        [value]=\"selectValue()\"\n        [class]=\"theme.components.MultipleChoice.element\"\n        [style]=\"theme.additionalStyles?.MultipleChoice\"\n      >\n        @for (option of options(); track option.value) {\n          <option [value]=\"option.value\">{{ resolvePrimitive(option.label) }}</option>\n        }\n      </select>\n    </section>\n  `,\n  styles: `\n    :host {\n      display: block;\n      flex: var(--weight);\n      min-height: 0;\n      overflow: auto;\n    }\n\n    select {\n      width: 100%;\n      box-sizing: border-box;\n    }\n  `,\n})\nexport class MultipleChoice extends DynamicComponent {\n  readonly options = input.required<{ label: Primitives.StringValue; value: string }[]>();\n  readonly value = input.required<Primitives.StringValue | null>();\n  readonly description = input.required<string>();\n\n  protected readonly selectId = super.getUniqueId('a2ui-multiple-choice');\n  protected selectValue = computed(() => super.resolvePrimitive(this.value()));\n\n  protected handleChange(event: Event) {\n    const path = this.value()?.path;\n\n    if (!(event.target instanceof HTMLSelectElement) || !event.target.value || !path) {\n      return;\n    }\n\n    this.processor.setData(\n      this.component(),\n      this.processor.resolvePath(path, this.component().dataContextPath),\n      event.target.value,\n    );\n  }\n}\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAyCG,MAAO,cAAe,SAAQ,gBAAgB,CAAA;AACzC,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,kDAAsD;AAC9E,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAiC;AACvD,IAAA,WAAW,GAAG,KAAK,CAAC,QAAQ,sDAAU;AAE5B,IAAA,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,sBAAsB,CAAC;AAC7D,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,uDAAC;AAElE,IAAA,YAAY,CAAC,KAAY,EAAA;QACjC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI;AAE/B,QAAA,IAAI,EAAE,KAAK,CAAC,MAAM,YAAY,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE;YAChF;QACF;AAEA,QAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CACpB,IAAI,CAAC,SAAS,EAAE,EAChB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,eAAe,CAAC,EAClE,KAAK,CAAC,MAAM,CAAC,KAAK,CACnB;IACH;uGApBW,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,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,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAjCf;;;;;;;;;;;;;;;;;;AAkBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8GAAA,CAAA,EAAA,CAAA;;2FAeU,cAAc,EAAA,UAAA,EAAA,CAAA;kBAnC1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAAA,QAAA,EACtB;;;;;;;;;;;;;;;;;;AAkBT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,8GAAA,CAAA,EAAA;;;;;"}

package/fesm2022/a2ui-angular-slider-BgseUbN2.mjs

@@ -1,79 +0,0 @@
-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 Slider extends DynamicComponent {
-    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
-    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
-    minValue = input.required(...(ngDevMode ? [{ debugName: "minValue" }] : []));
-    maxValue = input.required(...(ngDevMode ? [{ debugName: "maxValue" }] : []));
-    inputId = super.getUniqueId('a2ui-slider');
-    resolvedValue = computed(() => super.resolvePrimitive(this.value()) ?? 0, ...(ngDevMode ? [{ debugName: "resolvedValue" }] : []));
-    handleInput(event) {
-        const path = this.value()?.path;
-        if (!(event.target instanceof HTMLInputElement) || !path) {
-            return;
-        }
-        this.processor.setData(this.component(), path, event.target.valueAsNumber, this.surfaceId());
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Slider, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", type: Slider, isStandalone: true, selector: "[a2ui-slider]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "minValue", isSignal: true, isRequired: true, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
-    <section [class]="theme.components.Slider.container">
-      <label [class]="theme.components.Slider.label" [for]="inputId">
-        {{ label() }}
-      </label>
-
-      <input
-        autocomplete="off"
-        type="range"
-        [value]="resolvedValue()"
-        [min]="minValue()"
-        [max]="maxValue()"
-        [id]="inputId"
-        (input)="handleInput($event)"
-        [class]="theme.components.Slider.element"
-        [style]="theme.additionalStyles?.Slider"
-      />
-    </section>
-  `, isInline: true, styles: [":host{display:block;flex:var(--weight)}input{display:block;width:100%;box-sizing:border-box}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Slider, decorators: [{
-            type: Component,
-            args: [{ selector: '[a2ui-slider]', template: `
-    <section [class]="theme.components.Slider.container">
-      <label [class]="theme.components.Slider.label" [for]="inputId">
-        {{ label() }}
-      </label>
-
-      <input
-        autocomplete="off"
-        type="range"
-        [value]="resolvedValue()"
-        [min]="minValue()"
-        [max]="maxValue()"
-        [id]="inputId"
-        (input)="handleInput($event)"
-        [class]="theme.components.Slider.element"
-        [style]="theme.additionalStyles?.Slider"
-      />
-    </section>
-  `, styles: [":host{display:block;flex:var(--weight)}input{display:block;width:100%;box-sizing:border-box}\n"] }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], minValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "minValue", required: true }] }], maxValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxValue", required: true }] }] } });
-
-export { Slider };
-//# sourceMappingURL=a2ui-angular-slider-BgseUbN2.mjs.map

package/fesm2022/a2ui-angular-slider-BgseUbN2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"a2ui-angular-slider-BgseUbN2.mjs","sources":["../../src/lib/catalog/slider.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 } from '@a2ui/lit/0.8';\nimport { DynamicComponent } from '../rendering/dynamic-component';\n\n@Component({\n  selector: '[a2ui-slider]',\n  template: `\n    <section [class]=\"theme.components.Slider.container\">\n      <label [class]=\"theme.components.Slider.label\" [for]=\"inputId\">\n        {{ label() }}\n      </label>\n\n      <input\n        autocomplete=\"off\"\n        type=\"range\"\n        [value]=\"resolvedValue()\"\n        [min]=\"minValue()\"\n        [max]=\"maxValue()\"\n        [id]=\"inputId\"\n        (input)=\"handleInput($event)\"\n        [class]=\"theme.components.Slider.element\"\n        [style]=\"theme.additionalStyles?.Slider\"\n      />\n    </section>\n  `,\n  styles: `\n    :host {\n      display: block;\n      flex: var(--weight);\n    }\n\n    input {\n      display: block;\n      width: 100%;\n      box-sizing: border-box;\n    }\n  `,\n})\nexport class Slider extends DynamicComponent {\n  readonly value = input.required<Primitives.NumberValue | null>();\n  readonly label = input('');\n  readonly minValue = input.required<number | undefined>();\n  readonly maxValue = input.required<number | undefined>();\n\n  protected readonly inputId = super.getUniqueId('a2ui-slider');\n  protected resolvedValue = computed(() => super.resolvePrimitive(this.value()) ?? 0);\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.valueAsNumber, this.surfaceId());\n  }\n}\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAwCG,MAAO,MAAO,SAAQ,gBAAgB,CAAA;AACjC,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAiC;AACvD,IAAA,KAAK,GAAG,KAAK,CAAC,EAAE,iDAAC;AACjB,IAAA,QAAQ,GAAG,KAAK,CAAC,QAAQ,mDAAsB;AAC/C,IAAA,QAAQ,GAAG,KAAK,CAAC,QAAQ,mDAAsB;AAErC,IAAA,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC;AACnD,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,yDAAC;AAEzE,IAAA,WAAW,CAAC,KAAY,EAAA;QAChC,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,aAAa,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;IAC9F;uGAjBW,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,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,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAhCP;;;;;;;;;;;;;;;;;;AAkBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,gGAAA,CAAA,EAAA,CAAA;;2FAcU,MAAM,EAAA,UAAA,EAAA,CAAA;kBAlClB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,QAAA,EACf;;;;;;;;;;;;;;;;;;AAkBT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,gGAAA,CAAA,EAAA;;;;;"}

package/fesm2022/a2ui-angular-tabs-q5Mn9vgq.mjs

@@ -1,87 +0,0 @@
-import * as i0 from '@angular/core';
-import { signal, input, computed, Component } from '@angular/core';
-import { DynamicComponent, Renderer } from './a2ui-angular.mjs';
-import { Styles } from '@a2ui/lit/0.8';
-
-/*
- 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 Tabs extends DynamicComponent {
-    selectedIndex = signal(0, ...(ngDevMode ? [{ debugName: "selectedIndex" }] : []));
-    tabs = input.required(...(ngDevMode ? [{ debugName: "tabs" }] : []));
-    buttonClasses = computed(() => {
-        const selectedIndex = this.selectedIndex();
-        return this.tabs().map((_, index) => {
-            return index === selectedIndex
-                ? Styles.merge(this.theme.components.Tabs.controls.all, this.theme.components.Tabs.controls.selected)
-                : this.theme.components.Tabs.controls.all;
-        });
-    }, ...(ngDevMode ? [{ debugName: "buttonClasses" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Tabs, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Tabs, isStandalone: true, selector: "a2ui-tabs", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
-    @let tabs = this.tabs();
-    @let selectedIndex = this.selectedIndex();
-
-    <section [class]="theme.components.Tabs.container" [style]="theme.additionalStyles?.Tabs">
-      <div [class]="theme.components.Tabs.element">
-        @for (tab of tabs; track tab) {
-          <button
-            (click)="this.selectedIndex.set($index)"
-            [disabled]="selectedIndex === $index"
-            [class]="buttonClasses()[selectedIndex]"
-          >
-            {{ resolvePrimitive(tab.title) }}
-          </button>
-        }
-      </div>
-
-      <ng-container
-        a2ui-renderer
-        [surfaceId]="surfaceId()!"
-        [component]="tabs[selectedIndex].child"
-      />
-    </section>
-  `, isInline: true, styles: [":host{display:block;flex:var(--weight)}\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: Tabs, decorators: [{
-            type: Component,
-            args: [{ selector: 'a2ui-tabs', imports: [Renderer], template: `
-    @let tabs = this.tabs();
-    @let selectedIndex = this.selectedIndex();
-
-    <section [class]="theme.components.Tabs.container" [style]="theme.additionalStyles?.Tabs">
-      <div [class]="theme.components.Tabs.element">
-        @for (tab of tabs; track tab) {
-          <button
-            (click)="this.selectedIndex.set($index)"
-            [disabled]="selectedIndex === $index"
-            [class]="buttonClasses()[selectedIndex]"
-          >
-            {{ resolvePrimitive(tab.title) }}
-          </button>
-        }
-      </div>
-
-      <ng-container
-        a2ui-renderer
-        [surfaceId]="surfaceId()!"
-        [component]="tabs[selectedIndex].child"
-      />
-    </section>
-  `, styles: [":host{display:block;flex:var(--weight)}\n"] }]
-        }], propDecorators: { tabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabs", required: true }] }] } });
-
-export { Tabs };
-//# sourceMappingURL=a2ui-angular-tabs-q5Mn9vgq.mjs.map

package/fesm2022/a2ui-angular-tabs-q5Mn9vgq.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"a2ui-angular-tabs-q5Mn9vgq.mjs","sources":["../../src/lib/catalog/tabs.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, signal } from '@angular/core';\nimport { DynamicComponent } from '../rendering/dynamic-component';\nimport { Renderer } from '../rendering/renderer';\nimport { Styles, Types } from '@a2ui/lit/0.8';\n\n@Component({\n  selector: 'a2ui-tabs',\n  imports: [Renderer],\n  template: `\n    @let tabs = this.tabs();\n    @let selectedIndex = this.selectedIndex();\n\n    <section [class]=\"theme.components.Tabs.container\" [style]=\"theme.additionalStyles?.Tabs\">\n      <div [class]=\"theme.components.Tabs.element\">\n        @for (tab of tabs; track tab) {\n          <button\n            (click)=\"this.selectedIndex.set($index)\"\n            [disabled]=\"selectedIndex === $index\"\n            [class]=\"buttonClasses()[selectedIndex]\"\n          >\n            {{ resolvePrimitive(tab.title) }}\n          </button>\n        }\n      </div>\n\n      <ng-container\n        a2ui-renderer\n        [surfaceId]=\"surfaceId()!\"\n        [component]=\"tabs[selectedIndex].child\"\n      />\n    </section>\n  `,\n  styles: `\n    :host {\n      display: block;\n      flex: var(--weight);\n    }\n  `,\n})\nexport class Tabs extends DynamicComponent {\n  protected selectedIndex = signal(0);\n  readonly tabs = input.required<Types.ResolvedTabItem[]>();\n\n  protected readonly buttonClasses = computed(() => {\n    const selectedIndex = this.selectedIndex();\n\n    return this.tabs().map((_, index) => {\n      return index === selectedIndex\n        ? Styles.merge(\n          this.theme.components.Tabs.controls.all,\n          this.theme.components.Tabs.controls.selected,\n        )\n        : this.theme.components.Tabs.controls.all;\n    });\n  });\n}\n"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;AAcG;AAyCG,MAAO,IAAK,SAAQ,gBAAgB,CAAA;AAC9B,IAAA,aAAa,GAAG,MAAM,CAAC,CAAC,yDAAC;AAC1B,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAA2B;AAEtC,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC/C,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE;AAE1C,QAAA,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAI;YAClC,OAAO,KAAK,KAAK;AACf,kBAAE,MAAM,CAAC,KAAK,CACZ,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EACvC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ;AAE9C,kBAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG;AAC7C,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC,yDAAC;uGAfS,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,EA/BL;;;;;;;;;;;;;;;;;;;;;;;AAuBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAxBS,QAAQ,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAgCP,IAAI,EAAA,UAAA,EAAA,CAAA;kBAlChB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,OAAA,EACZ,CAAC,QAAQ,CAAC,EAAA,QAAA,EACT;;;;;;;;;;;;;;;;;;;;;;;AAuBT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,2CAAA,CAAA,EAAA;;;;;"}

package/fesm2022/a2ui-angular-text-field-Deokh07j.mjs

@@ -1,85 +0,0 @@
-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 TextField extends DynamicComponent {
-    text = input.required(...(ngDevMode ? [{ debugName: "text" }] : []));
-    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
-    inputType = input.required(...(ngDevMode ? [{ debugName: "inputType" }] : []));
-    inputValue = computed(() => super.resolvePrimitive(this.text()) || '', ...(ngDevMode ? [{ debugName: "inputValue" }] : []));
-    resolvedLabel = computed(() => super.resolvePrimitive(this.label()), ...(ngDevMode ? [{ debugName: "resolvedLabel" }] : []));
-    inputId = super.getUniqueId('a2ui-input');
-    handleInput(event) {
-        const path = this.text()?.path;
-        if (!(event.target instanceof HTMLInputElement) || !path) {
-            return;
-        }
-        this.processor.setData(this.component(), path, event.target.value, this.surfaceId());
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TextField, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: TextField, isStandalone: true, selector: "a2ui-text-field", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, inputType: { classPropertyName: "inputType", publicName: "inputType", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
-    @let resolvedLabel = this.resolvedLabel();
-
-    <section [class]="theme.components.TextField.container">
-      @if (resolvedLabel) {
-        <label [for]="inputId" [class]="theme.components.TextField.label">{{
-          resolvedLabel
-        }}</label>
-      }
-
-      <input
-        autocomplete="off"
-        [class]="theme.components.TextField.element"
-        [style]="theme.additionalStyles?.TextField"
-        (input)="handleInput($event)"
-        [id]="inputId"
-        [value]="inputValue()"
-        placeholder="Please enter a value"
-        [type]="inputType() === 'number' ? 'number' : 'text'"
-      />
-    </section>
-  `, isInline: true, styles: [":host{display:flex;flex:var(--weight)}section,input,label{box-sizing:border-box}input{display:block;width:100%}label{display:block;margin-bottom:4px}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TextField, decorators: [{
-            type: Component,
-            args: [{ selector: 'a2ui-text-field', template: `
-    @let resolvedLabel = this.resolvedLabel();
-
-    <section [class]="theme.components.TextField.container">
-      @if (resolvedLabel) {
-        <label [for]="inputId" [class]="theme.components.TextField.label">{{
-          resolvedLabel
-        }}</label>
-      }
-
-      <input
-        autocomplete="off"
-        [class]="theme.components.TextField.element"
-        [style]="theme.additionalStyles?.TextField"
-        (input)="handleInput($event)"
-        [id]="inputId"
-        [value]="inputValue()"
-        placeholder="Please enter a value"
-        [type]="inputType() === 'number' ? 'number' : 'text'"
-      />
-    </section>
-  `, styles: [":host{display:flex;flex:var(--weight)}section,input,label{box-sizing:border-box}input{display:block;width:100%}label{display:block;margin-bottom:4px}\n"] }]
-        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], inputType: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputType", required: true }] }] } });
-
-export { TextField };
-//# sourceMappingURL=a2ui-angular-text-field-Deokh07j.mjs.map

package/fesm2022/a2ui-angular-text-field-Deokh07j.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"a2ui-angular-text-field-Deokh07j.mjs","sources":["../../src/lib/catalog/text-field.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 { Primitives, Types } from '@a2ui/lit/0.8';\nimport { DynamicComponent } from '../rendering/dynamic-component';\n\n@Component({\n  selector: 'a2ui-text-field',\n  styles: `\n    :host {\n      display: flex;\n      flex: var(--weight);\n    }\n\n    section,\n    input,\n    label {\n      box-sizing: border-box;\n    }\n\n    input {\n      display: block;\n      width: 100%;\n    }\n\n    label {\n      display: block;\n      margin-bottom: 4px;\n    }\n  `,\n  template: `\n    @let resolvedLabel = this.resolvedLabel();\n\n    <section [class]=\"theme.components.TextField.container\">\n      @if (resolvedLabel) {\n        <label [for]=\"inputId\" [class]=\"theme.components.TextField.label\">{{\n          resolvedLabel\n        }}</label>\n      }\n\n      <input\n        autocomplete=\"off\"\n        [class]=\"theme.components.TextField.element\"\n        [style]=\"theme.additionalStyles?.TextField\"\n        (input)=\"handleInput($event)\"\n        [id]=\"inputId\"\n        [value]=\"inputValue()\"\n        placeholder=\"Please enter a value\"\n        [type]=\"inputType() === 'number' ? 'number' : 'text'\"\n      />\n    </section>\n  `,\n})\nexport class TextField extends DynamicComponent {\n  readonly text = input.required<Primitives.StringValue | null>();\n  readonly label = input.required<Primitives.StringValue | null>();\n  readonly inputType = input.required<Types.ResolvedTextField['type'] | null>();\n\n  protected inputValue = computed(() => super.resolvePrimitive(this.text()) || '');\n  protected resolvedLabel = computed(() => super.resolvePrimitive(this.label()));\n  protected inputId = super.getUniqueId('a2ui-input');\n\n  protected handleInput(event: Event) {\n    const path = this.text()?.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"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAqDG,MAAO,SAAU,SAAQ,gBAAgB,CAAA;AACpC,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAiC;AACtD,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAiC;AACvD,IAAA,SAAS,GAAG,KAAK,CAAC,QAAQ,oDAA0C;AAEnE,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,sDAAC;AACtE,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,yDAAC;AACpE,IAAA,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,YAAY,CAAC;AAEzC,IAAA,WAAW,CAAC,KAAY,EAAA;QAChC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI;AAE9B,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,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;IACtF;uGAjBW,SAAS,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAT,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,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,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,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,EAvBV;;;;;;;;;;;;;;;;;;;;;AAqBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,yJAAA,CAAA,EAAA,CAAA;;2FAEU,SAAS,EAAA,UAAA,EAAA,CAAA;kBA/CrB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,QAAA,EAuBjB;;;;;;;;;;;;;;;;;;;;;AAqBT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,yJAAA,CAAA,EAAA;;;;;"}

package/fesm2022/a2ui-angular-video-DuFTfN0B.mjs

@@ -1,48 +0,0 @@
-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 Video 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: Video, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Video, isStandalone: true, selector: "a2ui-video", 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.Video" [style]="theme.additionalStyles?.Video">
-        <video controls [src]="resolvedUrl"></video>
-      </section>
-    }
-  `, isInline: true, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}video{display:block;width:100%;box-sizing:border-box}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Video, decorators: [{
-            type: Component,
-            args: [{ selector: 'a2ui-video', template: `
-    @let resolvedUrl = this.resolvedUrl();
-
-    @if (resolvedUrl) {
-      <section [class]="theme.components.Video" [style]="theme.additionalStyles?.Video">
-        <video controls [src]="resolvedUrl"></video>
-      </section>
-    }
-  `, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}video{display:block;width:100%;box-sizing:border-box}\n"] }]
-        }], propDecorators: { url: [{ type: i0.Input, args: [{ isSignal: true, alias: "url", required: true }] }] } });
-
-export { Video };
-//# sourceMappingURL=a2ui-angular-video-DuFTfN0B.mjs.map

package/fesm2022/a2ui-angular-video-DuFTfN0B.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"a2ui-angular-video-DuFTfN0B.mjs","sources":["../../src/lib/catalog/video.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-video',\n  template: `\n    @let resolvedUrl = this.resolvedUrl();\n\n    @if (resolvedUrl) {\n      <section [class]=\"theme.components.Video\" [style]=\"theme.additionalStyles?.Video\">\n        <video controls [src]=\"resolvedUrl\"></video>\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    video {\n      display: block;\n      width: 100%;\n      box-sizing: border-box;\n    }\n  `,\n})\nexport class Video 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;;;;;"}