@plitzi/sdk-elements 0.38.11 → 0.38.13

package/dist/elements/provider/ApiContainer/Settings.mjs

@@ -1,262 +1,263 @@
-import e from "./components/FiltersInput/index.mjs";
-import { useCallback as t, useMemo as n, useState as ee } from "react";
-import { useBuilderStore as r, useCommonStore as i, useSdkStore as a } from "@plitzi/sdk-shared/store";
-import { get as te } from "@plitzi/plitzi-ui/helpers";
-import { emptyObject as ne } from "@plitzi/sdk-shared/helpers/utils";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import l from "@plitzi/sdk-shared/theme/useTheme";
-import u from "@plitzi/plitzi-ui/QueryBuilder";
-import d from "@plitzi/plitzi-ui/CodeMirror";
-import f from "@plitzi/plitzi-ui/Input";
-import p from "@plitzi/plitzi-ui/Select";
-import re from "@plitzi/plitzi-ui/KVInput";
-import m from "@plitzi/plitzi-ui/Switch";
+import e from "../../useSettingsUpdate.mjs";
+import t from "./components/FiltersInput/index.mjs";
+import { useCallback as n, useMemo as r, useState as i } from "react";
+import { useBuilderStore as a, useCommonStore as o, useSdkStore as s } from "@plitzi/sdk-shared/store";
+import { get as ee } from "@plitzi/plitzi-ui/helpers";
+import { emptyObject as c } from "@plitzi/sdk-shared/helpers/utils";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import te from "@plitzi/sdk-shared/theme/useTheme";
+import ne from "@plitzi/plitzi-ui/QueryBuilder";
+import f from "@plitzi/plitzi-ui/CodeMirror";
+import p from "@plitzi/plitzi-ui/Input";
+import m from "@plitzi/plitzi-ui/Select";
+import h from "@plitzi/plitzi-ui/KVInput";
+import g from "@plitzi/plitzi-ui/Switch";
 //#region src/elements/provider/ApiContainer/Settings.tsx
-var h = [], g = ({ query: g = "", method: ie = "get", accessToken: ae = "", headers: _ = ne, when: v, subType: y = "", mockData: b = "{}", credentials: x = "same-origin", runtime: S = "client", connector: C = "", action: w = "", endpoint: oe = "", resource: se = "", limit: ce = "10", singleRecord: T = !1, filters: E = h, pagination: D = "none", pageParam: O = "page", renderWhileLoading: k = !1, loadingSlot: A = "", cache: j = !1, staleTime: M = 30, gcTime: N = 300, refreshSeconds: P = 0, onUpdate: F }) => {
-	let { resolvedTheme: I } = l(), [L] = r("pageDefinitions"), [R] = r("connectors"), [z] = i("actions.catalog"), [B] = r("hasServerRendering"), [V, H] = ee(!1), U = S === "server", W = U ? w && !C ? "action" : "connector" : "client", [[G, K, q]] = a([
+var _ = [], v = ({ query: v = "", method: y = "get", accessToken: b = "", headers: x = c, when: S, subType: C = "", mockData: re = "{}", credentials: ie = "same-origin", runtime: ae = "client", connector: w = "", action: T = "", endpoint: oe = "", resource: se = "", limit: ce = "10", singleRecord: E = !1, filters: D = _, pagination: O = "none", pageParam: k = "page", renderWhileLoading: A = !1, loadingSlot: j = "", cache: M = !1, staleTime: N = 30, gcTime: P = 300, refreshSeconds: F = 0, onUpdate: I }) => {
+	let { resolvedTheme: L } = te(), [R] = a("pageDefinitions"), [z] = a("connectors"), [B] = o("actions.catalog"), [V] = a("hasServerRendering"), [H, U] = i(!1), W = ae === "server", G = W ? T && !w ? "action" : "connector" : "client", [[K, q, J]] = s([
 		"navigation.routeParams",
 		"navigation.queryParams",
 		"navigation.currentPageId"
-	]), J = t((e) => (t) => F?.(e, t), [F]), le = t((e) => F?.("query", e), [F]), ue = t((e) => F?.("when", e), [F]), de = t((e) => F?.("subType", e), [F]), fe = t((e) => F?.("mockData", e), [F]), pe = t((e) => H(e.target.checked), []), me = t((e, t) => F?.("headers", t), [F]), he = t((e) => {
+	]), Y = e(I), le = n((e) => I?.("query", e), [I]), ue = n((e) => I?.("when", e), [I]), de = n((e) => I?.("subType", e), [I]), fe = n((e) => I?.("mockData", e), [I]), pe = n((e) => U(e.target.checked), []), me = n((e, t) => I?.("headers", t), [I]), he = n((e) => {
 		if (e === "client") {
-			F?.("runtime", "client", !0);
+			I?.("runtime", "client", !0);
 			return;
 		}
-		F?.("runtime", "server", !0), F?.(e === "action" ? "connector" : "action", "");
-	}, [F]), ge = t((e) => F?.("singleRecord", e.target.checked), [F]), _e = t((e) => F?.("loadingSlot", e), [F]), Y = t((e) => F?.("renderWhileLoading", e.target.checked), [F]), ve = t((e) => F?.("cache", e.target.checked), [F]), ye = t((e) => F?.("filters", e), [F]), X = n(() => Object.values(R), [R]), Z = n(() => X.find((e) => e.identifier === C)?.manifest, [X, C]), be = n(() => Object.keys(Z?.operators ?? {}), [Z]), Q = n(() => Object.keys(Z?.endpoints.read ?? {}), [Z]), $ = n(() => [...te(L, `${q}.attributes.slug`, "").matchAll(/:[a-z0-9_-]+/gim)].map((e) => e[0].slice(1)), [L, q]), xe = n(() => [
-		...Object.keys(G),
+		I?.("runtime", "server", !0), I?.(e === "action" ? "connector" : "action", "");
+	}, [I]), ge = n((e) => I?.("singleRecord", e.target.checked), [I]), _e = n((e) => I?.("loadingSlot", e), [I]), ve = n((e) => I?.("renderWhileLoading", e.target.checked), [I]), ye = n((e) => I?.("cache", e.target.checked), [I]), be = n((e) => I?.("filters", e), [I]), X = r(() => Object.values(z), [z]), Z = r(() => X.find((e) => e.identifier === w)?.manifest, [X, w]), xe = r(() => Object.keys(Z?.operators ?? {}), [Z]), Q = r(() => Object.keys(Z?.endpoints.read ?? {}), [Z]), $ = r(() => [...ee(R, `${J}.attributes.slug`, "").matchAll(/:[a-z0-9_-]+/gim)].map((e) => e[0].slice(1)), [R, J]), Se = r(() => [
 		...Object.keys(K),
+		...Object.keys(q),
 		...$
 	].map((e) => ({
 		type: "token",
 		value: e
 	})), [
-		G,
 		K,
+		q,
 		$
 	]);
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ d("div", {
 		className: "flex grow flex-col gap-4 py-2",
 		children: [
-			/* @__PURE__ */ c(p, {
-				value: W,
+			/* @__PURE__ */ d(m, {
+				value: G,
 				label: "Data Source",
 				onChange: he,
 				size: "xs",
 				children: [
-					/* @__PURE__ */ s("option", {
+					/* @__PURE__ */ u("option", {
 						value: "client",
 						children: "Browser request"
 					}),
-					/* @__PURE__ */ s("option", {
+					/* @__PURE__ */ u("option", {
 						value: "connector",
 						children: "Connector (server-side)"
 					}),
-					/* @__PURE__ */ s("option", {
+					/* @__PURE__ */ u("option", {
 						value: "action",
 						children: "Server action (server-side)"
 					})
 				]
 			}),
-			/* @__PURE__ */ c("span", {
+			/* @__PURE__ */ d("span", {
 				className: "text-xs text-gray-500 dark:text-zinc-400",
 				children: [
-					W === "connector" && "The server calls the API and hands the page its records. The endpoint and the credential never reach the browser, and the content is in the HTML search engines see.",
-					W === "action" && "A flow runs on the server and hands the page whatever its output step returns — for the read a connector cannot express: two calls joined, a computed field, a shape that depends on who is looking. It is fed this page’s route and query params.",
-					W === "client" && "The browser calls the URL directly. Anything it needs to authenticate with is visible to the visitor, and the content is not in the initial HTML."
+					G === "connector" && "The server calls the API and hands the page its records. The endpoint and the credential never reach the browser, and the content is in the HTML search engines see.",
+					G === "action" && "A flow runs on the server and hands the page whatever its output step returns — for the read a connector cannot express: two calls joined, a computed field, a shape that depends on who is looking. It is fed this page’s route and query params.",
+					G === "client" && "The browser calls the URL directly. Anything it needs to authenticate with is visible to the visitor, and the content is not in the initial HTML."
 				]
 			}),
-			W === "action" && /* @__PURE__ */ c(o, { children: [z?.length === 0 && /* @__PURE__ */ s("div", {
+			G === "action" && /* @__PURE__ */ d(l, { children: [B?.length === 0 && /* @__PURE__ */ u("div", {
 				className: "rounded-sm border border-gray-300 p-2 text-xs text-gray-500 dark:border-zinc-600 dark:text-zinc-400",
 				children: "No actions yet. Add one in the Actions panel and give it a “While a page renders” trigger — that is the way in this element uses."
-			}), /* @__PURE__ */ c(p, {
-				value: w,
+			}), /* @__PURE__ */ d(m, {
+				value: T,
 				label: "Action",
-				onChange: J("action"),
+				onChange: Y.text("action"),
 				size: "xs",
-				children: [/* @__PURE__ */ s("option", {
+				children: [/* @__PURE__ */ u("option", {
 					value: "",
 					children: "Select an action…"
-				}), (z ?? []).map((e) => /* @__PURE__ */ s("option", {
+				}), (B ?? []).map((e) => /* @__PURE__ */ u("option", {
 					value: e.identifier,
 					children: e.name
 				}, e.identifier))]
 			})] }),
-			U && !B && /* @__PURE__ */ s("div", {
+			W && !V && /* @__PURE__ */ u("div", {
 				className: "rounded-sm border border-yellow-300 bg-yellow-50 p-2 text-xs text-yellow-800 dark:border-yellow-700 dark:bg-yellow-950 dark:text-yellow-200",
 				children: "This space has no server-rendered deployment. It resolves here in the builder, but a published page would have no server to resolve it — publish with a Plitzi SSR credential, or read the API from the browser instead."
 			}),
-			W === "connector" && /* @__PURE__ */ c(o, { children: [
-				X.length === 0 && /* @__PURE__ */ s("div", {
+			G === "connector" && /* @__PURE__ */ d(l, { children: [
+				X.length === 0 && /* @__PURE__ */ u("div", {
 					className: "rounded-sm border border-gray-300 p-2 text-xs text-gray-500 dark:border-zinc-600 dark:text-zinc-400",
 					children: "No connectors yet. Add one in the Connectors panel — it holds the API endpoints, and the credential stays on the server."
 				}),
-				/* @__PURE__ */ c(p, {
-					value: C,
+				/* @__PURE__ */ d(m, {
+					value: w,
 					label: "Connector",
-					onChange: J("connector"),
+					onChange: Y.text("connector"),
 					size: "xs",
-					children: [/* @__PURE__ */ s("option", {
+					children: [/* @__PURE__ */ u("option", {
 						value: "",
 						children: "Select a connector…"
-					}), X.map((e) => /* @__PURE__ */ s("option", {
+					}), X.map((e) => /* @__PURE__ */ u("option", {
 						value: e.identifier,
 						children: e.name
 					}, e.identifier))]
 				}),
-				Q.length > 1 && /* @__PURE__ */ s(p, {
+				Q.length > 1 && /* @__PURE__ */ u(m, {
 					value: oe,
 					label: "Endpoint",
-					onChange: J("endpoint"),
+					onChange: Y.text("endpoint"),
 					size: "xs",
-					children: Q.map((e) => /* @__PURE__ */ s("option", {
+					children: Q.map((e) => /* @__PURE__ */ u("option", {
 						value: e,
 						children: e
 					}, e))
 				}),
-				/* @__PURE__ */ s(f, {
+				/* @__PURE__ */ u(p, {
 					value: se,
 					label: "Resource",
 					placeholder: "posts",
 					title: "The collection read through the connector — what {{resource}} becomes in the endpoint path.",
-					onChange: J("resource"),
+					onChange: Y.text("resource"),
 					size: "xs"
 				}),
-				/* @__PURE__ */ s(e, {
-					value: E,
-					operators: be,
-					onChange: ye
+				/* @__PURE__ */ u(t, {
+					value: D,
+					operators: xe,
+					onChange: be
 				}),
-				/* @__PURE__ */ s(m, {
-					checked: T,
+				/* @__PURE__ */ u(g, {
+					checked: E,
 					size: "sm",
 					label: "Single record (detail page)",
 					onChange: ge
 				}),
-				!T && /* @__PURE__ */ c(o, { children: [
-					/* @__PURE__ */ s(f, {
+				!E && /* @__PURE__ */ d(l, { children: [
+					/* @__PURE__ */ u(p, {
 						value: ce,
 						label: "Records per page",
-						onChange: J("limit"),
+						onChange: Y.text("limit"),
 						size: "xs"
 					}),
-					/* @__PURE__ */ c(p, {
-						value: D,
+					/* @__PURE__ */ d(m, {
+						value: O,
 						label: "Pagination",
-						onChange: J("pagination"),
+						onChange: Y.text("pagination"),
 						size: "xs",
 						children: [
-							/* @__PURE__ */ s("option", {
+							/* @__PURE__ */ u("option", {
 								value: "none",
 								children: "None"
 							}),
-							/* @__PURE__ */ s("option", {
+							/* @__PURE__ */ u("option", {
 								value: "url",
 								children: "URL (indexable)"
 							}),
-							/* @__PURE__ */ s("option", {
+							/* @__PURE__ */ u("option", {
 								value: "append",
 								children: "Load more"
 							})
 						]
 					}),
-					D !== "none" && /* @__PURE__ */ s(f, {
-						value: O,
+					O !== "none" && /* @__PURE__ */ u(p, {
+						value: k,
 						label: "Page parameter",
 						title: "Query-string key this list pages on. Give each list its own so they page independently.",
-						onChange: J("pageParam"),
+						onChange: Y.text("pageParam"),
 						size: "xs"
 					})
 				] })
 			] }),
-			!U && /* @__PURE__ */ c(o, { children: [
-				/* @__PURE__ */ c("div", {
+			!W && /* @__PURE__ */ d(l, { children: [
+				/* @__PURE__ */ d("div", {
 					className: "flex flex-col",
-					children: [/* @__PURE__ */ s("label", { children: "Query" }), /* @__PURE__ */ s(d, {
+					children: [/* @__PURE__ */ u("label", { children: "Query" }), /* @__PURE__ */ u(f, {
 						className: "min-h-6.5 basis-auto rounded-sm border border-gray-300 px-1 text-xs",
-						value: g,
-						theme: I,
+						value: v,
+						theme: L,
 						mode: "text",
-						autoComplete: xe,
+						autoComplete: Se,
 						lineWrapping: !0,
 						multiline: !1,
 						onChange: le
 					})]
 				}),
-				/* @__PURE__ */ c(p, {
-					value: ie,
+				/* @__PURE__ */ d(m, {
+					value: y,
 					label: "Method",
-					onChange: J("method"),
+					onChange: Y.text("method"),
 					size: "xs",
-					children: [/* @__PURE__ */ s("option", {
+					children: [/* @__PURE__ */ u("option", {
 						value: "get",
 						children: "Get"
-					}), /* @__PURE__ */ s("option", {
+					}), /* @__PURE__ */ u("option", {
 						value: "post",
 						children: "Post"
 					})]
 				}),
-				/* @__PURE__ */ s(f, {
-					value: ae,
+				/* @__PURE__ */ u(p, {
+					value: b,
 					label: "Access Token",
 					title: "Bind this to the signed-in visitor's token. A value typed here is saved in the page and served to\n              every visitor — put anything secret behind a connector instead.",
-					onChange: J("accessToken"),
+					onChange: Y.text("accessToken"),
 					size: "xs"
 				}),
-				/* @__PURE__ */ c(p, {
-					value: x,
+				/* @__PURE__ */ d(m, {
+					value: ie,
 					label: "Include Credentials",
-					onChange: J("credentials"),
+					onChange: Y.text("credentials"),
 					size: "xs",
 					children: [
-						/* @__PURE__ */ s("option", {
+						/* @__PURE__ */ u("option", {
 							value: "include",
 							children: "Include"
 						}),
-						/* @__PURE__ */ s("option", {
+						/* @__PURE__ */ u("option", {
 							value: "omit",
 							children: "Omit"
 						}),
-						/* @__PURE__ */ s("option", {
+						/* @__PURE__ */ u("option", {
 							value: "same-origin",
 							children: "Same Origin"
 						})
 					]
 				}),
-				/* @__PURE__ */ s(m, {
-					checked: j,
+				/* @__PURE__ */ u(g, {
+					checked: M,
 					size: "sm",
 					label: "Cache responses",
-					onChange: ve
+					onChange: ye
 				}),
-				j && /* @__PURE__ */ c(o, { children: [
-					/* @__PURE__ */ s(f, {
-						value: String(M),
+				M && /* @__PURE__ */ d(l, { children: [
+					/* @__PURE__ */ u(p, {
+						value: String(N),
 						label: "Fresh for (s)",
 						title: "How long an answer is reused without asking again — here and by every provider requesting the\n                  same thing. Past it, the answer stays on screen while a fresh one is fetched. 0 asks on every mount.",
-						onChange: J("staleTime"),
+						onChange: Y.text("staleTime"),
 						size: "xs"
 					}),
-					/* @__PURE__ */ s(f, {
-						value: String(N),
+					/* @__PURE__ */ u(p, {
+						value: String(P),
 						label: "Keep unused for (s)",
 						title: "How long an answer nobody is showing is kept, so coming back to it within that time paints at once.",
-						onChange: J("gcTime"),
+						onChange: Y.text("gcTime"),
 						size: "xs"
 					}),
-					/* @__PURE__ */ s("div", {
+					/* @__PURE__ */ u("div", {
 						className: "rounded-sm border border-gray-300 p-2 text-xs text-gray-500 dark:border-zinc-600 dark:text-zinc-400",
 						children: "A completed server action refreshes every cached request, in case it changed what they read. On its step, “Refresh cached requests” can name only the containers it affects, or none for an action that only reads. A webhook step can do the same."
 					})
 				] }),
-				/* @__PURE__ */ s(m, {
-					checked: k,
+				/* @__PURE__ */ u(g, {
+					checked: A,
 					size: "sm",
 					label: "Render children while loading",
-					onChange: Y
+					onChange: ve
 				}),
-				/* @__PURE__ */ s(f, {
-					value: A,
+				/* @__PURE__ */ u(p, {
+					value: j,
 					label: "Loading slot",
 					placeholder: "catalog-skeleton",
 					title: "The id of a child shown instead of the others until the first answer arrives — a skeleton — and gone after it.",
@@ -264,95 +265,95 @@ var h = [], g = ({ query: g = "", method: ie = "get", accessToken: ae = "", head
 					onChange: _e
 				})
 			] }),
-			/* @__PURE__ */ s(f, {
-				value: String(P),
+			/* @__PURE__ */ u(p, {
+				value: String(F),
 				label: "Refresh every (s)",
 				title: "Asks again on its own this often, for a page showing something that keeps moving. Paused while the tab\n          is hidden. 0 never does.",
-				onChange: J("refreshSeconds"),
+				onChange: Y.text("refreshSeconds"),
 				size: "xs"
 			}),
-			/* @__PURE__ */ s(m, {
-				checked: V,
+			/* @__PURE__ */ u(g, {
+				checked: H,
 				size: "sm",
 				label: "Advanced Settings",
 				onChange: pe
 			}),
-			V && /* @__PURE__ */ c(o, { children: [
-				/* @__PURE__ */ s(re, {
-					value: Object.entries(_),
+			H && /* @__PURE__ */ d(l, { children: [
+				/* @__PURE__ */ u(h, {
+					value: Object.entries(x),
 					label: "Headers",
 					onChange: me,
 					size: "xs"
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ d("div", {
 					className: "flex flex-col",
-					children: [/* @__PURE__ */ s("label", { children: "When to perform query request" }), /* @__PURE__ */ s(u, {
+					children: [/* @__PURE__ */ u("label", { children: "When to perform query request" }), /* @__PURE__ */ u(ne, {
 						direction: "vertical",
 						className: "w-full",
 						size: "xs",
-						query: v,
+						query: S,
 						onChange: ue,
 						showBranches: !0
 					})]
 				}),
-				/* @__PURE__ */ c(p, {
-					value: y,
+				/* @__PURE__ */ d(m, {
+					value: C,
 					label: "Container Tag",
 					onChange: de,
 					size: "xs",
 					children: [
-						/* @__PURE__ */ s("option", {
+						/* @__PURE__ */ u("option", {
 							value: "",
 							children: "None"
 						}),
-						/* @__PURE__ */ s("option", {
+						/* @__PURE__ */ u("option", {
 							value: "div",
 							children: "Div"
 						}),
-						/* @__PURE__ */ s("option", {
+						/* @__PURE__ */ u("option", {
 							value: "header",
 							children: "Header"
 						}),
-						/* @__PURE__ */ s("option", {
+						/* @__PURE__ */ u("option", {
 							value: "footer",
 							children: "Footer"
 						}),
-						/* @__PURE__ */ s("option", {
+						/* @__PURE__ */ u("option", {
 							value: "nav",
 							children: "Nav"
 						}),
-						/* @__PURE__ */ s("option", {
+						/* @__PURE__ */ u("option", {
 							value: "main",
 							children: "Main"
 						}),
-						/* @__PURE__ */ s("option", {
+						/* @__PURE__ */ u("option", {
 							value: "section",
 							children: "Section"
 						}),
-						/* @__PURE__ */ s("option", {
+						/* @__PURE__ */ u("option", {
 							value: "article",
 							children: "Article"
 						}),
-						/* @__PURE__ */ s("option", {
+						/* @__PURE__ */ u("option", {
 							value: "aside",
 							children: "Aside"
 						}),
-						/* @__PURE__ */ s("option", {
+						/* @__PURE__ */ u("option", {
 							value: "address",
 							children: "Address"
 						}),
-						/* @__PURE__ */ s("option", {
+						/* @__PURE__ */ u("option", {
 							value: "figure",
 							children: "Figure"
 						})
 					]
 				}),
-				/* @__PURE__ */ s("div", { className: "my-2 h-px w-full border border-gray-300 bg-gray-300" }),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ u("div", { className: "my-2 h-px w-full border border-gray-300 bg-gray-300" }),
+				/* @__PURE__ */ d("div", {
 					className: "flex min-h-50 grow flex-col",
-					children: [/* @__PURE__ */ s("label", { children: "Mock Data (Build Mode)" }), /* @__PURE__ */ s(d, {
-						value: b,
-						theme: I,
+					children: [/* @__PURE__ */ u("label", { children: "Mock Data (Build Mode)" }), /* @__PURE__ */ u(f, {
+						value: re,
+						theme: L,
 						mode: "json",
 						lineWrapping: !0,
 						onChange: fe
@@ -363,4 +364,4 @@ var h = [], g = ({ query: g = "", method: ie = "get", accessToken: ae = "", head
 	});
 };
 //#endregion
-export { g as default };
+export { v as default };

package/dist/elements/provider/ApiContainer/declaration.d.ts

@@ -2,7 +2,7 @@ import { ApiContainerProps } from './ApiContainer';
 import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
 /** What this element can be authored with — its component's own props, minus what the runtime supplies. */
 export type ApiContainerAttributes = AuthorableAttributes<ApiContainerProps>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "apiContainer";
     readonly attributeValues: {
         readonly subType: readonly string[];
@@ -123,38 +123,14 @@ declare const declaration: {
         };
         readonly definition: {
             readonly label: "Api Container";
-            readonly type: "apiContainer";
             readonly description: string;
-            readonly items: readonly [];
-            readonly bindings: {};
-            readonly styleSelectors: {
-                readonly base: "";
-            };
-            readonly initialState: {
-                readonly visibility: true;
-            };
-        };
-        readonly builder: {
-            readonly canDelete: true;
-            readonly canSelect: true;
-            readonly canDragDrop: true;
-            readonly canMove: true;
-            readonly canSnippet: true;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly [];
+            readonly items: [];
         };
         readonly market: {
             readonly category: "provider";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-server";
         };
         readonly defaultStyle: {
-            readonly name: "Api Container";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {};
@@ -162,9 +138,8 @@ declare const declaration: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+}, Partial<{
     when?: import('@plitzi/sdk-shared').RuleGroup | undefined;
     action?: string | undefined;
     cache?: boolean | undefined;

package/dist/elements/provider/ApiContainer/declaration.mjs

@@ -141,38 +141,17 @@ var n = e()({
 		},
 		definition: {
 			label: "Api Container",
-			type: "apiContainer",
 			description: "Fetches data from a backend HTTP API (its `query`/`method`/`credentials`) and exposes the response as a data source ITS DESCENDANTS bind to (source `apiContainer_<id>.data`; only elements inside it can consume it). This is how you get backend data into the frontend. Its `mockData` prop is builder-only sample data — the published runtime fetches the real `query`, so always set a real query for production. With `cache: true` a browser request is kept for `staleTime` seconds (default 30) and shared with every provider asking the same thing; it is off unless set. A flow refreshes it with `performQuery` or the global `invalidateQueries` step, and `refreshSeconds` makes it ask again on its own every N seconds (either runtime; paused while the tab is hidden) — the way to keep a queue, feed or status board current without a plugin. A server provider (`runtime: \"server\"`) whose answer means the address shows nothing — a record not found — says so in `notFound`, a template against its answer (`{{ source.found == false }}`): the page is sent with status 404, rendered as written. Its `subType` (container tag) is empty by default, and then it renders NO element of its own: its children lay out directly in its parent, and any class, variant or style binding on it applies to nothing. To style the provider itself give it a tag (`subType: \"div\"`, `section`, …); otherwise style its parent or a child.",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canSnippet: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
+			items: []
 		},
 		market: {
 			category: "provider",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
 			icon: "fa-solid fa-server"
 		},
 		defaultStyle: {
-			name: "Api Container",
-			displayMode: "desktop",
 			style: { base: { default: {} } },
 			subTypes: {}
-		},
-		settings: {}
+		}
 	}
 });
 //#endregion