@copilotkit/a2ui-renderer 1.60.2 → 1.61.1

package/dist/web-components/catalog/basic/slider.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.mts","names":[],"sources":["../../../../src/web-components/catalog/basic/slider.ts"],"mappings":";;;;cAOa,MAAA,EAoCX,0BAAA"}

package/dist/web-components/catalog/basic/slider.mjs

@@ -0,0 +1,44 @@
+import { createLitComponent } from "../../adapter.mjs";
+import { LEAF_MARGIN } from "./utils.mjs";
+import { uniqueId } from "./ids.mjs";
+import { html, nothing } from "lit";
+import { SliderApi } from "@a2ui/web_core/v0_9/basic_catalog";
+import { styleMap } from "lit/directives/style-map.js";
+
+//#region src/web-components/catalog/basic/slider.ts
+const Slider = createLitComponent(SliderApi, ({ props }) => {
+	const inputId = uniqueId("slider");
+	return html`
+    <div
+      style=${styleMap({
+		display: "flex",
+		flexDirection: "column",
+		gap: "4px",
+		margin: LEAF_MARGIN,
+		width: "100%"
+	})}
+    >
+      <div style="display: flex; justify-content: space-between;">
+        ${props.label ? html`<label
+              for=${inputId}
+              style="font-size: 14px; font-weight: bold;"
+              >${props.label}</label
+            >` : nothing}
+        <span style="font-size: 12px; color: #666;">${props.value}</span>
+      </div>
+      <input
+        id=${inputId}
+        type="range"
+        min=${props.min ?? 0}
+        max=${props.max}
+        .value=${String(props.value ?? 0)}
+        @input=${(e) => props.setValue(Number(e.target.value))}
+        style="width: 100%; cursor: pointer;"
+      />
+    </div>
+  `;
+});
+
+//#endregion
+export { Slider };
+//# sourceMappingURL=slider.mjs.map

package/dist/web-components/catalog/basic/slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/slider.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { SliderApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { uniqueId } from \"./ids\";\nimport { LEAF_MARGIN } from \"./utils\";\n\nexport const Slider = createLitComponent(SliderApi, ({ props }) => {\n  const inputId = uniqueId(\"slider\");\n  return html`\n    <div\n      style=${styleMap({\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: \"4px\",\n        margin: LEAF_MARGIN,\n        width: \"100%\",\n      })}\n    >\n      <div style=\"display: flex; justify-content: space-between;\">\n        ${\n          props.label\n            ? html`<label\n              for=${inputId}\n              style=\"font-size: 14px; font-weight: bold;\"\n              >${props.label}</label\n            >`\n            : nothing\n        }\n        <span style=\"font-size: 12px; color: #666;\">${props.value}</span>\n      </div>\n      <input\n        id=${inputId}\n        type=\"range\"\n        min=${props.min ?? 0}\n        max=${props.max}\n        .value=${String(props.value ?? 0)}\n        @input=${(e: Event) =>\n          props.setValue(Number((e.target as HTMLInputElement).value))}\n        style=\"width: 100%; cursor: pointer;\"\n      />\n    </div>\n  `;\n});\n"],"mappings":";;;;;;;;AAOA,MAAa,SAAS,mBAAmB,YAAY,EAAE,YAAY;CACjE,MAAM,UAAU,SAAS,SAAS;AAClC,QAAO,IAAI;;cAEC,SAAS;EACf,SAAS;EACT,eAAe;EACf,KAAK;EACL,QAAQ;EACR,OAAO;EACR,CAAC,CAAC;;;UAIC,MAAM,QACF,IAAI;oBACE,QAAQ;;iBAEX,MAAM,MAAM;iBAEf,QACL;sDAC6C,MAAM,MAAM;;;aAGrD,QAAQ;;cAEP,MAAM,OAAO,EAAE;cACf,MAAM,IAAI;iBACP,OAAO,MAAM,SAAS,EAAE,CAAC;kBACxB,MACR,MAAM,SAAS,OAAQ,EAAE,OAA4B,MAAM,CAAC,CAAC;;;;;EAKrE"}

package/dist/web-components/catalog/basic/tabs.cjs

@@ -0,0 +1,58 @@
+const require_adapter = require('../../adapter.cjs');
+const require_utils = require('./utils.cjs');
+let lit = require("lit");
+let _a2ui_web_core_v0_9_basic_catalog = require("@a2ui/web_core/v0_9/basic_catalog");
+let lit_directives_style_map_js = require("lit/directives/style-map.js");
+
+//#region src/web-components/catalog/basic/tabs.ts
+const Tabs = require_adapter.createLitComponent(_a2ui_web_core_v0_9_basic_catalog.TabsApi, ({ props, buildChild, state, requestUpdate }) => {
+	const local = state;
+	const tabs = props.tabs || [];
+	const activeTab = tabs[local.selectedIndex] ?? tabs[0];
+	return lit.html`
+      <div
+        style=${(0, lit_directives_style_map_js.styleMap)({
+		display: "flex",
+		flexDirection: "column",
+		width: "100%",
+		margin: require_utils.LEAF_MARGIN
+	})}
+      >
+        <div
+          style=${(0, lit_directives_style_map_js.styleMap)({
+		display: "flex",
+		borderBottom: "1px solid #ccc",
+		marginBottom: "8px"
+	})}
+        >
+          ${tabs.map((tab, i) => lit.html`
+              <button
+                type="button"
+                @click=${() => {
+		local.selectedIndex = i;
+		requestUpdate();
+	}}
+                style=${(0, lit_directives_style_map_js.styleMap)({
+		padding: "8px 16px",
+		border: "none",
+		background: "none",
+		borderBottom: local.selectedIndex === i ? "2px solid var(--a2ui-primary-color, #007bff)" : "none",
+		fontWeight: local.selectedIndex === i ? "bold" : "normal",
+		cursor: "pointer",
+		color: local.selectedIndex === i ? "var(--a2ui-primary-color, #007bff)" : "inherit"
+	})}
+              >
+                ${tab.title}
+              </button>
+            `)}
+        </div>
+        <div style="flex: 1;">
+          ${activeTab ? buildChild(activeTab.child) : lit.nothing}
+        </div>
+      </div>
+    `;
+}, () => ({ selectedIndex: 0 }));
+
+//#endregion
+exports.Tabs = Tabs;
+//# sourceMappingURL=tabs.cjs.map

package/dist/web-components/catalog/basic/tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.cjs","names":["createLitComponent","TabsApi","LEAF_MARGIN","nothing"],"sources":["../../../../src/web-components/catalog/basic/tabs.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { TabsApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { LEAF_MARGIN } from \"./utils\";\n\nexport const Tabs = createLitComponent(\n  TabsApi,\n  ({ props, buildChild, state, requestUpdate }) => {\n    const local = state as { selectedIndex: number };\n    const tabs = props.tabs || [];\n    const activeTab = tabs[local.selectedIndex] ?? tabs[0];\n    return html`\n      <div\n        style=${styleMap({\n          display: \"flex\",\n          flexDirection: \"column\",\n          width: \"100%\",\n          margin: LEAF_MARGIN,\n        })}\n      >\n        <div\n          style=${styleMap({\n            display: \"flex\",\n            borderBottom: \"1px solid #ccc\",\n            marginBottom: \"8px\",\n          })}\n        >\n          ${tabs.map(\n            (tab: any, i: number) => html`\n              <button\n                type=\"button\"\n                @click=${() => {\n                  local.selectedIndex = i;\n                  requestUpdate();\n                }}\n                style=${styleMap({\n                  padding: \"8px 16px\",\n                  border: \"none\",\n                  background: \"none\",\n                  borderBottom:\n                    local.selectedIndex === i\n                      ? \"2px solid var(--a2ui-primary-color, #007bff)\"\n                      : \"none\",\n                  fontWeight: local.selectedIndex === i ? \"bold\" : \"normal\",\n                  cursor: \"pointer\",\n                  color:\n                    local.selectedIndex === i\n                      ? \"var(--a2ui-primary-color, #007bff)\"\n                      : \"inherit\",\n                })}\n              >\n                ${tab.title}\n              </button>\n            `,\n          )}\n        </div>\n        <div style=\"flex: 1;\">\n          ${activeTab ? buildChild(activeTab.child) : nothing}\n        </div>\n      </div>\n    `;\n  },\n  () => ({ selectedIndex: 0 }),\n);\n"],"mappings":";;;;;;;AAMA,MAAa,OAAOA,mCAClBC,4CACC,EAAE,OAAO,YAAY,OAAO,oBAAoB;CAC/C,MAAM,QAAQ;CACd,MAAM,OAAO,MAAM,QAAQ,EAAE;CAC7B,MAAM,YAAY,KAAK,MAAM,kBAAkB,KAAK;AACpD,QAAO,QAAI;;0DAEU;EACf,SAAS;EACT,eAAe;EACf,OAAO;EACP,QAAQC;EACT,CAAC,CAAC;;;4DAGgB;EACf,SAAS;EACT,cAAc;EACd,cAAc;EACf,CAAC,CAAC;;YAED,KAAK,KACJ,KAAU,MAAc,QAAI;;;+BAGV;AACb,QAAM,gBAAgB;AACtB,iBAAe;GACf;kEACe;EACf,SAAS;EACT,QAAQ;EACR,YAAY;EACZ,cACE,MAAM,kBAAkB,IACpB,iDACA;EACN,YAAY,MAAM,kBAAkB,IAAI,SAAS;EACjD,QAAQ;EACR,OACE,MAAM,kBAAkB,IACpB,uCACA;EACP,CAAC,CAAC;;kBAED,IAAI,MAAM;;cAGjB,CAAC;;;YAGA,YAAY,WAAW,UAAU,MAAM,GAAGC,YAAQ;;;;UAKrD,EAAE,eAAe,GAAG,EAC5B"}

package/dist/web-components/catalog/basic/tabs.d.cts

@@ -0,0 +1,8 @@
+import { LitComponentImplementation } from "../../types.cjs";
+import "../../index.cjs";
+
+//#region src/web-components/catalog/basic/tabs.d.ts
+declare const Tabs: LitComponentImplementation;
+//#endregion
+export { Tabs };
+//# sourceMappingURL=tabs.d.cts.map

package/dist/web-components/catalog/basic/tabs.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.cts","names":[],"sources":["../../../../src/web-components/catalog/basic/tabs.ts"],"mappings":";;;;cAMa,IAAA,EA0DZ,0BAAA"}

package/dist/web-components/catalog/basic/tabs.d.mts

@@ -0,0 +1,8 @@
+import { LitComponentImplementation } from "../../types.mjs";
+import "../../index.mjs";
+
+//#region src/web-components/catalog/basic/tabs.d.ts
+declare const Tabs: LitComponentImplementation;
+//#endregion
+export { Tabs };
+//# sourceMappingURL=tabs.d.mts.map

package/dist/web-components/catalog/basic/tabs.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.mts","names":[],"sources":["../../../../src/web-components/catalog/basic/tabs.ts"],"mappings":";;;;cAMa,IAAA,EA0DZ,0BAAA"}

package/dist/web-components/catalog/basic/tabs.mjs

@@ -0,0 +1,58 @@
+import { createLitComponent } from "../../adapter.mjs";
+import { LEAF_MARGIN } from "./utils.mjs";
+import { html, nothing } from "lit";
+import { TabsApi } from "@a2ui/web_core/v0_9/basic_catalog";
+import { styleMap } from "lit/directives/style-map.js";
+
+//#region src/web-components/catalog/basic/tabs.ts
+const Tabs = createLitComponent(TabsApi, ({ props, buildChild, state, requestUpdate }) => {
+	const local = state;
+	const tabs = props.tabs || [];
+	const activeTab = tabs[local.selectedIndex] ?? tabs[0];
+	return html`
+      <div
+        style=${styleMap({
+		display: "flex",
+		flexDirection: "column",
+		width: "100%",
+		margin: LEAF_MARGIN
+	})}
+      >
+        <div
+          style=${styleMap({
+		display: "flex",
+		borderBottom: "1px solid #ccc",
+		marginBottom: "8px"
+	})}
+        >
+          ${tabs.map((tab, i) => html`
+              <button
+                type="button"
+                @click=${() => {
+		local.selectedIndex = i;
+		requestUpdate();
+	}}
+                style=${styleMap({
+		padding: "8px 16px",
+		border: "none",
+		background: "none",
+		borderBottom: local.selectedIndex === i ? "2px solid var(--a2ui-primary-color, #007bff)" : "none",
+		fontWeight: local.selectedIndex === i ? "bold" : "normal",
+		cursor: "pointer",
+		color: local.selectedIndex === i ? "var(--a2ui-primary-color, #007bff)" : "inherit"
+	})}
+              >
+                ${tab.title}
+              </button>
+            `)}
+        </div>
+        <div style="flex: 1;">
+          ${activeTab ? buildChild(activeTab.child) : nothing}
+        </div>
+      </div>
+    `;
+}, () => ({ selectedIndex: 0 }));
+
+//#endregion
+export { Tabs };
+//# sourceMappingURL=tabs.mjs.map

package/dist/web-components/catalog/basic/tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/tabs.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { TabsApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { LEAF_MARGIN } from \"./utils\";\n\nexport const Tabs = createLitComponent(\n  TabsApi,\n  ({ props, buildChild, state, requestUpdate }) => {\n    const local = state as { selectedIndex: number };\n    const tabs = props.tabs || [];\n    const activeTab = tabs[local.selectedIndex] ?? tabs[0];\n    return html`\n      <div\n        style=${styleMap({\n          display: \"flex\",\n          flexDirection: \"column\",\n          width: \"100%\",\n          margin: LEAF_MARGIN,\n        })}\n      >\n        <div\n          style=${styleMap({\n            display: \"flex\",\n            borderBottom: \"1px solid #ccc\",\n            marginBottom: \"8px\",\n          })}\n        >\n          ${tabs.map(\n            (tab: any, i: number) => html`\n              <button\n                type=\"button\"\n                @click=${() => {\n                  local.selectedIndex = i;\n                  requestUpdate();\n                }}\n                style=${styleMap({\n                  padding: \"8px 16px\",\n                  border: \"none\",\n                  background: \"none\",\n                  borderBottom:\n                    local.selectedIndex === i\n                      ? \"2px solid var(--a2ui-primary-color, #007bff)\"\n                      : \"none\",\n                  fontWeight: local.selectedIndex === i ? \"bold\" : \"normal\",\n                  cursor: \"pointer\",\n                  color:\n                    local.selectedIndex === i\n                      ? \"var(--a2ui-primary-color, #007bff)\"\n                      : \"inherit\",\n                })}\n              >\n                ${tab.title}\n              </button>\n            `,\n          )}\n        </div>\n        <div style=\"flex: 1;\">\n          ${activeTab ? buildChild(activeTab.child) : nothing}\n        </div>\n      </div>\n    `;\n  },\n  () => ({ selectedIndex: 0 }),\n);\n"],"mappings":";;;;;;;AAMA,MAAa,OAAO,mBAClB,UACC,EAAE,OAAO,YAAY,OAAO,oBAAoB;CAC/C,MAAM,QAAQ;CACd,MAAM,OAAO,MAAM,QAAQ,EAAE;CAC7B,MAAM,YAAY,KAAK,MAAM,kBAAkB,KAAK;AACpD,QAAO,IAAI;;gBAEC,SAAS;EACf,SAAS;EACT,eAAe;EACf,OAAO;EACP,QAAQ;EACT,CAAC,CAAC;;;kBAGO,SAAS;EACf,SAAS;EACT,cAAc;EACd,cAAc;EACf,CAAC,CAAC;;YAED,KAAK,KACJ,KAAU,MAAc,IAAI;;;+BAGV;AACb,QAAM,gBAAgB;AACtB,iBAAe;GACf;wBACM,SAAS;EACf,SAAS;EACT,QAAQ;EACR,YAAY;EACZ,cACE,MAAM,kBAAkB,IACpB,iDACA;EACN,YAAY,MAAM,kBAAkB,IAAI,SAAS;EACjD,QAAQ;EACR,OACE,MAAM,kBAAkB,IACpB,uCACA;EACP,CAAC,CAAC;;kBAED,IAAI,MAAM;;cAGjB,CAAC;;;YAGA,YAAY,WAAW,UAAU,MAAM,GAAG,QAAQ;;;;UAKrD,EAAE,eAAe,GAAG,EAC5B"}

package/dist/web-components/catalog/basic/text-field.cjs

@@ -0,0 +1,60 @@
+const require_adapter = require('../../adapter.cjs');
+const require_utils = require('./utils.cjs');
+const require_ids = require('./ids.cjs');
+let lit = require("lit");
+let _a2ui_web_core_v0_9_basic_catalog = require("@a2ui/web_core/v0_9/basic_catalog");
+let lit_directives_style_map_js = require("lit/directives/style-map.js");
+
+//#region src/web-components/catalog/basic/text-field.ts
+const TextField = require_adapter.createLitComponent(_a2ui_web_core_v0_9_basic_catalog.TextFieldApi, ({ props }) => {
+	const inputId = require_ids.uniqueId("textfield");
+	const isLong = props.variant === "longText";
+	const type = props.variant === "number" ? "number" : props.variant === "obscured" ? "password" : "text";
+	const hasError = props.validationErrors && props.validationErrors.length > 0;
+	const style = {
+		padding: "8px",
+		width: "100%",
+		border: hasError ? "1px solid red" : require_utils.STANDARD_BORDER,
+		borderRadius: require_utils.STANDARD_RADIUS,
+		boxSizing: "border-box"
+	};
+	const onChange = (e) => {
+		props.setValue(e.target.value);
+	};
+	return lit.html`
+    <div
+      style=${(0, lit_directives_style_map_js.styleMap)({
+		display: "flex",
+		flexDirection: "column",
+		gap: "4px",
+		width: "100%",
+		margin: require_utils.LEAF_MARGIN
+	})}
+    >
+      ${props.label ? lit.html`<label
+            for=${inputId}
+            style="font-size: 14px; font-weight: bold;"
+            >${props.label}</label
+          >` : lit.nothing}
+      ${isLong ? lit.html`<textarea
+            id=${inputId}
+            style=${(0, lit_directives_style_map_js.styleMap)(style)}
+            .value=${props.value || ""}
+            @input=${onChange}
+          ></textarea>` : lit.html`<input
+            id=${inputId}
+            type=${type}
+            style=${(0, lit_directives_style_map_js.styleMap)(style)}
+            .value=${props.value || ""}
+            @input=${onChange}
+          />`}
+      ${hasError ? lit.html`<span style="font-size: 12px; color: red;"
+            >${props.validationErrors[0]}</span
+          >` : lit.nothing}
+    </div>
+  `;
+});
+
+//#endregion
+exports.TextField = TextField;
+//# sourceMappingURL=text-field.cjs.map

package/dist/web-components/catalog/basic/text-field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.cjs","names":["createLitComponent","TextFieldApi","uniqueId","STANDARD_BORDER","STANDARD_RADIUS","LEAF_MARGIN","nothing"],"sources":["../../../../src/web-components/catalog/basic/text-field.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { TextFieldApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { uniqueId } from \"./ids\";\nimport { LEAF_MARGIN, STANDARD_BORDER, STANDARD_RADIUS } from \"./utils\";\n\nexport const TextField = createLitComponent(TextFieldApi, ({ props }) => {\n  const inputId = uniqueId(\"textfield\");\n  const isLong = props.variant === \"longText\";\n  const type =\n    props.variant === \"number\"\n      ? \"number\"\n      : props.variant === \"obscured\"\n        ? \"password\"\n        : \"text\";\n  const hasError = props.validationErrors && props.validationErrors.length > 0;\n  const style = {\n    padding: \"8px\",\n    width: \"100%\",\n    border: hasError ? \"1px solid red\" : STANDARD_BORDER,\n    borderRadius: STANDARD_RADIUS,\n    boxSizing: \"border-box\",\n  };\n  const onChange = (e: Event) => {\n    props.setValue((e.target as HTMLInputElement | HTMLTextAreaElement).value);\n  };\n\n  return html`\n    <div\n      style=${styleMap({\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: \"4px\",\n        width: \"100%\",\n        margin: LEAF_MARGIN,\n      })}\n    >\n      ${\n        props.label\n          ? html`<label\n            for=${inputId}\n            style=\"font-size: 14px; font-weight: bold;\"\n            >${props.label}</label\n          >`\n          : nothing\n      }\n      ${\n        isLong\n          ? html`<textarea\n            id=${inputId}\n            style=${styleMap(style)}\n            .value=${props.value || \"\"}\n            @input=${onChange}\n          ></textarea>`\n          : html`<input\n            id=${inputId}\n            type=${type}\n            style=${styleMap(style)}\n            .value=${props.value || \"\"}\n            @input=${onChange}\n          />`\n      }\n      ${\n        hasError\n          ? html`<span style=\"font-size: 12px; color: red;\"\n            >${props.validationErrors![0]}</span\n          >`\n          : nothing\n      }\n    </div>\n  `;\n});\n"],"mappings":";;;;;;;;AAOA,MAAa,YAAYA,mCAAmBC,iDAAe,EAAE,YAAY;CACvE,MAAM,UAAUC,qBAAS,YAAY;CACrC,MAAM,SAAS,MAAM,YAAY;CACjC,MAAM,OACJ,MAAM,YAAY,WACd,WACA,MAAM,YAAY,aAChB,aACA;CACR,MAAM,WAAW,MAAM,oBAAoB,MAAM,iBAAiB,SAAS;CAC3E,MAAM,QAAQ;EACZ,SAAS;EACT,OAAO;EACP,QAAQ,WAAW,kBAAkBC;EACrC,cAAcC;EACd,WAAW;EACZ;CACD,MAAM,YAAY,MAAa;AAC7B,QAAM,SAAU,EAAE,OAAkD,MAAM;;AAG5E,QAAO,QAAI;;wDAEU;EACf,SAAS;EACT,eAAe;EACf,KAAK;EACL,OAAO;EACP,QAAQC;EACT,CAAC,CAAC;;QAGD,MAAM,QACF,QAAI;kBACE,QAAQ;;eAEX,MAAM,MAAM;eAEfC,YACL;QAEC,SACI,QAAI;iBACC,QAAQ;8DACI,MAAM,CAAC;qBACf,MAAM,SAAS,GAAG;qBAClB,SAAS;0BAElB,QAAI;iBACC,QAAQ;mBACN,KAAK;8DACK,MAAM,CAAC;qBACf,MAAM,SAAS,GAAG;qBAClB,SAAS;cAEvB;QAEC,WACI,QAAI;eACD,MAAM,iBAAkB,GAAG;eAE9BA,YACL;;;EAGL"}

package/dist/web-components/catalog/basic/text-field.d.cts

@@ -0,0 +1,8 @@
+import { LitComponentImplementation } from "../../types.cjs";
+import "../../index.cjs";
+
+//#region src/web-components/catalog/basic/text-field.d.ts
+declare const TextField: LitComponentImplementation;
+//#endregion
+export { TextField };
+//# sourceMappingURL=text-field.d.cts.map

package/dist/web-components/catalog/basic/text-field.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.d.cts","names":[],"sources":["../../../../src/web-components/catalog/basic/text-field.ts"],"mappings":";;;;cAOa,SAAA,EAiEX,0BAAA"}

package/dist/web-components/catalog/basic/text-field.d.mts

@@ -0,0 +1,8 @@
+import { LitComponentImplementation } from "../../types.mjs";
+import "../../index.mjs";
+
+//#region src/web-components/catalog/basic/text-field.d.ts
+declare const TextField: LitComponentImplementation;
+//#endregion
+export { TextField };
+//# sourceMappingURL=text-field.d.mts.map

package/dist/web-components/catalog/basic/text-field.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.d.mts","names":[],"sources":["../../../../src/web-components/catalog/basic/text-field.ts"],"mappings":";;;;cAOa,SAAA,EAiEX,0BAAA"}

package/dist/web-components/catalog/basic/text-field.mjs

@@ -0,0 +1,60 @@
+import { createLitComponent } from "../../adapter.mjs";
+import { LEAF_MARGIN, STANDARD_BORDER, STANDARD_RADIUS } from "./utils.mjs";
+import { uniqueId } from "./ids.mjs";
+import { html, nothing } from "lit";
+import { TextFieldApi } from "@a2ui/web_core/v0_9/basic_catalog";
+import { styleMap } from "lit/directives/style-map.js";
+
+//#region src/web-components/catalog/basic/text-field.ts
+const TextField = createLitComponent(TextFieldApi, ({ props }) => {
+	const inputId = uniqueId("textfield");
+	const isLong = props.variant === "longText";
+	const type = props.variant === "number" ? "number" : props.variant === "obscured" ? "password" : "text";
+	const hasError = props.validationErrors && props.validationErrors.length > 0;
+	const style = {
+		padding: "8px",
+		width: "100%",
+		border: hasError ? "1px solid red" : STANDARD_BORDER,
+		borderRadius: STANDARD_RADIUS,
+		boxSizing: "border-box"
+	};
+	const onChange = (e) => {
+		props.setValue(e.target.value);
+	};
+	return html`
+    <div
+      style=${styleMap({
+		display: "flex",
+		flexDirection: "column",
+		gap: "4px",
+		width: "100%",
+		margin: LEAF_MARGIN
+	})}
+    >
+      ${props.label ? html`<label
+            for=${inputId}
+            style="font-size: 14px; font-weight: bold;"
+            >${props.label}</label
+          >` : nothing}
+      ${isLong ? html`<textarea
+            id=${inputId}
+            style=${styleMap(style)}
+            .value=${props.value || ""}
+            @input=${onChange}
+          ></textarea>` : html`<input
+            id=${inputId}
+            type=${type}
+            style=${styleMap(style)}
+            .value=${props.value || ""}
+            @input=${onChange}
+          />`}
+      ${hasError ? html`<span style="font-size: 12px; color: red;"
+            >${props.validationErrors[0]}</span
+          >` : nothing}
+    </div>
+  `;
+});
+
+//#endregion
+export { TextField };
+//# sourceMappingURL=text-field.mjs.map

package/dist/web-components/catalog/basic/text-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/text-field.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { TextFieldApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { uniqueId } from \"./ids\";\nimport { LEAF_MARGIN, STANDARD_BORDER, STANDARD_RADIUS } from \"./utils\";\n\nexport const TextField = createLitComponent(TextFieldApi, ({ props }) => {\n  const inputId = uniqueId(\"textfield\");\n  const isLong = props.variant === \"longText\";\n  const type =\n    props.variant === \"number\"\n      ? \"number\"\n      : props.variant === \"obscured\"\n        ? \"password\"\n        : \"text\";\n  const hasError = props.validationErrors && props.validationErrors.length > 0;\n  const style = {\n    padding: \"8px\",\n    width: \"100%\",\n    border: hasError ? \"1px solid red\" : STANDARD_BORDER,\n    borderRadius: STANDARD_RADIUS,\n    boxSizing: \"border-box\",\n  };\n  const onChange = (e: Event) => {\n    props.setValue((e.target as HTMLInputElement | HTMLTextAreaElement).value);\n  };\n\n  return html`\n    <div\n      style=${styleMap({\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: \"4px\",\n        width: \"100%\",\n        margin: LEAF_MARGIN,\n      })}\n    >\n      ${\n        props.label\n          ? html`<label\n            for=${inputId}\n            style=\"font-size: 14px; font-weight: bold;\"\n            >${props.label}</label\n          >`\n          : nothing\n      }\n      ${\n        isLong\n          ? html`<textarea\n            id=${inputId}\n            style=${styleMap(style)}\n            .value=${props.value || \"\"}\n            @input=${onChange}\n          ></textarea>`\n          : html`<input\n            id=${inputId}\n            type=${type}\n            style=${styleMap(style)}\n            .value=${props.value || \"\"}\n            @input=${onChange}\n          />`\n      }\n      ${\n        hasError\n          ? html`<span style=\"font-size: 12px; color: red;\"\n            >${props.validationErrors![0]}</span\n          >`\n          : nothing\n      }\n    </div>\n  `;\n});\n"],"mappings":";;;;;;;;AAOA,MAAa,YAAY,mBAAmB,eAAe,EAAE,YAAY;CACvE,MAAM,UAAU,SAAS,YAAY;CACrC,MAAM,SAAS,MAAM,YAAY;CACjC,MAAM,OACJ,MAAM,YAAY,WACd,WACA,MAAM,YAAY,aAChB,aACA;CACR,MAAM,WAAW,MAAM,oBAAoB,MAAM,iBAAiB,SAAS;CAC3E,MAAM,QAAQ;EACZ,SAAS;EACT,OAAO;EACP,QAAQ,WAAW,kBAAkB;EACrC,cAAc;EACd,WAAW;EACZ;CACD,MAAM,YAAY,MAAa;AAC7B,QAAM,SAAU,EAAE,OAAkD,MAAM;;AAG5E,QAAO,IAAI;;cAEC,SAAS;EACf,SAAS;EACT,eAAe;EACf,KAAK;EACL,OAAO;EACP,QAAQ;EACT,CAAC,CAAC;;QAGD,MAAM,QACF,IAAI;kBACE,QAAQ;;eAEX,MAAM,MAAM;eAEf,QACL;QAEC,SACI,IAAI;iBACC,QAAQ;oBACL,SAAS,MAAM,CAAC;qBACf,MAAM,SAAS,GAAG;qBAClB,SAAS;0BAElB,IAAI;iBACC,QAAQ;mBACN,KAAK;oBACJ,SAAS,MAAM,CAAC;qBACf,MAAM,SAAS,GAAG;qBAClB,SAAS;cAEvB;QAEC,WACI,IAAI;eACD,MAAM,iBAAkB,GAAG;eAE9B,QACL;;;EAGL"}

package/dist/web-components/catalog/basic/text.cjs

@@ -0,0 +1,36 @@
+const require_adapter = require('../../adapter.cjs');
+const require_utils = require('./utils.cjs');
+let lit = require("lit");
+let _a2ui_web_core_v0_9_basic_catalog = require("@a2ui/web_core/v0_9/basic_catalog");
+let lit_directives_style_map_js = require("lit/directives/style-map.js");
+
+//#region src/web-components/catalog/basic/text.ts
+const Text = require_adapter.createLitComponent(_a2ui_web_core_v0_9_basic_catalog.TextApi, ({ props }) => {
+	const text = props.text ?? "";
+	const style = {
+		...require_utils.getBaseLeafStyle(),
+		display: "inline-block"
+	};
+	switch (props.variant) {
+		case "h1": return lit.html`<h1 style=${(0, lit_directives_style_map_js.styleMap)(style)}>${text}</h1>`;
+		case "h2": return lit.html`<h2 style=${(0, lit_directives_style_map_js.styleMap)(style)}>${text}</h2>`;
+		case "h3": return lit.html`<h3 style=${(0, lit_directives_style_map_js.styleMap)(style)}>${text}</h3>`;
+		case "h4": return lit.html`<h4 style=${(0, lit_directives_style_map_js.styleMap)(style)}>${text}</h4>`;
+		case "h5": return lit.html`<h5 style=${(0, lit_directives_style_map_js.styleMap)(style)}>${text}</h5>`;
+		case "caption": return lit.html`
+        <small
+          style=${(0, lit_directives_style_map_js.styleMap)({
+			...style,
+			color: "#666",
+			textAlign: "left"
+		})}
+          >${text}</small
+        >
+      `;
+		default: return lit.html`<span style=${(0, lit_directives_style_map_js.styleMap)(style)}>${text}</span>`;
+	}
+});
+
+//#endregion
+exports.Text = Text;
+//# sourceMappingURL=text.cjs.map

package/dist/web-components/catalog/basic/text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.cjs","names":["createLitComponent","TextApi","getBaseLeafStyle"],"sources":["../../../../src/web-components/catalog/basic/text.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { TextApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { getBaseLeafStyle } from \"./utils\";\n\nexport const Text = createLitComponent(TextApi, ({ props }) => {\n  const text = props.text ?? \"\";\n  const style = { ...getBaseLeafStyle(), display: \"inline-block\" };\n\n  switch (props.variant) {\n    case \"h1\":\n      return html`<h1 style=${styleMap(style)}>${text}</h1>`;\n    case \"h2\":\n      return html`<h2 style=${styleMap(style)}>${text}</h2>`;\n    case \"h3\":\n      return html`<h3 style=${styleMap(style)}>${text}</h3>`;\n    case \"h4\":\n      return html`<h4 style=${styleMap(style)}>${text}</h4>`;\n    case \"h5\":\n      return html`<h5 style=${styleMap(style)}>${text}</h5>`;\n    case \"caption\":\n      return html`\n        <small\n          style=${styleMap({ ...style, color: \"#666\", textAlign: \"left\" })}\n          >${text}</small\n        >\n      `;\n    case \"body\":\n    default:\n      return html`<span style=${styleMap(style)}>${text}</span>`;\n  }\n});\n"],"mappings":";;;;;;;AAMA,MAAa,OAAOA,mCAAmBC,4CAAU,EAAE,YAAY;CAC7D,MAAM,OAAO,MAAM,QAAQ;CAC3B,MAAM,QAAQ;EAAE,GAAGC,gCAAkB;EAAE,SAAS;EAAgB;AAEhE,SAAQ,MAAM,SAAd;EACE,KAAK,KACH,QAAO,QAAI,uDAAsB,MAAM,CAAC,GAAG,KAAK;EAClD,KAAK,KACH,QAAO,QAAI,uDAAsB,MAAM,CAAC,GAAG,KAAK;EAClD,KAAK,KACH,QAAO,QAAI,uDAAsB,MAAM,CAAC,GAAG,KAAK;EAClD,KAAK,KACH,QAAO,QAAI,uDAAsB,MAAM,CAAC,GAAG,KAAK;EAClD,KAAK,KACH,QAAO,QAAI,uDAAsB,MAAM,CAAC,GAAG,KAAK;EAClD,KAAK,UACH,QAAO,QAAI;;4DAEU;GAAE,GAAG;GAAO,OAAO;GAAQ,WAAW;GAAQ,CAAC,CAAC;aAC9D,KAAK;;;EAId,QACE,QAAO,QAAI,yDAAwB,MAAM,CAAC,GAAG,KAAK;;EAEtD"}

package/dist/web-components/catalog/basic/text.d.cts

@@ -0,0 +1,8 @@
+import { LitComponentImplementation } from "../../types.cjs";
+import "../../index.cjs";
+
+//#region src/web-components/catalog/basic/text.d.ts
+declare const Text: LitComponentImplementation;
+//#endregion
+export { Text };
+//# sourceMappingURL=text.d.cts.map

package/dist/web-components/catalog/basic/text.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.cts","names":[],"sources":["../../../../src/web-components/catalog/basic/text.ts"],"mappings":";;;;cAMa,IAAA,EA0BX,0BAAA"}

package/dist/web-components/catalog/basic/text.d.mts

@@ -0,0 +1,8 @@
+import { LitComponentImplementation } from "../../types.mjs";
+import "../../index.mjs";
+
+//#region src/web-components/catalog/basic/text.d.ts
+declare const Text: LitComponentImplementation;
+//#endregion
+export { Text };
+//# sourceMappingURL=text.d.mts.map

package/dist/web-components/catalog/basic/text.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.mts","names":[],"sources":["../../../../src/web-components/catalog/basic/text.ts"],"mappings":";;;;cAMa,IAAA,EA0BX,0BAAA"}

package/dist/web-components/catalog/basic/text.mjs

@@ -0,0 +1,36 @@
+import { createLitComponent } from "../../adapter.mjs";
+import { getBaseLeafStyle } from "./utils.mjs";
+import { html } from "lit";
+import { TextApi } from "@a2ui/web_core/v0_9/basic_catalog";
+import { styleMap } from "lit/directives/style-map.js";
+
+//#region src/web-components/catalog/basic/text.ts
+const Text = createLitComponent(TextApi, ({ props }) => {
+	const text = props.text ?? "";
+	const style = {
+		...getBaseLeafStyle(),
+		display: "inline-block"
+	};
+	switch (props.variant) {
+		case "h1": return html`<h1 style=${styleMap(style)}>${text}</h1>`;
+		case "h2": return html`<h2 style=${styleMap(style)}>${text}</h2>`;
+		case "h3": return html`<h3 style=${styleMap(style)}>${text}</h3>`;
+		case "h4": return html`<h4 style=${styleMap(style)}>${text}</h4>`;
+		case "h5": return html`<h5 style=${styleMap(style)}>${text}</h5>`;
+		case "caption": return html`
+        <small
+          style=${styleMap({
+			...style,
+			color: "#666",
+			textAlign: "left"
+		})}
+          >${text}</small
+        >
+      `;
+		default: return html`<span style=${styleMap(style)}>${text}</span>`;
+	}
+});
+
+//#endregion
+export { Text };
+//# sourceMappingURL=text.mjs.map

package/dist/web-components/catalog/basic/text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/text.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { TextApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { getBaseLeafStyle } from \"./utils\";\n\nexport const Text = createLitComponent(TextApi, ({ props }) => {\n  const text = props.text ?? \"\";\n  const style = { ...getBaseLeafStyle(), display: \"inline-block\" };\n\n  switch (props.variant) {\n    case \"h1\":\n      return html`<h1 style=${styleMap(style)}>${text}</h1>`;\n    case \"h2\":\n      return html`<h2 style=${styleMap(style)}>${text}</h2>`;\n    case \"h3\":\n      return html`<h3 style=${styleMap(style)}>${text}</h3>`;\n    case \"h4\":\n      return html`<h4 style=${styleMap(style)}>${text}</h4>`;\n    case \"h5\":\n      return html`<h5 style=${styleMap(style)}>${text}</h5>`;\n    case \"caption\":\n      return html`\n        <small\n          style=${styleMap({ ...style, color: \"#666\", textAlign: \"left\" })}\n          >${text}</small\n        >\n      `;\n    case \"body\":\n    default:\n      return html`<span style=${styleMap(style)}>${text}</span>`;\n  }\n});\n"],"mappings":";;;;;;;AAMA,MAAa,OAAO,mBAAmB,UAAU,EAAE,YAAY;CAC7D,MAAM,OAAO,MAAM,QAAQ;CAC3B,MAAM,QAAQ;EAAE,GAAG,kBAAkB;EAAE,SAAS;EAAgB;AAEhE,SAAQ,MAAM,SAAd;EACE,KAAK,KACH,QAAO,IAAI,aAAa,SAAS,MAAM,CAAC,GAAG,KAAK;EAClD,KAAK,KACH,QAAO,IAAI,aAAa,SAAS,MAAM,CAAC,GAAG,KAAK;EAClD,KAAK,KACH,QAAO,IAAI,aAAa,SAAS,MAAM,CAAC,GAAG,KAAK;EAClD,KAAK,KACH,QAAO,IAAI,aAAa,SAAS,MAAM,CAAC,GAAG,KAAK;EAClD,KAAK,KACH,QAAO,IAAI,aAAa,SAAS,MAAM,CAAC,GAAG,KAAK;EAClD,KAAK,UACH,QAAO,IAAI;;kBAEC,SAAS;GAAE,GAAG;GAAO,OAAO;GAAQ,WAAW;GAAQ,CAAC,CAAC;aAC9D,KAAK;;;EAId,QACE,QAAO,IAAI,eAAe,SAAS,MAAM,CAAC,GAAG,KAAK;;EAEtD"}

package/dist/web-components/catalog/basic/utils.cjs

@@ -0,0 +1,48 @@
+
+//#region src/web-components/catalog/basic/utils.ts
+const LEAF_MARGIN = "8px";
+const CONTAINER_PADDING = "16px";
+const STANDARD_BORDER = "1px solid #ccc";
+const STANDARD_RADIUS = "8px";
+const mapJustify = (j) => {
+	switch (j) {
+		case "center": return "center";
+		case "end": return "flex-end";
+		case "spaceAround": return "space-around";
+		case "spaceBetween": return "space-between";
+		case "spaceEvenly": return "space-evenly";
+		case "start": return "flex-start";
+		case "stretch": return "stretch";
+		default: return "flex-start";
+	}
+};
+const mapAlign = (a) => {
+	switch (a) {
+		case "start": return "flex-start";
+		case "center": return "center";
+		case "end": return "flex-end";
+		case "stretch": return "stretch";
+		default: return "stretch";
+	}
+};
+const getBaseLeafStyle = () => ({
+	margin: LEAF_MARGIN,
+	boxSizing: "border-box"
+});
+const getBaseContainerStyle = () => ({
+	margin: LEAF_MARGIN,
+	padding: CONTAINER_PADDING,
+	border: STANDARD_BORDER,
+	borderRadius: STANDARD_RADIUS,
+	boxSizing: "border-box"
+});
+
+//#endregion
+exports.LEAF_MARGIN = LEAF_MARGIN;
+exports.STANDARD_BORDER = STANDARD_BORDER;
+exports.STANDARD_RADIUS = STANDARD_RADIUS;
+exports.getBaseContainerStyle = getBaseContainerStyle;
+exports.getBaseLeafStyle = getBaseLeafStyle;
+exports.mapAlign = mapAlign;
+exports.mapJustify = mapJustify;
+//# sourceMappingURL=utils.cjs.map

package/dist/web-components/catalog/basic/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","names":[],"sources":["../../../../src/web-components/catalog/basic/utils.ts"],"sourcesContent":["import type { StyleInfo } from \"lit/directives/style-map.js\";\n\nexport const LEAF_MARGIN = \"8px\";\nexport const CONTAINER_PADDING = \"16px\";\nexport const STANDARD_BORDER = \"1px solid #ccc\";\nexport const STANDARD_RADIUS = \"8px\";\n\nexport const mapJustify = (j?: string): string => {\n  switch (j) {\n    case \"center\":\n      return \"center\";\n    case \"end\":\n      return \"flex-end\";\n    case \"spaceAround\":\n      return \"space-around\";\n    case \"spaceBetween\":\n      return \"space-between\";\n    case \"spaceEvenly\":\n      return \"space-evenly\";\n    case \"start\":\n      return \"flex-start\";\n    case \"stretch\":\n      return \"stretch\";\n    default:\n      return \"flex-start\";\n  }\n};\n\nexport const mapAlign = (a?: string): string => {\n  switch (a) {\n    case \"start\":\n      return \"flex-start\";\n    case \"center\":\n      return \"center\";\n    case \"end\":\n      return \"flex-end\";\n    case \"stretch\":\n      return \"stretch\";\n    default:\n      return \"stretch\";\n  }\n};\n\nexport const getBaseLeafStyle = (): StyleInfo => ({\n  margin: LEAF_MARGIN,\n  boxSizing: \"border-box\",\n});\n\nexport const getBaseContainerStyle = (): StyleInfo => ({\n  margin: LEAF_MARGIN,\n  padding: CONTAINER_PADDING,\n  border: STANDARD_BORDER,\n  borderRadius: STANDARD_RADIUS,\n  boxSizing: \"border-box\",\n});\n"],"mappings":";;AAEA,MAAa,cAAc;AAC3B,MAAa,oBAAoB;AACjC,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAE/B,MAAa,cAAc,MAAuB;AAChD,SAAQ,GAAR;EACE,KAAK,SACH,QAAO;EACT,KAAK,MACH,QAAO;EACT,KAAK,cACH,QAAO;EACT,KAAK,eACH,QAAO;EACT,KAAK,cACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,QACE,QAAO;;;AAIb,MAAa,YAAY,MAAuB;AAC9C,SAAQ,GAAR;EACE,KAAK,QACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,KAAK,MACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,QACE,QAAO;;;AAIb,MAAa,0BAAqC;CAChD,QAAQ;CACR,WAAW;CACZ;AAED,MAAa,+BAA0C;CACrD,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,cAAc;CACd,WAAW;CACZ"}

package/dist/web-components/catalog/basic/utils.d.cts

@@ -0,0 +1 @@
+import "lit/directives/style-map.js";

package/dist/web-components/catalog/basic/utils.d.mts

@@ -0,0 +1 @@
+import "lit/directives/style-map.js";

package/dist/web-components/catalog/basic/utils.mjs

@@ -0,0 +1,41 @@
+//#region src/web-components/catalog/basic/utils.ts
+const LEAF_MARGIN = "8px";
+const CONTAINER_PADDING = "16px";
+const STANDARD_BORDER = "1px solid #ccc";
+const STANDARD_RADIUS = "8px";
+const mapJustify = (j) => {
+	switch (j) {
+		case "center": return "center";
+		case "end": return "flex-end";
+		case "spaceAround": return "space-around";
+		case "spaceBetween": return "space-between";
+		case "spaceEvenly": return "space-evenly";
+		case "start": return "flex-start";
+		case "stretch": return "stretch";
+		default: return "flex-start";
+	}
+};
+const mapAlign = (a) => {
+	switch (a) {
+		case "start": return "flex-start";
+		case "center": return "center";
+		case "end": return "flex-end";
+		case "stretch": return "stretch";
+		default: return "stretch";
+	}
+};
+const getBaseLeafStyle = () => ({
+	margin: LEAF_MARGIN,
+	boxSizing: "border-box"
+});
+const getBaseContainerStyle = () => ({
+	margin: LEAF_MARGIN,
+	padding: CONTAINER_PADDING,
+	border: STANDARD_BORDER,
+	borderRadius: STANDARD_RADIUS,
+	boxSizing: "border-box"
+});
+
+//#endregion
+export { LEAF_MARGIN, STANDARD_BORDER, STANDARD_RADIUS, getBaseContainerStyle, getBaseLeafStyle, mapAlign, mapJustify };
+//# sourceMappingURL=utils.mjs.map

package/dist/web-components/catalog/basic/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/utils.ts"],"sourcesContent":["import type { StyleInfo } from \"lit/directives/style-map.js\";\n\nexport const LEAF_MARGIN = \"8px\";\nexport const CONTAINER_PADDING = \"16px\";\nexport const STANDARD_BORDER = \"1px solid #ccc\";\nexport const STANDARD_RADIUS = \"8px\";\n\nexport const mapJustify = (j?: string): string => {\n  switch (j) {\n    case \"center\":\n      return \"center\";\n    case \"end\":\n      return \"flex-end\";\n    case \"spaceAround\":\n      return \"space-around\";\n    case \"spaceBetween\":\n      return \"space-between\";\n    case \"spaceEvenly\":\n      return \"space-evenly\";\n    case \"start\":\n      return \"flex-start\";\n    case \"stretch\":\n      return \"stretch\";\n    default:\n      return \"flex-start\";\n  }\n};\n\nexport const mapAlign = (a?: string): string => {\n  switch (a) {\n    case \"start\":\n      return \"flex-start\";\n    case \"center\":\n      return \"center\";\n    case \"end\":\n      return \"flex-end\";\n    case \"stretch\":\n      return \"stretch\";\n    default:\n      return \"stretch\";\n  }\n};\n\nexport const getBaseLeafStyle = (): StyleInfo => ({\n  margin: LEAF_MARGIN,\n  boxSizing: \"border-box\",\n});\n\nexport const getBaseContainerStyle = (): StyleInfo => ({\n  margin: LEAF_MARGIN,\n  padding: CONTAINER_PADDING,\n  border: STANDARD_BORDER,\n  borderRadius: STANDARD_RADIUS,\n  boxSizing: \"border-box\",\n});\n"],"mappings":";AAEA,MAAa,cAAc;AAC3B,MAAa,oBAAoB;AACjC,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAE/B,MAAa,cAAc,MAAuB;AAChD,SAAQ,GAAR;EACE,KAAK,SACH,QAAO;EACT,KAAK,MACH,QAAO;EACT,KAAK,cACH,QAAO;EACT,KAAK,eACH,QAAO;EACT,KAAK,cACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,QACE,QAAO;;;AAIb,MAAa,YAAY,MAAuB;AAC9C,SAAQ,GAAR;EACE,KAAK,QACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,KAAK,MACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,QACE,QAAO;;;AAIb,MAAa,0BAAqC;CAChD,QAAQ;CACR,WAAW;CACZ;AAED,MAAa,+BAA0C;CACrD,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,cAAc;CACd,WAAW;CACZ"}

package/dist/web-components/catalog/basic/video.cjs

@@ -0,0 +1,22 @@
+const require_adapter = require('../../adapter.cjs');
+const require_utils = require('./utils.cjs');
+let lit = require("lit");
+let _a2ui_web_core_v0_9_basic_catalog = require("@a2ui/web_core/v0_9/basic_catalog");
+let lit_directives_style_map_js = require("lit/directives/style-map.js");
+
+//#region src/web-components/catalog/basic/video.ts
+const Video = require_adapter.createLitComponent(_a2ui_web_core_v0_9_basic_catalog.VideoApi, ({ props }) => lit.html`
+  <video
+    src=${props.url ?? ""}
+    controls
+    style=${(0, lit_directives_style_map_js.styleMap)({
+	...require_utils.getBaseLeafStyle(),
+	width: "100%",
+	aspectRatio: "16/9"
+})}
+  ></video>
+`);
+
+//#endregion
+exports.Video = Video;
+//# sourceMappingURL=video.cjs.map