@copilotkit/a2ui-renderer 1.60.2 → 1.61.0

package/dist/web-components/define.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.mjs","names":[],"sources":["../../src/web-components/define.ts"],"sourcesContent":["import { CpkA2uiBoundComponent } from \"./bound-component\";\nimport { CpkA2uiNode } from \"./node\";\nimport { CpkA2uiSurface } from \"./surface\";\n\nexport const CPK_A2UI_SURFACE_TAG = \"cpk-a2ui-surface\";\nexport const CPK_A2UI_NODE_TAG = \"cpk-a2ui-node\";\nexport const CPK_A2UI_BOUND_COMPONENT_TAG = \"cpk-a2ui-bound-component\";\n\nexport function defineA2UIWebComponents(): void {\n  if (!customElements.get(CPK_A2UI_BOUND_COMPONENT_TAG)) {\n    customElements.define(CPK_A2UI_BOUND_COMPONENT_TAG, CpkA2uiBoundComponent);\n  }\n  if (!customElements.get(CPK_A2UI_NODE_TAG)) {\n    customElements.define(CPK_A2UI_NODE_TAG, CpkA2uiNode);\n  }\n  if (!customElements.get(CPK_A2UI_SURFACE_TAG)) {\n    customElements.define(CPK_A2UI_SURFACE_TAG, CpkA2uiSurface);\n  }\n}\n\nexport { CpkA2uiSurface, CpkA2uiNode, CpkA2uiBoundComponent };\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"cpk-a2ui-surface\": CpkA2uiSurface;\n    \"cpk-a2ui-node\": CpkA2uiNode;\n    \"cpk-a2ui-bound-component\": CpkA2uiBoundComponent;\n  }\n}\n"],"mappings":";;;;;AAIA,MAAa,uBAAuB;AACpC,MAAa,oBAAoB;AACjC,MAAa,+BAA+B;AAE5C,SAAgB,0BAAgC;AAC9C,KAAI,CAAC,eAAe,IAAI,6BAA6B,CACnD,gBAAe,OAAO,8BAA8B,sBAAsB;AAE5E,KAAI,CAAC,eAAe,IAAI,kBAAkB,CACxC,gBAAe,OAAO,mBAAmB,YAAY;AAEvD,KAAI,CAAC,eAAe,IAAI,qBAAqB,CAC3C,gBAAe,OAAO,sBAAsB,eAAe"}

package/dist/web-components/index.cjs

@@ -0,0 +1,78 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_bound_component = require('./bound-component.cjs');
+const require_node = require('./node.cjs');
+const require_adapter = require('./adapter.cjs');
+const require_audio_player = require('./catalog/basic/audio-player.cjs');
+const require_button = require('./catalog/basic/button.cjs');
+const require_card = require('./catalog/basic/card.cjs');
+const require_check_box = require('./catalog/basic/check-box.cjs');
+const require_choice_picker = require('./catalog/basic/choice-picker.cjs');
+const require_column = require('./catalog/basic/column.cjs');
+const require_date_time_input = require('./catalog/basic/date-time-input.cjs');
+const require_divider = require('./catalog/basic/divider.cjs');
+const require_icon = require('./catalog/basic/icon.cjs');
+const require_image = require('./catalog/basic/image.cjs');
+const require_list = require('./catalog/basic/list.cjs');
+const require_modal = require('./catalog/basic/modal.cjs');
+const require_row = require('./catalog/basic/row.cjs');
+const require_slider = require('./catalog/basic/slider.cjs');
+const require_tabs = require('./catalog/basic/tabs.cjs');
+const require_text = require('./catalog/basic/text.cjs');
+const require_text_field = require('./catalog/basic/text-field.cjs');
+const require_video = require('./catalog/basic/video.cjs');
+const require_index = require('./catalog/basic/index.cjs');
+const require_surface = require('./surface.cjs');
+const require_define = require('./define.cjs');
+const require_index$1 = require('./catalog/minimal/index.cjs');
+const require_create_catalog = require('./create-catalog.cjs');
+let _a2ui_web_core_v0_9 = require("@a2ui/web_core/v0_9");
+
+exports.A2UI_SCHEMA_CONTEXT_DESCRIPTION = require_create_catalog.A2UI_SCHEMA_CONTEXT_DESCRIPTION;
+exports.AudioPlayer = require_audio_player.AudioPlayer;
+exports.Button = require_button.Button;
+exports.CPK_A2UI_BOUND_COMPONENT_TAG = require_define.CPK_A2UI_BOUND_COMPONENT_TAG;
+exports.CPK_A2UI_NODE_TAG = require_define.CPK_A2UI_NODE_TAG;
+exports.CPK_A2UI_SURFACE_TAG = require_define.CPK_A2UI_SURFACE_TAG;
+exports.Card = require_card.Card;
+Object.defineProperty(exports, 'Catalog', {
+  enumerable: true,
+  get: function () {
+    return _a2ui_web_core_v0_9.Catalog;
+  }
+});
+exports.CheckBox = require_check_box.CheckBox;
+exports.ChoicePicker = require_choice_picker.ChoicePicker;
+exports.Column = require_column.Column;
+exports.CpkA2uiBoundComponent = require_bound_component.CpkA2uiBoundComponent;
+exports.CpkA2uiNode = require_node.CpkA2uiNode;
+exports.CpkA2uiSurface = require_surface.CpkA2uiSurface;
+exports.DateTimeInput = require_date_time_input.DateTimeInput;
+exports.Divider = require_divider.Divider;
+exports.Icon = require_icon.Icon;
+exports.Image = require_image.Image;
+exports.List = require_list.List;
+Object.defineProperty(exports, 'MinimalCatalog', {
+  enumerable: true,
+  get: function () {
+    return require_index$1.minimal_exports;
+  }
+});
+exports.Modal = require_modal.Modal;
+exports.Row = require_row.Row;
+exports.Slider = require_slider.Slider;
+exports.Tabs = require_tabs.Tabs;
+exports.Text = require_text.Text;
+exports.TextField = require_text_field.TextField;
+exports.Video = require_video.Video;
+exports.basicCatalog = require_index.basicCatalog;
+exports.buildCatalogContextValue = require_create_catalog.buildCatalogContextValue;
+exports.createA2UICatalog = require_create_catalog.createA2UICatalog;
+exports.createBinderlessLitComponent = require_adapter.createBinderlessLitComponent;
+exports.createCatalog = require_create_catalog.createCatalog;
+exports.createLitComponent = require_adapter.createLitComponent;
+exports.defineA2UIWebComponents = require_define.defineA2UIWebComponents;
+exports.extractA2UISchema = require_create_catalog.extractA2UISchema;
+exports.extractCatalogComponentSchemas = require_create_catalog.extractCatalogComponentSchemas;
+exports.extractSchema = require_create_catalog.extractSchema;
+exports.fullCatalog = require_index.fullCatalog;
+exports.minimalCatalog = require_index$1.minimalCatalog;

package/dist/web-components/index.d.cts

@@ -0,0 +1,30 @@
+import { A2UINodeElement, A2UISurfaceElement, CatalogComponentDefinition, CatalogDefinitions, CatalogRenderers, ComponentRenderer, LitA2UIComponentProps, LitComponentImplementation, LitRenderable, LitRendererFn, PropsOf, RendererProps } from "./types.cjs";
+import { CpkA2uiBoundComponent } from "./bound-component.cjs";
+import { CpkA2uiNode } from "./node.cjs";
+import { CpkA2uiSurface } from "./surface.cjs";
+import { CPK_A2UI_BOUND_COMPONENT_TAG, CPK_A2UI_NODE_TAG, CPK_A2UI_SURFACE_TAG, defineA2UIWebComponents } from "./define.cjs";
+import { createBinderlessLitComponent, createLitComponent } from "./adapter.cjs";
+import { AudioPlayer } from "./catalog/basic/audio-player.cjs";
+import { Button } from "./catalog/basic/button.cjs";
+import { Card } from "./catalog/basic/card.cjs";
+import { CheckBox } from "./catalog/basic/check-box.cjs";
+import { ChoicePicker } from "./catalog/basic/choice-picker.cjs";
+import { Column } from "./catalog/basic/column.cjs";
+import { DateTimeInput } from "./catalog/basic/date-time-input.cjs";
+import { Divider } from "./catalog/basic/divider.cjs";
+import { Icon } from "./catalog/basic/icon.cjs";
+import { Image } from "./catalog/basic/image.cjs";
+import { List } from "./catalog/basic/list.cjs";
+import { Modal } from "./catalog/basic/modal.cjs";
+import { Row } from "./catalog/basic/row.cjs";
+import { Slider } from "./catalog/basic/slider.cjs";
+import { Tabs } from "./catalog/basic/tabs.cjs";
+import { Text } from "./catalog/basic/text.cjs";
+import { TextField } from "./catalog/basic/text-field.cjs";
+import { Video } from "./catalog/basic/video.cjs";
+import { basicCatalog, fullCatalog } from "./catalog/basic/index.cjs";
+import { index_d_exports, minimalCatalog } from "./catalog/minimal/index.cjs";
+import { A2UIComponentDefinition, A2UIComponentMap, A2UI_SCHEMA_CONTEXT_DESCRIPTION, buildCatalogContextValue, createA2UICatalog, createCatalog, extractA2UISchema, extractCatalogComponentSchemas, extractSchema } from "./create-catalog.cjs";
+import { A2UIClientEventMessage, Theme } from "./a2ui-types.cjs";
+import { Catalog } from "@a2ui/web_core/v0_9";
+export { type A2UIClientEventMessage, type A2UIComponentDefinition, type A2UIComponentMap, type A2UINodeElement, type A2UISurfaceElement, A2UI_SCHEMA_CONTEXT_DESCRIPTION, AudioPlayer, Button, CPK_A2UI_BOUND_COMPONENT_TAG, CPK_A2UI_NODE_TAG, CPK_A2UI_SURFACE_TAG, Card, Catalog, type CatalogComponentDefinition, type CatalogDefinitions, type CatalogRenderers, CheckBox, ChoicePicker, Column, type ComponentRenderer, CpkA2uiBoundComponent, CpkA2uiNode, CpkA2uiSurface, DateTimeInput, Divider, Icon, Image, List, type LitA2UIComponentProps, type LitComponentImplementation, type LitRenderable, type LitRendererFn, index_d_exports as MinimalCatalog, Modal, type PropsOf, type RendererProps, Row, Slider, Tabs, Text, TextField, type Theme, Video, basicCatalog, buildCatalogContextValue, createA2UICatalog, createBinderlessLitComponent, createCatalog, createLitComponent, defineA2UIWebComponents, extractA2UISchema, extractCatalogComponentSchemas, extractSchema, fullCatalog, minimalCatalog };

package/dist/web-components/index.d.mts

@@ -0,0 +1,30 @@
+import { A2UINodeElement, A2UISurfaceElement, CatalogComponentDefinition, CatalogDefinitions, CatalogRenderers, ComponentRenderer, LitA2UIComponentProps, LitComponentImplementation, LitRenderable, LitRendererFn, PropsOf, RendererProps } from "./types.mjs";
+import { CpkA2uiBoundComponent } from "./bound-component.mjs";
+import { CpkA2uiNode } from "./node.mjs";
+import { CpkA2uiSurface } from "./surface.mjs";
+import { CPK_A2UI_BOUND_COMPONENT_TAG, CPK_A2UI_NODE_TAG, CPK_A2UI_SURFACE_TAG, defineA2UIWebComponents } from "./define.mjs";
+import { createBinderlessLitComponent, createLitComponent } from "./adapter.mjs";
+import { AudioPlayer } from "./catalog/basic/audio-player.mjs";
+import { Button } from "./catalog/basic/button.mjs";
+import { Card } from "./catalog/basic/card.mjs";
+import { CheckBox } from "./catalog/basic/check-box.mjs";
+import { ChoicePicker } from "./catalog/basic/choice-picker.mjs";
+import { Column } from "./catalog/basic/column.mjs";
+import { DateTimeInput } from "./catalog/basic/date-time-input.mjs";
+import { Divider } from "./catalog/basic/divider.mjs";
+import { Icon } from "./catalog/basic/icon.mjs";
+import { Image } from "./catalog/basic/image.mjs";
+import { List } from "./catalog/basic/list.mjs";
+import { Modal } from "./catalog/basic/modal.mjs";
+import { Row } from "./catalog/basic/row.mjs";
+import { Slider } from "./catalog/basic/slider.mjs";
+import { Tabs } from "./catalog/basic/tabs.mjs";
+import { Text } from "./catalog/basic/text.mjs";
+import { TextField } from "./catalog/basic/text-field.mjs";
+import { Video } from "./catalog/basic/video.mjs";
+import { basicCatalog, fullCatalog } from "./catalog/basic/index.mjs";
+import { index_d_exports, minimalCatalog } from "./catalog/minimal/index.mjs";
+import { A2UIComponentDefinition, A2UIComponentMap, A2UI_SCHEMA_CONTEXT_DESCRIPTION, buildCatalogContextValue, createA2UICatalog, createCatalog, extractA2UISchema, extractCatalogComponentSchemas, extractSchema } from "./create-catalog.mjs";
+import { A2UIClientEventMessage, Theme } from "./a2ui-types.mjs";
+import { Catalog } from "@a2ui/web_core/v0_9";
+export { type A2UIClientEventMessage, type A2UIComponentDefinition, type A2UIComponentMap, type A2UINodeElement, type A2UISurfaceElement, A2UI_SCHEMA_CONTEXT_DESCRIPTION, AudioPlayer, Button, CPK_A2UI_BOUND_COMPONENT_TAG, CPK_A2UI_NODE_TAG, CPK_A2UI_SURFACE_TAG, Card, Catalog, type CatalogComponentDefinition, type CatalogDefinitions, type CatalogRenderers, CheckBox, ChoicePicker, Column, type ComponentRenderer, CpkA2uiBoundComponent, CpkA2uiNode, CpkA2uiSurface, DateTimeInput, Divider, Icon, Image, List, type LitA2UIComponentProps, type LitComponentImplementation, type LitRenderable, type LitRendererFn, index_d_exports as MinimalCatalog, Modal, type PropsOf, type RendererProps, Row, Slider, Tabs, Text, TextField, type Theme, Video, basicCatalog, buildCatalogContextValue, createA2UICatalog, createBinderlessLitComponent, createCatalog, createLitComponent, defineA2UIWebComponents, extractA2UISchema, extractCatalogComponentSchemas, extractSchema, fullCatalog, minimalCatalog };

package/dist/web-components/index.mjs

@@ -0,0 +1,29 @@
+import { CpkA2uiBoundComponent } from "./bound-component.mjs";
+import { CpkA2uiNode } from "./node.mjs";
+import { createBinderlessLitComponent, createLitComponent } from "./adapter.mjs";
+import { AudioPlayer } from "./catalog/basic/audio-player.mjs";
+import { Button } from "./catalog/basic/button.mjs";
+import { Card } from "./catalog/basic/card.mjs";
+import { CheckBox } from "./catalog/basic/check-box.mjs";
+import { ChoicePicker } from "./catalog/basic/choice-picker.mjs";
+import { Column } from "./catalog/basic/column.mjs";
+import { DateTimeInput } from "./catalog/basic/date-time-input.mjs";
+import { Divider } from "./catalog/basic/divider.mjs";
+import { Icon } from "./catalog/basic/icon.mjs";
+import { Image } from "./catalog/basic/image.mjs";
+import { List } from "./catalog/basic/list.mjs";
+import { Modal } from "./catalog/basic/modal.mjs";
+import { Row } from "./catalog/basic/row.mjs";
+import { Slider } from "./catalog/basic/slider.mjs";
+import { Tabs } from "./catalog/basic/tabs.mjs";
+import { Text } from "./catalog/basic/text.mjs";
+import { TextField } from "./catalog/basic/text-field.mjs";
+import { Video } from "./catalog/basic/video.mjs";
+import { basicCatalog, fullCatalog } from "./catalog/basic/index.mjs";
+import { CpkA2uiSurface } from "./surface.mjs";
+import { CPK_A2UI_BOUND_COMPONENT_TAG, CPK_A2UI_NODE_TAG, CPK_A2UI_SURFACE_TAG, defineA2UIWebComponents } from "./define.mjs";
+import { minimalCatalog, minimal_exports } from "./catalog/minimal/index.mjs";
+import { A2UI_SCHEMA_CONTEXT_DESCRIPTION, buildCatalogContextValue, createA2UICatalog, createCatalog, extractA2UISchema, extractCatalogComponentSchemas, extractSchema } from "./create-catalog.mjs";
+import { Catalog } from "@a2ui/web_core/v0_9";
+
+export { A2UI_SCHEMA_CONTEXT_DESCRIPTION, AudioPlayer, Button, CPK_A2UI_BOUND_COMPONENT_TAG, CPK_A2UI_NODE_TAG, CPK_A2UI_SURFACE_TAG, Card, Catalog, CheckBox, ChoicePicker, Column, CpkA2uiBoundComponent, CpkA2uiNode, CpkA2uiSurface, DateTimeInput, Divider, Icon, Image, List, minimal_exports as MinimalCatalog, Modal, Row, Slider, Tabs, Text, TextField, Video, basicCatalog, buildCatalogContextValue, createA2UICatalog, createBinderlessLitComponent, createCatalog, createLitComponent, defineA2UIWebComponents, extractA2UISchema, extractCatalogComponentSchemas, extractSchema, fullCatalog, minimalCatalog };

package/dist/web-components/node.cjs

@@ -0,0 +1,94 @@
+let lit = require("lit");
+let _a2ui_web_core_v0_9 = require("@a2ui/web_core/v0_9");
+
+//#region src/web-components/node.ts
+var CpkA2uiNode = class extends lit.LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.componentId = "root";
+		this.basePath = "/";
+		this.subscriptions = [];
+	}
+	static {
+		this.properties = {
+			surface: { attribute: false },
+			componentId: { attribute: false },
+			basePath: { attribute: false }
+		};
+	}
+	createRenderRoot() {
+		return this;
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this.style.display = "contents";
+	}
+	disconnectedCallback() {
+		this.unsubscribe();
+		super.disconnectedCallback();
+	}
+	unsubscribe() {
+		this.subscriptions.forEach((sub) => sub.unsubscribe());
+		this.subscriptions = [];
+		this.subscribedSurface = void 0;
+		this.subscribedComponentId = void 0;
+	}
+	ensureSubscriptions() {
+		if (!this.surface) return;
+		if (this.subscribedSurface === this.surface && this.subscribedComponentId === this.componentId) return;
+		this.unsubscribe();
+		this.subscribedSurface = this.surface;
+		this.subscribedComponentId = this.componentId;
+		this.subscriptions.push(this.surface.componentsModel.onCreated.subscribe((comp) => {
+			if (comp.id === this.componentId) this.requestUpdate();
+		}), this.surface.componentsModel.onDeleted.subscribe((id) => {
+			if (id === this.componentId) this.requestUpdate();
+		}));
+	}
+	render() {
+		this.ensureSubscriptions();
+		const surface = this.surface;
+		if (!surface) return lit.nothing;
+		const componentModel = surface.componentsModel.get(this.componentId);
+		if (!componentModel) return lit.html`
+        <div
+          style="
+            padding: 12px 16px;
+            border-radius: 8px;
+            background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
+            background-size: 200% 100%;
+            animation: a2ui-shimmer 1.5s ease-in-out infinite;
+            min-height: 2rem;
+          "
+        >
+          <style>
+            @keyframes a2ui-shimmer {
+              0% {
+                background-position: 200% 0;
+              }
+              100% {
+                background-position: -200% 0;
+              }
+            }
+          </style>
+        </div>
+      `;
+		const compImpl = surface.catalog.components.get(componentModel.type);
+		if (!compImpl) return lit.html`
+        <div style="color: red;">Unknown component: ${componentModel.type}</div>
+      `;
+		const context = new _a2ui_web_core_v0_9.ComponentContext(surface, this.componentId, this.basePath);
+		const buildChild = (childId, specificPath) => lit.html`
+      <cpk-a2ui-node
+        .surface=${surface}
+        .componentId=${childId}
+        .basePath=${specificPath || context.dataContext.path}
+      ></cpk-a2ui-node>
+    `;
+		return compImpl.render(context, buildChild);
+	}
+};
+
+//#endregion
+exports.CpkA2uiNode = CpkA2uiNode;
+//# sourceMappingURL=node.cjs.map

package/dist/web-components/node.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.cjs","names":["LitElement","nothing","ComponentContext"],"sources":["../../src/web-components/node.ts"],"sourcesContent":["import { html, LitElement, nothing } from \"lit\";\nimport { ComponentContext } from \"@a2ui/web_core/v0_9\";\nimport type { SurfaceModel } from \"@a2ui/web_core/v0_9\";\nimport type { LitComponentImplementation } from \"./types\";\n\ntype SubscriptionLike = { unsubscribe: () => void };\n\nexport class CpkA2uiNode extends LitElement {\n  static properties = {\n    surface: { attribute: false },\n    componentId: { attribute: false },\n    basePath: { attribute: false },\n  };\n\n  surface?: SurfaceModel<LitComponentImplementation>;\n  componentId = \"root\";\n  basePath = \"/\";\n  private subscriptions: SubscriptionLike[] = [];\n  private subscribedSurface?: SurfaceModel<LitComponentImplementation>;\n  private subscribedComponentId?: string;\n\n  protected createRenderRoot() {\n    return this;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.style.display = \"contents\";\n  }\n\n  disconnectedCallback(): void {\n    this.unsubscribe();\n    super.disconnectedCallback();\n  }\n\n  private unsubscribe(): void {\n    this.subscriptions.forEach((sub) => sub.unsubscribe());\n    this.subscriptions = [];\n    this.subscribedSurface = undefined;\n    this.subscribedComponentId = undefined;\n  }\n\n  private ensureSubscriptions(): void {\n    if (!this.surface) return;\n    if (\n      this.subscribedSurface === this.surface &&\n      this.subscribedComponentId === this.componentId\n    ) {\n      return;\n    }\n\n    this.unsubscribe();\n    this.subscribedSurface = this.surface;\n    this.subscribedComponentId = this.componentId;\n    this.subscriptions.push(\n      this.surface.componentsModel.onCreated.subscribe((comp) => {\n        if (comp.id === this.componentId) this.requestUpdate();\n      }),\n      this.surface.componentsModel.onDeleted.subscribe((id) => {\n        if (id === this.componentId) this.requestUpdate();\n      }),\n    );\n  }\n\n  render() {\n    this.ensureSubscriptions();\n    const surface = this.surface;\n    if (!surface) return nothing;\n\n    const componentModel = surface.componentsModel.get(this.componentId);\n    if (!componentModel) {\n      return html`\n        <div\n          style=\"\n            padding: 12px 16px;\n            border-radius: 8px;\n            background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);\n            background-size: 200% 100%;\n            animation: a2ui-shimmer 1.5s ease-in-out infinite;\n            min-height: 2rem;\n          \"\n        >\n          <style>\n            @keyframes a2ui-shimmer {\n              0% {\n                background-position: 200% 0;\n              }\n              100% {\n                background-position: -200% 0;\n              }\n            }\n          </style>\n        </div>\n      `;\n    }\n\n    const compImpl = surface.catalog.components.get(componentModel.type);\n    if (!compImpl) {\n      return html`\n        <div style=\"color: red;\">Unknown component: ${componentModel.type}</div>\n      `;\n    }\n\n    const context = new ComponentContext(\n      surface,\n      this.componentId,\n      this.basePath,\n    );\n    const buildChild = (childId: string, specificPath?: string) => html`\n      <cpk-a2ui-node\n        .surface=${surface}\n        .componentId=${childId}\n        .basePath=${specificPath || context.dataContext.path}\n      ></cpk-a2ui-node>\n    `;\n\n    return compImpl.render(context, buildChild);\n  }\n}\n"],"mappings":";;;;AAOA,IAAa,cAAb,cAAiCA,eAAW;;;qBAQ5B;kBACH;uBACiC,EAAE;;;oBAT1B;GAClB,SAAS,EAAE,WAAW,OAAO;GAC7B,aAAa,EAAE,WAAW,OAAO;GACjC,UAAU,EAAE,WAAW,OAAO;GAC/B;;CASD,AAAU,mBAAmB;AAC3B,SAAO;;CAGT,oBAA0B;AACxB,QAAM,mBAAmB;AACzB,OAAK,MAAM,UAAU;;CAGvB,uBAA6B;AAC3B,OAAK,aAAa;AAClB,QAAM,sBAAsB;;CAG9B,AAAQ,cAAoB;AAC1B,OAAK,cAAc,SAAS,QAAQ,IAAI,aAAa,CAAC;AACtD,OAAK,gBAAgB,EAAE;AACvB,OAAK,oBAAoB;AACzB,OAAK,wBAAwB;;CAG/B,AAAQ,sBAA4B;AAClC,MAAI,CAAC,KAAK,QAAS;AACnB,MACE,KAAK,sBAAsB,KAAK,WAChC,KAAK,0BAA0B,KAAK,YAEpC;AAGF,OAAK,aAAa;AAClB,OAAK,oBAAoB,KAAK;AAC9B,OAAK,wBAAwB,KAAK;AAClC,OAAK,cAAc,KACjB,KAAK,QAAQ,gBAAgB,UAAU,WAAW,SAAS;AACzD,OAAI,KAAK,OAAO,KAAK,YAAa,MAAK,eAAe;IACtD,EACF,KAAK,QAAQ,gBAAgB,UAAU,WAAW,OAAO;AACvD,OAAI,OAAO,KAAK,YAAa,MAAK,eAAe;IACjD,CACH;;CAGH,SAAS;AACP,OAAK,qBAAqB;EAC1B,MAAM,UAAU,KAAK;AACrB,MAAI,CAAC,QAAS,QAAOC;EAErB,MAAM,iBAAiB,QAAQ,gBAAgB,IAAI,KAAK,YAAY;AACpE,MAAI,CAAC,eACH,QAAO,QAAI;;;;;;;;;;;;;;;;;;;;;;;EAyBb,MAAM,WAAW,QAAQ,QAAQ,WAAW,IAAI,eAAe,KAAK;AACpE,MAAI,CAAC,SACH,QAAO,QAAI;sDACqC,eAAe,KAAK;;EAItE,MAAM,UAAU,IAAIC,qCAClB,SACA,KAAK,aACL,KAAK,SACN;EACD,MAAM,cAAc,SAAiB,iBAA0B,QAAI;;mBAEpD,QAAQ;uBACJ,QAAQ;oBACX,gBAAgB,QAAQ,YAAY,KAAK;;;AAIzD,SAAO,SAAS,OAAO,SAAS,WAAW"}

package/dist/web-components/node.d.cts

@@ -0,0 +1,33 @@
+import { LitComponentImplementation, LitRenderable } from "./types.cjs";
+import { LitElement, nothing } from "lit";
+import { SurfaceModel } from "@a2ui/web_core/v0_9";
+
+//#region src/web-components/node.d.ts
+declare class CpkA2uiNode extends LitElement {
+  static properties: {
+    surface: {
+      attribute: boolean;
+    };
+    componentId: {
+      attribute: boolean;
+    };
+    basePath: {
+      attribute: boolean;
+    };
+  };
+  surface?: SurfaceModel<LitComponentImplementation>;
+  componentId: string;
+  basePath: string;
+  private subscriptions;
+  private subscribedSurface?;
+  private subscribedComponentId?;
+  protected createRenderRoot(): this;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  private unsubscribe;
+  private ensureSubscriptions;
+  render(): LitRenderable | typeof nothing;
+}
+//#endregion
+export { CpkA2uiNode };
+//# sourceMappingURL=node.d.cts.map

package/dist/web-components/node.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.d.cts","names":[],"sources":["../../src/web-components/node.ts"],"mappings":";;;;;cAOa,WAAA,SAAoB,UAAA;EAAA,OACxB,UAAA;;;;;;;;;;;EAMP,OAAA,GAAU,YAAA,CAAa,0BAAA;EACvB,WAAA;EACA,QAAA;EAAA,QACQ,aAAA;EAAA,QACA,iBAAA;EAAA,QACA,qBAAA;EAAA,UAEE,gBAAA,CAAA;EAIV,iBAAA,CAAA;EAKA,oBAAA,CAAA;EAAA,QAKQ,WAAA;EAAA,QAOA,mBAAA;EAsBR,MAAA,CAAA,GAlDsB,aAAA,UAkDhB,OAAA;AAAA"}

package/dist/web-components/node.d.mts

@@ -0,0 +1,33 @@
+import { LitComponentImplementation, LitRenderable } from "./types.mjs";
+import { LitElement, nothing } from "lit";
+import { SurfaceModel } from "@a2ui/web_core/v0_9";
+
+//#region src/web-components/node.d.ts
+declare class CpkA2uiNode extends LitElement {
+  static properties: {
+    surface: {
+      attribute: boolean;
+    };
+    componentId: {
+      attribute: boolean;
+    };
+    basePath: {
+      attribute: boolean;
+    };
+  };
+  surface?: SurfaceModel<LitComponentImplementation>;
+  componentId: string;
+  basePath: string;
+  private subscriptions;
+  private subscribedSurface?;
+  private subscribedComponentId?;
+  protected createRenderRoot(): this;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  private unsubscribe;
+  private ensureSubscriptions;
+  render(): LitRenderable | typeof nothing;
+}
+//#endregion
+export { CpkA2uiNode };
+//# sourceMappingURL=node.d.mts.map

package/dist/web-components/node.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.d.mts","names":[],"sources":["../../src/web-components/node.ts"],"mappings":";;;;;cAOa,WAAA,SAAoB,UAAA;EAAA,OACxB,UAAA;;;;;;;;;;;EAMP,OAAA,GAAU,YAAA,CAAa,0BAAA;EACvB,WAAA;EACA,QAAA;EAAA,QACQ,aAAA;EAAA,QACA,iBAAA;EAAA,QACA,qBAAA;EAAA,UAEE,gBAAA,CAAA;EAIV,iBAAA,CAAA;EAKA,oBAAA,CAAA;EAAA,QAKQ,WAAA;EAAA,QAOA,mBAAA;EAsBR,MAAA,CAAA,GAlDsB,aAAA,UAkDhB,OAAA;AAAA"}

package/dist/web-components/node.mjs

@@ -0,0 +1,94 @@
+import { LitElement, html, nothing } from "lit";
+import { ComponentContext } from "@a2ui/web_core/v0_9";
+
+//#region src/web-components/node.ts
+var CpkA2uiNode = class extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.componentId = "root";
+		this.basePath = "/";
+		this.subscriptions = [];
+	}
+	static {
+		this.properties = {
+			surface: { attribute: false },
+			componentId: { attribute: false },
+			basePath: { attribute: false }
+		};
+	}
+	createRenderRoot() {
+		return this;
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this.style.display = "contents";
+	}
+	disconnectedCallback() {
+		this.unsubscribe();
+		super.disconnectedCallback();
+	}
+	unsubscribe() {
+		this.subscriptions.forEach((sub) => sub.unsubscribe());
+		this.subscriptions = [];
+		this.subscribedSurface = void 0;
+		this.subscribedComponentId = void 0;
+	}
+	ensureSubscriptions() {
+		if (!this.surface) return;
+		if (this.subscribedSurface === this.surface && this.subscribedComponentId === this.componentId) return;
+		this.unsubscribe();
+		this.subscribedSurface = this.surface;
+		this.subscribedComponentId = this.componentId;
+		this.subscriptions.push(this.surface.componentsModel.onCreated.subscribe((comp) => {
+			if (comp.id === this.componentId) this.requestUpdate();
+		}), this.surface.componentsModel.onDeleted.subscribe((id) => {
+			if (id === this.componentId) this.requestUpdate();
+		}));
+	}
+	render() {
+		this.ensureSubscriptions();
+		const surface = this.surface;
+		if (!surface) return nothing;
+		const componentModel = surface.componentsModel.get(this.componentId);
+		if (!componentModel) return html`
+        <div
+          style="
+            padding: 12px 16px;
+            border-radius: 8px;
+            background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
+            background-size: 200% 100%;
+            animation: a2ui-shimmer 1.5s ease-in-out infinite;
+            min-height: 2rem;
+          "
+        >
+          <style>
+            @keyframes a2ui-shimmer {
+              0% {
+                background-position: 200% 0;
+              }
+              100% {
+                background-position: -200% 0;
+              }
+            }
+          </style>
+        </div>
+      `;
+		const compImpl = surface.catalog.components.get(componentModel.type);
+		if (!compImpl) return html`
+        <div style="color: red;">Unknown component: ${componentModel.type}</div>
+      `;
+		const context = new ComponentContext(surface, this.componentId, this.basePath);
+		const buildChild = (childId, specificPath) => html`
+      <cpk-a2ui-node
+        .surface=${surface}
+        .componentId=${childId}
+        .basePath=${specificPath || context.dataContext.path}
+      ></cpk-a2ui-node>
+    `;
+		return compImpl.render(context, buildChild);
+	}
+};
+
+//#endregion
+export { CpkA2uiNode };
+//# sourceMappingURL=node.mjs.map

package/dist/web-components/node.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.mjs","names":[],"sources":["../../src/web-components/node.ts"],"sourcesContent":["import { html, LitElement, nothing } from \"lit\";\nimport { ComponentContext } from \"@a2ui/web_core/v0_9\";\nimport type { SurfaceModel } from \"@a2ui/web_core/v0_9\";\nimport type { LitComponentImplementation } from \"./types\";\n\ntype SubscriptionLike = { unsubscribe: () => void };\n\nexport class CpkA2uiNode extends LitElement {\n  static properties = {\n    surface: { attribute: false },\n    componentId: { attribute: false },\n    basePath: { attribute: false },\n  };\n\n  surface?: SurfaceModel<LitComponentImplementation>;\n  componentId = \"root\";\n  basePath = \"/\";\n  private subscriptions: SubscriptionLike[] = [];\n  private subscribedSurface?: SurfaceModel<LitComponentImplementation>;\n  private subscribedComponentId?: string;\n\n  protected createRenderRoot() {\n    return this;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.style.display = \"contents\";\n  }\n\n  disconnectedCallback(): void {\n    this.unsubscribe();\n    super.disconnectedCallback();\n  }\n\n  private unsubscribe(): void {\n    this.subscriptions.forEach((sub) => sub.unsubscribe());\n    this.subscriptions = [];\n    this.subscribedSurface = undefined;\n    this.subscribedComponentId = undefined;\n  }\n\n  private ensureSubscriptions(): void {\n    if (!this.surface) return;\n    if (\n      this.subscribedSurface === this.surface &&\n      this.subscribedComponentId === this.componentId\n    ) {\n      return;\n    }\n\n    this.unsubscribe();\n    this.subscribedSurface = this.surface;\n    this.subscribedComponentId = this.componentId;\n    this.subscriptions.push(\n      this.surface.componentsModel.onCreated.subscribe((comp) => {\n        if (comp.id === this.componentId) this.requestUpdate();\n      }),\n      this.surface.componentsModel.onDeleted.subscribe((id) => {\n        if (id === this.componentId) this.requestUpdate();\n      }),\n    );\n  }\n\n  render() {\n    this.ensureSubscriptions();\n    const surface = this.surface;\n    if (!surface) return nothing;\n\n    const componentModel = surface.componentsModel.get(this.componentId);\n    if (!componentModel) {\n      return html`\n        <div\n          style=\"\n            padding: 12px 16px;\n            border-radius: 8px;\n            background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);\n            background-size: 200% 100%;\n            animation: a2ui-shimmer 1.5s ease-in-out infinite;\n            min-height: 2rem;\n          \"\n        >\n          <style>\n            @keyframes a2ui-shimmer {\n              0% {\n                background-position: 200% 0;\n              }\n              100% {\n                background-position: -200% 0;\n              }\n            }\n          </style>\n        </div>\n      `;\n    }\n\n    const compImpl = surface.catalog.components.get(componentModel.type);\n    if (!compImpl) {\n      return html`\n        <div style=\"color: red;\">Unknown component: ${componentModel.type}</div>\n      `;\n    }\n\n    const context = new ComponentContext(\n      surface,\n      this.componentId,\n      this.basePath,\n    );\n    const buildChild = (childId: string, specificPath?: string) => html`\n      <cpk-a2ui-node\n        .surface=${surface}\n        .componentId=${childId}\n        .basePath=${specificPath || context.dataContext.path}\n      ></cpk-a2ui-node>\n    `;\n\n    return compImpl.render(context, buildChild);\n  }\n}\n"],"mappings":";;;;AAOA,IAAa,cAAb,cAAiC,WAAW;;;qBAQ5B;kBACH;uBACiC,EAAE;;;oBAT1B;GAClB,SAAS,EAAE,WAAW,OAAO;GAC7B,aAAa,EAAE,WAAW,OAAO;GACjC,UAAU,EAAE,WAAW,OAAO;GAC/B;;CASD,AAAU,mBAAmB;AAC3B,SAAO;;CAGT,oBAA0B;AACxB,QAAM,mBAAmB;AACzB,OAAK,MAAM,UAAU;;CAGvB,uBAA6B;AAC3B,OAAK,aAAa;AAClB,QAAM,sBAAsB;;CAG9B,AAAQ,cAAoB;AAC1B,OAAK,cAAc,SAAS,QAAQ,IAAI,aAAa,CAAC;AACtD,OAAK,gBAAgB,EAAE;AACvB,OAAK,oBAAoB;AACzB,OAAK,wBAAwB;;CAG/B,AAAQ,sBAA4B;AAClC,MAAI,CAAC,KAAK,QAAS;AACnB,MACE,KAAK,sBAAsB,KAAK,WAChC,KAAK,0BAA0B,KAAK,YAEpC;AAGF,OAAK,aAAa;AAClB,OAAK,oBAAoB,KAAK;AAC9B,OAAK,wBAAwB,KAAK;AAClC,OAAK,cAAc,KACjB,KAAK,QAAQ,gBAAgB,UAAU,WAAW,SAAS;AACzD,OAAI,KAAK,OAAO,KAAK,YAAa,MAAK,eAAe;IACtD,EACF,KAAK,QAAQ,gBAAgB,UAAU,WAAW,OAAO;AACvD,OAAI,OAAO,KAAK,YAAa,MAAK,eAAe;IACjD,CACH;;CAGH,SAAS;AACP,OAAK,qBAAqB;EAC1B,MAAM,UAAU,KAAK;AACrB,MAAI,CAAC,QAAS,QAAO;EAErB,MAAM,iBAAiB,QAAQ,gBAAgB,IAAI,KAAK,YAAY;AACpE,MAAI,CAAC,eACH,QAAO,IAAI;;;;;;;;;;;;;;;;;;;;;;;EAyBb,MAAM,WAAW,QAAQ,QAAQ,WAAW,IAAI,eAAe,KAAK;AACpE,MAAI,CAAC,SACH,QAAO,IAAI;sDACqC,eAAe,KAAK;;EAItE,MAAM,UAAU,IAAI,iBAClB,SACA,KAAK,aACL,KAAK,SACN;EACD,MAAM,cAAc,SAAiB,iBAA0B,IAAI;;mBAEpD,QAAQ;uBACJ,QAAQ;oBACX,gBAAgB,QAAQ,YAAY,KAAK;;;AAIzD,SAAO,SAAS,OAAO,SAAS,WAAW"}