@mittwald/flow-remote-vue-components 0.0.0-stage → 1.5.0

package/dist/js/remote-vue-components/src/auto-generated/TextArea.mjs

@@ -0,0 +1,23 @@
+import { createFlowRemoteComponent } from "../lib/createFlowRemoteComponent.mjs";
+import { RemoteTextAreaElement } from "@mittwald/flow-remote-elements";
+//#region src/auto-generated/TextArea.ts
+var TextArea = createFlowRemoteComponent("flr-text-area", "TextArea", RemoteTextAreaElement, { booleans: [
+	"allowHorizontalResize",
+	"allowResize",
+	"allowVerticalResize",
+	"aria-haspopup",
+	"aria-hidden",
+	"autoFocus",
+	"excludeFromTabOrder",
+	"hidden",
+	"inert",
+	"isDisabled",
+	"isInvalid",
+	"isReadOnly",
+	"isRequired",
+	"showCharacterCount"
+] });
+//#endregion
+export { TextArea };
+
+//# sourceMappingURL=TextArea.mjs.map

package/dist/js/remote-vue-components/src/auto-generated/TextArea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.mjs","names":[],"sources":["../../../../../src/auto-generated/TextArea.ts"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport { createFlowRemoteComponent } from \"@/lib/createFlowRemoteComponent\";\nimport type { FlowRemoteVueComponent } from \"@/lib/types\";\nimport { RemoteTextAreaElement } from \"@mittwald/flow-remote-elements\";\nimport type { RemoteTextAreaElementProps } from \"@mittwald/flow-remote-elements\";\nexport { type RemoteTextAreaElementProps as TextAreaProps } from \"@mittwald/flow-remote-elements\";\n\nexport const TextArea: FlowRemoteVueComponent<RemoteTextAreaElementProps> =\n  createFlowRemoteComponent(\n    \"flr-text-area\",\n    \"TextArea\",\n    RemoteTextAreaElement,\n    {\n      booleans: [\n        \"allowHorizontalResize\",\n        \"allowResize\",\n        \"allowVerticalResize\",\n        \"aria-haspopup\",\n        \"aria-hidden\",\n        \"autoFocus\",\n        \"excludeFromTabOrder\",\n        \"hidden\",\n        \"inert\",\n        \"isDisabled\",\n        \"isInvalid\",\n        \"isReadOnly\",\n        \"isRequired\",\n        \"showCharacterCount\",\n      ],\n    },\n  );\n"],"mappings":";;;AAQA,IAAa,WACX,0BACE,iBACA,YACA,uBACA,EACE,UAAU;CACR;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CACF"}

package/dist/js/remote-vue-components/src/auto-generated/TextField.mjs

@@ -0,0 +1,19 @@
+import { createFlowRemoteComponent } from "../lib/createFlowRemoteComponent.mjs";
+import { RemoteTextFieldElement } from "@mittwald/flow-remote-elements";
+//#region src/auto-generated/TextField.ts
+var TextField = createFlowRemoteComponent("flr-text-field", "TextField", RemoteTextFieldElement, { booleans: [
+	"aria-haspopup",
+	"autoFocus",
+	"excludeFromTabOrder",
+	"hidden",
+	"inert",
+	"isDisabled",
+	"isInvalid",
+	"isReadOnly",
+	"isRequired",
+	"showCharacterCount"
+] });
+//#endregion
+export { TextField };
+
+//# sourceMappingURL=TextField.mjs.map

package/dist/js/remote-vue-components/src/auto-generated/TextField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.mjs","names":[],"sources":["../../../../../src/auto-generated/TextField.ts"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport { createFlowRemoteComponent } from \"@/lib/createFlowRemoteComponent\";\nimport type { FlowRemoteVueComponent } from \"@/lib/types\";\nimport { RemoteTextFieldElement } from \"@mittwald/flow-remote-elements\";\nimport type { RemoteTextFieldElementProps } from \"@mittwald/flow-remote-elements\";\nexport { type RemoteTextFieldElementProps as TextFieldProps } from \"@mittwald/flow-remote-elements\";\n\nexport const TextField: FlowRemoteVueComponent<RemoteTextFieldElementProps> =\n  createFlowRemoteComponent(\n    \"flr-text-field\",\n    \"TextField\",\n    RemoteTextFieldElement,\n    {\n      booleans: [\n        \"aria-haspopup\",\n        \"autoFocus\",\n        \"excludeFromTabOrder\",\n        \"hidden\",\n        \"inert\",\n        \"isDisabled\",\n        \"isInvalid\",\n        \"isReadOnly\",\n        \"isRequired\",\n        \"showCharacterCount\",\n      ],\n    },\n  );\n"],"mappings":";;;AAQA,IAAa,YACX,0BACE,kBACA,aACA,wBACA,EACE,UAAU;CACR;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CACF"}

package/dist/js/remote-vue-components/src/auto-generated/TimeField.mjs

@@ -0,0 +1,18 @@
+import { createFlowRemoteComponent } from "../lib/createFlowRemoteComponent.mjs";
+import { RemoteTimeFieldElement } from "@mittwald/flow-remote-elements";
+//#region src/auto-generated/TimeField.ts
+var TimeField = createFlowRemoteComponent("flr-time-field", "TimeField", RemoteTimeFieldElement, { booleans: [
+	"autoFocus",
+	"hidden",
+	"hideTimeZone",
+	"inert",
+	"isDisabled",
+	"isInvalid",
+	"isReadOnly",
+	"isRequired",
+	"shouldForceLeadingZeros"
+] });
+//#endregion
+export { TimeField };
+
+//# sourceMappingURL=TimeField.mjs.map

package/dist/js/remote-vue-components/src/auto-generated/TimeField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeField.mjs","names":[],"sources":["../../../../../src/auto-generated/TimeField.ts"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport { createFlowRemoteComponent } from \"@/lib/createFlowRemoteComponent\";\nimport type { FlowRemoteVueComponent } from \"@/lib/types\";\nimport { RemoteTimeFieldElement } from \"@mittwald/flow-remote-elements\";\nimport type { RemoteTimeFieldElementProps } from \"@mittwald/flow-remote-elements\";\nexport { type RemoteTimeFieldElementProps as TimeFieldProps } from \"@mittwald/flow-remote-elements\";\n\nexport const TimeField: FlowRemoteVueComponent<RemoteTimeFieldElementProps> =\n  createFlowRemoteComponent(\n    \"flr-time-field\",\n    \"TimeField\",\n    RemoteTimeFieldElement,\n    {\n      booleans: [\n        \"autoFocus\",\n        \"hidden\",\n        \"hideTimeZone\",\n        \"inert\",\n        \"isDisabled\",\n        \"isInvalid\",\n        \"isReadOnly\",\n        \"isRequired\",\n        \"shouldForceLeadingZeros\",\n      ],\n    },\n  );\n"],"mappings":";;;AAQA,IAAa,YACX,0BACE,kBACA,aACA,wBACA,EACE,UAAU;CACR;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CACF"}

package/dist/js/remote-vue-components/src/auto-generated/Tooltip.mjs

@@ -0,0 +1,16 @@
+import { createFlowRemoteComponent } from "../lib/createFlowRemoteComponent.mjs";
+import { RemoteTooltipElement } from "@mittwald/flow-remote-elements";
+//#region src/auto-generated/Tooltip.ts
+var Tooltip = createFlowRemoteComponent("flr-tooltip", "Tooltip", RemoteTooltipElement, { booleans: [
+	"defaultOpen",
+	"hidden",
+	"inert",
+	"isEntering",
+	"isExiting",
+	"isOpen",
+	"shouldFlip"
+] });
+//#endregion
+export { Tooltip };
+
+//# sourceMappingURL=Tooltip.mjs.map

package/dist/js/remote-vue-components/src/auto-generated/Tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.mjs","names":[],"sources":["../../../../../src/auto-generated/Tooltip.ts"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport { createFlowRemoteComponent } from \"@/lib/createFlowRemoteComponent\";\nimport type { FlowRemoteVueComponent } from \"@/lib/types\";\nimport { RemoteTooltipElement } from \"@mittwald/flow-remote-elements\";\nimport type { RemoteTooltipElementProps } from \"@mittwald/flow-remote-elements\";\nexport { type RemoteTooltipElementProps as TooltipProps } from \"@mittwald/flow-remote-elements\";\n\nexport const Tooltip: FlowRemoteVueComponent<RemoteTooltipElementProps> =\n  createFlowRemoteComponent(\"flr-tooltip\", \"Tooltip\", RemoteTooltipElement, {\n    booleans: [\n      \"defaultOpen\",\n      \"hidden\",\n      \"inert\",\n      \"isEntering\",\n      \"isExiting\",\n      \"isOpen\",\n      \"shouldFlip\",\n    ],\n  });\n"],"mappings":";;;AAQA,IAAa,UACX,0BAA0B,eAAe,WAAW,sBAAsB,EACxE,UAAU;CACR;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC"}

package/dist/js/remote-vue-components/src/auto-generated/TooltipTrigger.mjs

@@ -0,0 +1,13 @@
+import { createFlowRemoteComponent } from "../lib/createFlowRemoteComponent.mjs";
+import { RemoteTooltipTriggerElement } from "@mittwald/flow-remote-elements";
+//#region src/auto-generated/TooltipTrigger.ts
+var TooltipTrigger = createFlowRemoteComponent("flr-tooltip-trigger", "TooltipTrigger", RemoteTooltipTriggerElement, { booleans: [
+	"defaultOpen",
+	"isDisabled",
+	"isOpen",
+	"shouldCloseOnPress"
+] });
+//#endregion
+export { TooltipTrigger };
+
+//# sourceMappingURL=TooltipTrigger.mjs.map

package/dist/js/remote-vue-components/src/auto-generated/TooltipTrigger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipTrigger.mjs","names":[],"sources":["../../../../../src/auto-generated/TooltipTrigger.ts"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport { createFlowRemoteComponent } from \"@/lib/createFlowRemoteComponent\";\nimport type { FlowRemoteVueComponent } from \"@/lib/types\";\nimport { RemoteTooltipTriggerElement } from \"@mittwald/flow-remote-elements\";\nimport type { RemoteTooltipTriggerElementProps } from \"@mittwald/flow-remote-elements\";\nexport { type RemoteTooltipTriggerElementProps as TooltipTriggerProps } from \"@mittwald/flow-remote-elements\";\n\nexport const TooltipTrigger: FlowRemoteVueComponent<RemoteTooltipTriggerElementProps> =\n  createFlowRemoteComponent(\n    \"flr-tooltip-trigger\",\n    \"TooltipTrigger\",\n    RemoteTooltipTriggerElement,\n    { booleans: [\"defaultOpen\", \"isDisabled\", \"isOpen\", \"shouldCloseOnPress\"] },\n  );\n"],"mappings":";;;AAQA,IAAa,iBACX,0BACE,uBACA,kBACA,6BACA,EAAE,UAAU;CAAC;CAAe;CAAc;CAAU;AAAoB,EAAE,CAC5E"}

package/dist/js/remote-vue-components/src/auto-generated/TranslationProvider.mjs

@@ -0,0 +1,8 @@
+import { createFlowRemoteComponent } from "../lib/createFlowRemoteComponent.mjs";
+import { RemoteTranslationProviderElement } from "@mittwald/flow-remote-elements";
+//#region src/auto-generated/TranslationProvider.ts
+var TranslationProvider = createFlowRemoteComponent("flr-translation-provider", "TranslationProvider", RemoteTranslationProviderElement);
+//#endregion
+export { TranslationProvider };
+
+//# sourceMappingURL=TranslationProvider.mjs.map

package/dist/js/remote-vue-components/src/auto-generated/TranslationProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranslationProvider.mjs","names":[],"sources":["../../../../../src/auto-generated/TranslationProvider.ts"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport { createFlowRemoteComponent } from \"@/lib/createFlowRemoteComponent\";\nimport type { FlowRemoteVueComponent } from \"@/lib/types\";\nimport { RemoteTranslationProviderElement } from \"@mittwald/flow-remote-elements\";\nimport type { RemoteTranslationProviderElementProps } from \"@mittwald/flow-remote-elements\";\nexport { type RemoteTranslationProviderElementProps as TranslationProviderProps } from \"@mittwald/flow-remote-elements\";\n\nexport const TranslationProvider: FlowRemoteVueComponent<RemoteTranslationProviderElementProps> =\n  createFlowRemoteComponent(\n    \"flr-translation-provider\",\n    \"TranslationProvider\",\n    RemoteTranslationProviderElement,\n  );\n"],"mappings":";;;AAQA,IAAa,sBACX,0BACE,4BACA,uBACA,gCACF"}

package/dist/js/remote-vue-components/src/auto-generated/Truncate.mjs

@@ -0,0 +1,8 @@
+import { createFlowRemoteComponent } from "../lib/createFlowRemoteComponent.mjs";
+import { RemoteTruncateElement } from "@mittwald/flow-remote-elements";
+//#region src/auto-generated/Truncate.ts
+var Truncate = createFlowRemoteComponent("flr-truncate", "Truncate", RemoteTruncateElement);
+//#endregion
+export { Truncate };
+
+//# sourceMappingURL=Truncate.mjs.map

package/dist/js/remote-vue-components/src/auto-generated/Truncate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Truncate.mjs","names":[],"sources":["../../../../../src/auto-generated/Truncate.ts"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport { createFlowRemoteComponent } from \"@/lib/createFlowRemoteComponent\";\nimport type { FlowRemoteVueComponent } from \"@/lib/types\";\nimport { RemoteTruncateElement } from \"@mittwald/flow-remote-elements\";\nimport type { RemoteTruncateElementProps } from \"@mittwald/flow-remote-elements\";\nexport { type RemoteTruncateElementProps as TruncateProps } from \"@mittwald/flow-remote-elements\";\n\nexport const Truncate: FlowRemoteVueComponent<RemoteTruncateElementProps> =\n  createFlowRemoteComponent(\"flr-truncate\", \"Truncate\", RemoteTruncateElement);\n"],"mappings":";;;AAQA,IAAa,WACX,0BAA0B,gBAAgB,YAAY,qBAAqB"}

package/dist/js/remote-vue-components/src/auto-generated/TunnelEntry.mjs

@@ -0,0 +1,8 @@
+import { createFlowRemoteComponent } from "../lib/createFlowRemoteComponent.mjs";
+import { RemoteTunnelEntryElement } from "@mittwald/flow-remote-elements";
+//#region src/auto-generated/TunnelEntry.ts
+var TunnelEntry = createFlowRemoteComponent("flr-tunnel-entry", "TunnelEntry", RemoteTunnelEntryElement);
+//#endregion
+export { TunnelEntry };
+
+//# sourceMappingURL=TunnelEntry.mjs.map

package/dist/js/remote-vue-components/src/auto-generated/TunnelEntry.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TunnelEntry.mjs","names":[],"sources":["../../../../../src/auto-generated/TunnelEntry.ts"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport { createFlowRemoteComponent } from \"@/lib/createFlowRemoteComponent\";\nimport type { FlowRemoteVueComponent } from \"@/lib/types\";\nimport { RemoteTunnelEntryElement } from \"@mittwald/flow-remote-elements\";\nimport type { RemoteTunnelEntryElementProps } from \"@mittwald/flow-remote-elements\";\nexport { type RemoteTunnelEntryElementProps as TunnelEntryProps } from \"@mittwald/flow-remote-elements\";\n\nexport const TunnelEntry: FlowRemoteVueComponent<RemoteTunnelEntryElementProps> =\n  createFlowRemoteComponent(\n    \"flr-tunnel-entry\",\n    \"TunnelEntry\",\n    RemoteTunnelEntryElement,\n  );\n"],"mappings":";;;AAQA,IAAa,cACX,0BACE,oBACA,eACA,wBACF"}

package/dist/js/remote-vue-components/src/auto-generated/XAxis.mjs

@@ -0,0 +1,12 @@
+import { createFlowRemoteComponent } from "../lib/createFlowRemoteComponent.mjs";
+import { RemoteXAxisElement } from "@mittwald/flow-remote-elements";
+//#region src/auto-generated/XAxis.ts
+var XAxis = createFlowRemoteComponent("flr-x-axis", "XAxis", RemoteXAxisElement, { booleans: [
+	"allowDataOverflow",
+	"allowDecimals",
+	"hide"
+] });
+//#endregion
+export { XAxis };
+
+//# sourceMappingURL=XAxis.mjs.map

package/dist/js/remote-vue-components/src/auto-generated/XAxis.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"XAxis.mjs","names":[],"sources":["../../../../../src/auto-generated/XAxis.ts"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport { createFlowRemoteComponent } from \"@/lib/createFlowRemoteComponent\";\nimport type { FlowRemoteVueComponent } from \"@/lib/types\";\nimport { RemoteXAxisElement } from \"@mittwald/flow-remote-elements\";\nimport type { RemoteXAxisElementProps } from \"@mittwald/flow-remote-elements\";\nexport { type RemoteXAxisElementProps as XAxisProps } from \"@mittwald/flow-remote-elements\";\n\nexport const XAxis: FlowRemoteVueComponent<RemoteXAxisElementProps> =\n  createFlowRemoteComponent(\"flr-x-axis\", \"XAxis\", RemoteXAxisElement, {\n    booleans: [\"allowDataOverflow\", \"allowDecimals\", \"hide\"],\n  });\n"],"mappings":";;;AAQA,IAAa,QACX,0BAA0B,cAAc,SAAS,oBAAoB,EACnE,UAAU;CAAC;CAAqB;CAAiB;AAAM,EACzD,CAAC"}

package/dist/js/remote-vue-components/src/auto-generated/YAxis.mjs

@@ -0,0 +1,8 @@
+import { createFlowRemoteComponent } from "../lib/createFlowRemoteComponent.mjs";
+import { RemoteYAxisElement } from "@mittwald/flow-remote-elements";
+//#region src/auto-generated/YAxis.ts
+var YAxis = createFlowRemoteComponent("flr-y-axis", "YAxis", RemoteYAxisElement, { booleans: ["allowDecimals", "hide"] });
+//#endregion
+export { YAxis };
+
+//# sourceMappingURL=YAxis.mjs.map

package/dist/js/remote-vue-components/src/auto-generated/YAxis.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YAxis.mjs","names":[],"sources":["../../../../../src/auto-generated/YAxis.ts"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport { createFlowRemoteComponent } from \"@/lib/createFlowRemoteComponent\";\nimport type { FlowRemoteVueComponent } from \"@/lib/types\";\nimport { RemoteYAxisElement } from \"@mittwald/flow-remote-elements\";\nimport type { RemoteYAxisElementProps } from \"@mittwald/flow-remote-elements\";\nexport { type RemoteYAxisElementProps as YAxisProps } from \"@mittwald/flow-remote-elements\";\n\nexport const YAxis: FlowRemoteVueComponent<RemoteYAxisElementProps> =\n  createFlowRemoteComponent(\"flr-y-axis\", \"YAxis\", RemoteYAxisElement, {\n    booleans: [\"allowDecimals\", \"hide\"],\n  });\n"],"mappings":";;;AAQA,IAAa,QACX,0BAA0B,cAAc,SAAS,oBAAoB,EACnE,UAAU,CAAC,iBAAiB,MAAM,EACpC,CAAC"}

package/dist/js/remote-vue-components/src/components/Action.mjs

@@ -0,0 +1,211 @@
+import { composition } from "../lib/composition.mjs";
+import { useComponentUsage } from "../composables/useComponentUsage.mjs";
+import { Button } from "../auto-generated/Button.mjs";
+import { Link } from "../auto-generated/Link.mjs";
+import { MenuItem } from "../auto-generated/MenuItem.mjs";
+import watchMobxValue from "../lib/mobxSelector.mjs";
+import { dynamic, mapChildren } from "../overlays/childProps.mjs";
+import { injectOverlayContext, isOverlayController } from "../overlays/overlayController.mjs";
+import { ActionState } from "../../../components-base/src/action/ActionState.mjs";
+import "../../../components-base/src/index.mjs";
+import { defineComponent, inject, onMounted, provide } from "vue";
+//#region src/components/Action.ts
+var actionProps = {
+	/**
+	* What to run. Returning a promise puts the button into its pending and
+	* feedback states.
+	*/
+	onAction: {
+		type: Function,
+		default: void 0
+	},
+	/**
+	* The overlay to close. `true` closes the nearest enclosing overlay,
+	* whichever it is; a name (`"Popover"`) the nearest of that type.
+	*/
+	closeOverlay: {
+		type: [
+			Boolean,
+			String,
+			Object
+		],
+		default: void 0
+	},
+	/** The overlay to open. */
+	openOverlay: {
+		type: [String, Object],
+		default: void 0
+	},
+	/** The overlay to open or close. */
+	toggleOverlay: {
+		type: [String, Object],
+		default: void 0
+	},
+	/** Whether the surrounding modal is closed. */
+	closeModal: {
+		type: [Boolean, Object],
+		default: void 0
+	},
+	/** Whether the surrounding modal is opened. */
+	openModal: {
+		type: Boolean,
+		default: void 0
+	},
+	/** Whether the surrounding modal is opened or closed. */
+	toggleModal: {
+		type: Boolean,
+		default: void 0
+	},
+	/** Stops the execution here: parent actions are not executed. */
+	break: {
+		type: Boolean,
+		default: void 0
+	},
+	/** The number of parent actions skipped. `true` skips one. */
+	skip: {
+		type: [Boolean, Number],
+		default: void 0
+	},
+	/**
+	* Whether success feedback is shown. Async actions show it by default; set
+	* `false` to suppress it, `true` to show it for a sync action too.
+	*/
+	showFeedback: {
+		type: Boolean,
+		default: void 0
+	}
+};
+var actionKey = Symbol("flowAction");
+var callFunctionsInOrder = (fns) => (...args) => {
+	const [first, ...rest] = fns;
+	if (!first) return;
+	const result = first(...args);
+	const next = () => rest.length === 0 ? result : callFunctionsInOrder(rest)(...args);
+	return result instanceof Promise ? result.then(next) : next();
+};
+var resolveOverlay = (action, from) => {
+	if (isOverlayController(from)) return from;
+	if (typeof from === "string") return action.overlayContext.byType[from];
+	if (from === true || from.overlay === void 0) return action.overlayContext.nearest;
+	return resolveOverlay(action, from.overlay);
+};
+/**
+* `close` asks a `<Modal confirm-on-close>` first; the options object can
+* bypass that.
+*/
+var closeOverlay = (controller, options) => {
+	const bypass = typeof options === "object" && options !== null && !isOverlayController(options) && options.bypassConfirmation === true;
+	controller?.close({ bypassConfirmation: bypass });
+};
+var getExecutionFunction = (action) => {
+	const { onAction, openOverlay, closeOverlay: closeOverlayProp, toggleOverlay, openModal, closeModal, toggleModal } = action.props;
+	if (onAction) return onAction;
+	if (openOverlay) return () => resolveOverlay(action, openOverlay)?.open();
+	if (closeOverlayProp) return () => closeOverlay(resolveOverlay(action, closeOverlayProp), closeOverlayProp);
+	if (toggleOverlay) return () => resolveOverlay(action, toggleOverlay)?.toggle();
+	if (openModal) return () => resolveOverlay(action, "Modal")?.open();
+	if (toggleModal) return () => resolveOverlay(action, "Modal")?.toggle();
+	if (closeModal) return () => closeOverlay(resolveOverlay(action, "Modal"), closeModal);
+	return () => void 0;
+};
+var getBatches = (action) => {
+	const batches = [];
+	let batch = [];
+	let current = action;
+	let skipCount = 0;
+	while (current) {
+		const { onAction, break: stop, skip } = current.props;
+		if (skip) {
+			skipCount = skip === true ? 1 : Number(skip);
+			current = current.parent;
+			continue;
+		}
+		if (skipCount > 0) {
+			current = current.parent;
+			skipCount--;
+			continue;
+		}
+		if (stop) break;
+		if (onAction) batch.push(current);
+		else {
+			batches.push(batch);
+			batch = [current];
+		}
+		current = current.parent;
+	}
+	batches.push(batch);
+	return batches;
+};
+var executeBatch = (base, batch, args) => {
+	if (batch.length === 0) return;
+	const state = base.state.withFeedback(batch.at(-1)?.props.showFeedback);
+	const onError = (error) => {
+		state.onFailed(error);
+		throw error;
+	};
+	try {
+		const result = callFunctionsInOrder(batch.map(getExecutionFunction))(...args);
+		if (result instanceof Promise) {
+			state.onAsyncStart();
+			return result.then(() => state.onSucceeded()).catch(onError);
+		}
+		const succeeded = state.onSucceeded();
+		return succeeded instanceof Promise ? succeeded.then(() => result) : result;
+	} catch (error) {
+		return onError(error);
+	}
+};
+var reportError = (error) => console.error(error);
+var execute = (action, args) => {
+	const run = callFunctionsInOrder(getBatches(action).map((batch) => () => executeBatch(action, batch, args)));
+	try {
+		const result = run();
+		if (result instanceof Promise) result.catch(reportError);
+	} catch (error) {
+		reportError(error);
+	}
+};
+/**
+* Runs something when the button inside it is pressed, and shows how it went.
+*
+* Flow's `Action`, rebuilt: the same state machine (from
+* `@mittwald/flow-components-base`), the same nesting — an action runs its
+* parents after itself — and the same overlay props. What it has not got is the
+* confirmation modal (`slot="actionConfirm"`).
+*/
+var Action = defineComponent({
+	name: "Action",
+	props: actionProps,
+	setup(props, { slots }) {
+		onMounted(useComponentUsage("Action"));
+		const model = {
+			props,
+			parent: inject(actionKey, void 0),
+			state: new ActionState(),
+			overlayContext: injectOverlayContext()
+		};
+		provide(actionKey, model);
+		const state = watchMobxValue(() => model.state.state);
+		const run = dynamic((...args) => execute(model, args));
+		return () => {
+			const states = {
+				isPending: state.value === "isPending",
+				isSucceeded: state.value === "isSucceeded",
+				isFailed: state.value === "isFailed",
+				"aria-disabled": state.value === "isExecuting"
+			};
+			return mapChildren(slots.default?.(), (child) => child.type === Button ? {
+				...states,
+				onPress: run
+			} : child.type === MenuItem ? {
+				...states,
+				onAction: run
+			} : child.type === Link ? { onPress: run } : void 0);
+		};
+	}
+});
+composition(Action);
+//#endregion
+export { Action, Action as default };
+
+//# sourceMappingURL=Action.mjs.map

package/dist/js/remote-vue-components/src/components/Action.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.mjs","names":[],"sources":["../../../../../src/components/Action.ts"],"sourcesContent":["import { Button, Link, MenuItem } from \"@/auto-generated\";\nimport { watchMobxValue } from \"@/lib/mobxSelector\";\nimport { dynamic, mapChildren } from \"@/overlays/childProps\";\nimport {\n  injectOverlayContext,\n  isOverlayController,\n  type OverlayContext,\n  type OverlayController,\n  type OverlayType,\n} from \"@/overlays/overlayController\";\nimport { ActionState } from \"@mittwald/flow-components-base\";\nimport {\n  defineComponent,\n  inject,\n  onMounted,\n  provide,\n  type ExtractPropTypes,\n  type InjectionKey,\n  type PropType,\n} from \"vue\";\nimport { composition } from \"@/lib/composition\";\nimport { useComponentUsage } from \"@/composables/useComponentUsage\";\n\nexport type ActionFn = (...args: never[]) => unknown | Promise<unknown>;\n\nexport interface CloseOverlayOptions {\n  /** The overlay to close. Omitted, the nearest enclosing one. */\n  overlay?: OverlayType | OverlayController;\n  /** Closes a `<Modal confirm-on-close>` without asking first. */\n  bypassConfirmation?: boolean;\n}\n\nexport type CloseModalOptions = Omit<CloseOverlayOptions, \"overlay\">;\n\n/** `true` is the nearest enclosing overlay, a name the nearest of that type. */\nexport type OverlayReference =\n  OverlayType | OverlayController | CloseOverlayOptions | true;\n\nconst actionProps = {\n  /**\n   * What to run. Returning a promise puts the button into its pending and\n   * feedback states.\n   */\n  onAction: { type: Function as PropType<ActionFn>, default: undefined },\n  /**\n   * The overlay to close. `true` closes the nearest enclosing overlay,\n   * whichever it is; a name (`\"Popover\"`) the nearest of that type.\n   */\n  closeOverlay: {\n    type: [Boolean, String, Object] as PropType<\n      boolean | OverlayType | OverlayController | CloseOverlayOptions\n    >,\n    default: undefined,\n  },\n  /** The overlay to open. */\n  openOverlay: {\n    type: [String, Object] as PropType<OverlayType | OverlayController>,\n    default: undefined,\n  },\n  /** The overlay to open or close. */\n  toggleOverlay: {\n    type: [String, Object] as PropType<OverlayType | OverlayController>,\n    default: undefined,\n  },\n  /** Whether the surrounding modal is closed. */\n  closeModal: {\n    type: [Boolean, Object] as PropType<boolean | CloseModalOptions>,\n    default: undefined,\n  },\n  /** Whether the surrounding modal is opened. */\n  openModal: { type: Boolean, default: undefined },\n  /** Whether the surrounding modal is opened or closed. */\n  toggleModal: { type: Boolean, default: undefined },\n  /** Stops the execution here: parent actions are not executed. */\n  break: { type: Boolean, default: undefined },\n  /** The number of parent actions skipped. `true` skips one. */\n  skip: { type: [Boolean, Number], default: undefined },\n  /**\n   * Whether success feedback is shown. Async actions show it by default; set\n   * `false` to suppress it, `true` to show it for a sync action too.\n   */\n  showFeedback: { type: Boolean, default: undefined },\n};\n\ntype ActionProps = ExtractPropTypes<typeof actionProps>;\n\ninterface ActionModel {\n  props: ActionProps;\n  parent?: ActionModel;\n  state: ActionState;\n  overlayContext: OverlayContext;\n}\n\nconst actionKey: InjectionKey<ActionModel> = Symbol(\"flowAction\");\n\ntype Fn = (...args: unknown[]) => unknown;\n\n/* `@/lib/promises/callFunctionsInOrder` in packages/components. */\nconst callFunctionsInOrder =\n  (fns: Fn[]) =>\n  (...args: unknown[]): unknown => {\n    const [first, ...rest] = fns;\n    if (!first) {\n      return undefined;\n    }\n    const result = first(...args);\n    const next = () =>\n      rest.length === 0 ? result : callFunctionsInOrder(rest)(...args);\n    return result instanceof Promise ? result.then(next) : next();\n  };\n\nconst resolveOverlay = (\n  action: ActionModel,\n  from: OverlayReference,\n): OverlayController | undefined => {\n  if (isOverlayController(from)) {\n    return from;\n  }\n  if (typeof from === \"string\") {\n    return action.overlayContext.byType[from];\n  }\n  if (from === true || from.overlay === undefined) {\n    return action.overlayContext.nearest;\n  }\n  return resolveOverlay(action, from.overlay);\n};\n\n/**\n * `close` asks a `<Modal confirm-on-close>` first; the options object can\n * bypass that.\n */\nconst closeOverlay = (\n  controller: OverlayController | undefined,\n  options: unknown,\n): void => {\n  const bypass =\n    typeof options === \"object\" &&\n    options !== null &&\n    !isOverlayController(options) &&\n    (options as CloseOverlayOptions).bypassConfirmation === true;\n\n  controller?.close({ bypassConfirmation: bypass });\n};\n\n/* `getExecutionFunction` in packages/components, without confirmations. */\nconst getExecutionFunction = (action: ActionModel): Fn => {\n  const {\n    onAction,\n    openOverlay,\n    closeOverlay: closeOverlayProp,\n    toggleOverlay,\n    openModal,\n    closeModal,\n    toggleModal,\n  } = action.props;\n\n  if (onAction) {\n    return onAction as Fn;\n  }\n  if (openOverlay) {\n    return () => resolveOverlay(action, openOverlay)?.open();\n  }\n  if (closeOverlayProp) {\n    return () =>\n      closeOverlay(\n        resolveOverlay(action, closeOverlayProp as OverlayReference),\n        closeOverlayProp,\n      );\n  }\n  if (toggleOverlay) {\n    return () => resolveOverlay(action, toggleOverlay)?.toggle();\n  }\n  if (openModal) {\n    return () => resolveOverlay(action, \"Modal\")?.open();\n  }\n  if (toggleModal) {\n    return () => resolveOverlay(action, \"Modal\")?.toggle();\n  }\n  if (closeModal) {\n    return () => closeOverlay(resolveOverlay(action, \"Modal\"), closeModal);\n  }\n  return () => undefined;\n};\n\n/*\n * `ActionExecution` in packages/components: the pressed action and its parents\n * run from the inside out, and each parent without an `onAction` starts a new\n * batch, which runs once the one before it has finished.\n */\nconst getBatches = (action: ActionModel): ActionModel[][] => {\n  const batches: ActionModel[][] = [];\n  let batch: ActionModel[] = [];\n  let current: ActionModel | undefined = action;\n  let skipCount = 0;\n\n  while (current) {\n    const { onAction, break: stop, skip } = current.props;\n\n    if (skip) {\n      skipCount = skip === true ? 1 : Number(skip);\n      current = current.parent;\n      continue;\n    }\n    if (skipCount > 0) {\n      current = current.parent;\n      skipCount--;\n      continue;\n    }\n    if (stop) {\n      break;\n    }\n\n    if (onAction) {\n      batch.push(current);\n    } else {\n      batches.push(batch);\n      batch = [current];\n    }\n    current = current.parent;\n  }\n\n  batches.push(batch);\n  return batches;\n};\n\n/* `ActionExecutionBatch.executeBatch` in packages/components. */\nconst executeBatch = (\n  base: ActionModel,\n  batch: ActionModel[],\n  args: unknown[],\n): unknown => {\n  if (batch.length === 0) {\n    return undefined;\n  }\n\n  const state = base.state.withFeedback(batch.at(-1)?.props.showFeedback);\n  const onError = (error: unknown): never => {\n    void state.onFailed(error);\n    throw error;\n  };\n\n  try {\n    const result = callFunctionsInOrder(batch.map(getExecutionFunction))(\n      ...args,\n    );\n    if (result instanceof Promise) {\n      state.onAsyncStart();\n      return result.then(() => state.onSucceeded()).catch(onError);\n    }\n    const succeeded = state.onSucceeded();\n    return succeeded instanceof Promise ? succeeded.then(() => result) : result;\n  } catch (error) {\n    return onError(error);\n  }\n};\n\n/*\n * Reported, not rethrown: the call arrives from a host event listener, where a\n * rethrow is an error the app cannot catch. The failed state is the feedback.\n */\nconst reportError = (error: unknown): void => console.error(error);\n\nconst execute = (action: ActionModel, args: unknown[]): void => {\n  const run = callFunctionsInOrder(\n    getBatches(action).map((batch) => () => executeBatch(action, batch, args)),\n  );\n\n  try {\n    const result = run();\n    if (result instanceof Promise) {\n      result.catch(reportError);\n    }\n  } catch (error) {\n    reportError(error);\n  }\n};\n\n/**\n * Runs something when the button inside it is pressed, and shows how it went.\n *\n * Flow's `Action`, rebuilt: the same state machine (from\n * `@mittwald/flow-components-base`), the same nesting — an action runs its\n * parents after itself — and the same overlay props. What it has not got is the\n * confirmation modal (`slot=\"actionConfirm\"`).\n */\nexport const Action = defineComponent({\n  name: \"Action\",\n\n  props: actionProps,\n\n  setup(props, { slots }) {\n    /* Flow's React `Action` is a `flowComponent` and reports itself. */\n    onMounted(useComponentUsage(\"Action\"));\n\n    const model: ActionModel = {\n      props,\n      parent: inject(actionKey, undefined),\n      state: new ActionState(),\n      overlayContext: injectOverlayContext(),\n    };\n    provide(actionKey, model);\n\n    const state = watchMobxValue(() => model.state.state);\n    const run = dynamic((...args: unknown[]) => execute(model, args));\n\n    return () => {\n      const states = {\n        isPending: state.value === \"isPending\",\n        isSucceeded: state.value === \"isSucceeded\",\n        isFailed: state.value === \"isFailed\",\n        \"aria-disabled\": state.value === \"isExecuting\",\n      };\n\n      return mapChildren(slots.default?.(), (child) =>\n        child.type === Button\n          ? { ...states, onPress: run }\n          : child.type === MenuItem\n            ? { ...states, onAction: run }\n            : child.type === Link\n              ? { onPress: run }\n              : undefined,\n      );\n    };\n  },\n});\n\ncomposition(Action);\n\nexport default Action;\n"],"mappings":"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"}

package/dist/js/remote-vue-components/src/components/ActionBatch.mjs

@@ -0,0 +1,23 @@
+import { composition } from "../lib/composition.mjs";
+import { useComponentUsage } from "../composables/useComponentUsage.mjs";
+import { Action } from "./Action.mjs";
+import { defineComponent, h, onMounted } from "vue";
+//#region src/components/ActionBatch.ts
+/**
+* Groups actions so they report their state together.
+*
+* Flow's version wraps its children in an `Action` without an action of its
+* own, and so does this one — the grouping is the point.
+*/
+var ActionBatch = defineComponent({
+	name: "ActionBatch",
+	setup: (_props, { slots }) => {
+		onMounted(useComponentUsage("Action"));
+		return () => h(Action, null, () => slots.default?.());
+	}
+});
+composition(ActionBatch);
+//#endregion
+export { ActionBatch, ActionBatch as default };
+
+//# sourceMappingURL=ActionBatch.mjs.map

package/dist/js/remote-vue-components/src/components/ActionBatch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBatch.mjs","names":[],"sources":["../../../../../src/components/ActionBatch.ts"],"sourcesContent":["import { Action } from \"@/components/Action\";\nimport { defineComponent, h, onMounted } from \"vue\";\nimport { composition } from \"@/lib/composition\";\nimport { useComponentUsage } from \"@/composables/useComponentUsage\";\n\n/**\n * Groups actions so they report their state together.\n *\n * Flow's version wraps its children in an `Action` without an action of its\n * own, and so does this one — the grouping is the point.\n */\nexport const ActionBatch = defineComponent({\n  name: \"ActionBatch\",\n  setup: (_props, { slots }) => {\n    /*\n     * Flow's React `ActionBatch` is a plain component rendering `Action`\n     * outside a view, so what React reports is that `Action`.\n     */\n    onMounted(useComponentUsage(\"Action\"));\n\n    return () => h(Action, null, () => slots.default?.());\n  },\n});\n\ncomposition(ActionBatch);\n\nexport default ActionBatch;\n"],"mappings":";;;;;;;;;;;AAWA,IAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,QAAQ,QAAQ,EAAE,YAAY;EAK5B,UAAU,kBAAkB,QAAQ,CAAC;EAErC,aAAa,EAAE,QAAQ,YAAY,MAAM,UAAU,CAAC;CACtD;AACF,CAAC;AAED,YAAY,WAAW"}

package/dist/js/remote-vue-components/src/components/BrowserOnly.mjs

@@ -0,0 +1,23 @@
+import { composition } from "../lib/composition.mjs";
+import { defineComponent, onMounted, ref } from "vue";
+//#region src/components/BrowserOnly.ts
+/**
+* Renders its children only once mounted.
+*
+* A remote app is client-only by nature, so this matters where the app itself
+* is server-rendered — a Nuxt or Next page hosting the remote root — and a
+* subtree must not be part of that render.
+*/
+var BrowserOnly = defineComponent({
+	name: "BrowserOnly",
+	setup(_props, { slots }) {
+		const isMounted = ref(false);
+		onMounted(() => isMounted.value = true);
+		return () => isMounted.value ? slots.default?.() : void 0;
+	}
+});
+composition(BrowserOnly);
+//#endregion
+export { BrowserOnly, BrowserOnly as default };
+
+//# sourceMappingURL=BrowserOnly.mjs.map

package/dist/js/remote-vue-components/src/components/BrowserOnly.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserOnly.mjs","names":[],"sources":["../../../../../src/components/BrowserOnly.ts"],"sourcesContent":["import { defineComponent, onMounted, ref } from \"vue\";\nimport { composition } from \"@/lib/composition\";\n\n/**\n * Renders its children only once mounted.\n *\n * A remote app is client-only by nature, so this matters where the app itself\n * is server-rendered — a Nuxt or Next page hosting the remote root — and a\n * subtree must not be part of that render.\n */\nexport const BrowserOnly = defineComponent({\n  name: \"BrowserOnly\",\n\n  setup(_props, { slots }) {\n    const isMounted = ref(false);\n    onMounted(() => (isMounted.value = true));\n\n    return () => (isMounted.value ? slots.default?.() : undefined);\n  },\n});\n\ncomposition(BrowserOnly);\n\nexport default BrowserOnly;\n"],"mappings":";;;;;;;;;;AAUA,IAAa,cAAc,gBAAgB;CACzC,MAAM;CAEN,MAAM,QAAQ,EAAE,SAAS;EACvB,MAAM,YAAY,IAAI,KAAK;EAC3B,gBAAiB,UAAU,QAAQ,IAAK;EAExC,aAAc,UAAU,QAAQ,MAAM,UAAU,IAAI,KAAA;CACtD;AACF,CAAC;AAED,YAAY,WAAW"}

package/dist/js/remote-vue-components/src/components/CountryOptions.mjs

@@ -0,0 +1,51 @@
+import { useLanguage } from "../composables/remoteContext.mjs";
+import { composition } from "../lib/composition.mjs";
+import { Option } from "../auto-generated/Option.mjs";
+import { defineComponent, h } from "vue";
+import { uniqueBy } from "remeda";
+import { all } from "country-codes-list";
+//#region src/components/CountryOptions.ts
+var uniqueCountries = uniqueBy(all(), (c) => c.countryCode);
+var defaultSortBy = (left, right) => left.name.localeCompare(right.name);
+var defaultFilterBy = () => true;
+/**
+* The countries of the world, as `Option`s for a `Select` or `ComboBox`.
+*
+* Flow ships the country names as locale files. Here they come from
+* `Intl.DisplayNames` in the host's language, which is the same data every
+* browser already carries — no translation files to keep in sync, at the price
+* of the browser's spelling rather than Flow's.
+*/
+var CountryOptions = defineComponent({
+	name: "CountryOptions",
+	props: {
+		filterBy: {
+			type: Function,
+			default: defaultFilterBy
+		},
+		sortBy: {
+			type: Function,
+			default: defaultSortBy
+		}
+	},
+	setup(props) {
+		const language = useLanguage();
+		return () => {
+			const displayNames = new Intl.DisplayNames([language.value ?? "en-US"], { type: "region" });
+			return uniqueCountries.map((countryData) => ({
+				...countryData,
+				code: countryData.countryCode,
+				name: displayNames.of(countryData.countryCode) ?? countryData.countryNameEn
+			})).filter(props.filterBy).sort(props.sortBy).map((country) => h(Option, {
+				key: country.code,
+				value: country.code,
+				textValue: country.name
+			}, () => country.name));
+		};
+	}
+});
+composition(CountryOptions);
+//#endregion
+export { CountryOptions, CountryOptions as default };
+
+//# sourceMappingURL=CountryOptions.mjs.map

package/dist/js/remote-vue-components/src/components/CountryOptions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountryOptions.mjs","names":[],"sources":["../../../../../src/components/CountryOptions.ts"],"sourcesContent":["import { Option } from \"@/auto-generated\";\nimport { useLanguage } from \"@/composables/remoteContext\";\nimport { all, type CountryData } from \"country-codes-list\";\nimport { uniqueBy } from \"remeda\";\nimport { defineComponent, h, type PropType } from \"vue\";\nimport { composition } from \"@/lib/composition\";\n\nexport type Country = CountryData & {\n  name: string;\n  code: string;\n};\n\nexport type CountryFilterFn = (country: Country) => boolean;\nexport type CountrySortFn = (left: Country, right: Country) => number;\n\n// see https://github.com/Synergy-Shock/country-codes-list/issues/37\nconst uniqueCountries = uniqueBy(all(), (c) => c.countryCode);\n\nconst defaultSortBy: CountrySortFn = (left, right) =>\n  left.name.localeCompare(right.name);\nconst defaultFilterBy: CountryFilterFn = () => true;\n\n/**\n * The countries of the world, as `Option`s for a `Select` or `ComboBox`.\n *\n * Flow ships the country names as locale files. Here they come from\n * `Intl.DisplayNames` in the host's language, which is the same data every\n * browser already carries — no translation files to keep in sync, at the price\n * of the browser's spelling rather than Flow's.\n */\nexport const CountryOptions = defineComponent({\n  name: \"CountryOptions\",\n\n  props: {\n    filterBy: {\n      type: Function as PropType<CountryFilterFn>,\n      default: defaultFilterBy,\n    },\n    sortBy: {\n      type: Function as PropType<CountrySortFn>,\n      default: defaultSortBy,\n    },\n  },\n\n  setup(props) {\n    const language = useLanguage();\n\n    return () => {\n      const displayNames = new Intl.DisplayNames([language.value ?? \"en-US\"], {\n        type: \"region\",\n      });\n\n      return uniqueCountries\n        .map((countryData) => ({\n          ...countryData,\n          code: countryData.countryCode,\n          name:\n            displayNames.of(countryData.countryCode) ??\n            countryData.countryNameEn,\n        }))\n        .filter(props.filterBy)\n        .sort(props.sortBy)\n        .map((country) =>\n          h(\n            Option,\n            { key: country.code, value: country.code, textValue: country.name },\n            () => country.name,\n          ),\n        );\n    };\n  },\n});\n\ncomposition(CountryOptions);\n\nexport default CountryOptions;\n"],"mappings":";;;;;;;AAgBA,IAAM,kBAAkB,SAAS,IAAI,IAAI,MAAM,EAAE,WAAW;AAE5D,IAAM,iBAAgC,MAAM,UAC1C,KAAK,KAAK,cAAc,MAAM,IAAI;AACpC,IAAM,wBAAyC;;;;;;;;;AAU/C,IAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CAEN,OAAO;EACL,UAAU;GACR,MAAM;GACN,SAAS;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;CACF;CAEA,MAAM,OAAO;EACX,MAAM,WAAW,YAAY;EAE7B,aAAa;GACX,MAAM,eAAe,IAAI,KAAK,aAAa,CAAC,SAAS,SAAS,OAAO,GAAG,EACtE,MAAM,SACR,CAAC;GAED,OAAO,gBACJ,KAAK,iBAAiB;IACrB,GAAG;IACH,MAAM,YAAY;IAClB,MACE,aAAa,GAAG,YAAY,WAAW,KACvC,YAAY;GAChB,EAAE,CAAC,CACF,OAAO,MAAM,QAAQ,CAAC,CACtB,KAAK,MAAM,MAAM,CAAC,CAClB,KAAK,YACJ,EACE,QACA;IAAE,KAAK,QAAQ;IAAM,OAAO,QAAQ;IAAM,WAAW,QAAQ;GAAK,SAC5D,QAAQ,IAChB,CACF;EACJ;CACF;AACF,CAAC;AAED,YAAY,cAAc"}

package/dist/js/remote-vue-components/src/components/DeprecationWarningProvider.mjs

@@ -0,0 +1,42 @@
+import { composition } from "../lib/composition.mjs";
+import { defineComponent, inject, provide } from "vue";
+//#region src/components/DeprecationWarningProvider.ts
+var deprecationWarningKey = Symbol("flowDeprecationWarning");
+/**
+* Collects the deprecation warnings a remote app triggers.
+*
+* `RemoteRoot` installs one that forwards to the host, which is how mStudio
+* learns which deprecated paths an extension still uses.
+*/
+var DeprecationWarningProvider = defineComponent({
+	name: "DeprecationWarningProvider",
+	props: { onWarning: {
+		type: Function,
+		default: void 0
+	} },
+	setup(props, { slots }) {
+		provide(deprecationWarningKey, (message) => props.onWarning?.(message));
+		return () => slots.default?.();
+	}
+});
+/**
+* Warns once per message, in the console and to the provider.
+*
+* Deduplicated per call site, like Flow's hook: a component that warns on every
+* render must not fill the console.
+*/
+var useWarnDeprecation = () => {
+	const onWarning = inject(deprecationWarningKey, void 0);
+	const reported = /* @__PURE__ */ new Set();
+	return (message) => {
+		if (reported.has(message)) return;
+		reported.add(message);
+		console.warn(message);
+		onWarning?.(message);
+	};
+};
+composition(DeprecationWarningProvider);
+//#endregion
+export { DeprecationWarningProvider, DeprecationWarningProvider as default, useWarnDeprecation };
+
+//# sourceMappingURL=DeprecationWarningProvider.mjs.map

package/dist/js/remote-vue-components/src/components/DeprecationWarningProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeprecationWarningProvider.mjs","names":[],"sources":["../../../../../src/components/DeprecationWarningProvider.ts"],"sourcesContent":["import {\n  defineComponent,\n  inject,\n  provide,\n  type InjectionKey,\n  type PropType,\n} from \"vue\";\nimport { composition } from \"@/lib/composition\";\n\nexport type DeprecationWarningHandler = (message: string) => void;\n\nconst deprecationWarningKey: InjectionKey<DeprecationWarningHandler> = Symbol(\n  \"flowDeprecationWarning\",\n);\n\n/**\n * Collects the deprecation warnings a remote app triggers.\n *\n * `RemoteRoot` installs one that forwards to the host, which is how mStudio\n * learns which deprecated paths an extension still uses.\n */\nexport const DeprecationWarningProvider = defineComponent({\n  name: \"DeprecationWarningProvider\",\n\n  props: {\n    onWarning: {\n      type: Function as PropType<DeprecationWarningHandler>,\n      default: undefined,\n    },\n  },\n\n  setup(props, { slots }) {\n    provide(deprecationWarningKey, (message: string) =>\n      props.onWarning?.(message),\n    );\n\n    return () => slots.default?.();\n  },\n});\n\n/**\n * Warns once per message, in the console and to the provider.\n *\n * Deduplicated per call site, like Flow's hook: a component that warns on every\n * render must not fill the console.\n */\nexport const useWarnDeprecation = (): DeprecationWarningHandler => {\n  const onWarning = inject(deprecationWarningKey, undefined);\n  const reported = new Set<string>();\n\n  return (message: string) => {\n    if (reported.has(message)) {\n      return;\n    }\n    reported.add(message);\n    console.warn(message);\n    onWarning?.(message);\n  };\n};\n\ncomposition(DeprecationWarningProvider);\n\nexport default DeprecationWarningProvider;\n"],"mappings":";;;AAWA,IAAM,wBAAiE,OACrE,wBACF;;;;;;;AAQA,IAAa,6BAA6B,gBAAgB;CACxD,MAAM;CAEN,OAAO,EACL,WAAW;EACT,MAAM;EACN,SAAS,KAAA;CACX,EACF;CAEA,MAAM,OAAO,EAAE,SAAS;EACtB,QAAQ,wBAAwB,YAC9B,MAAM,YAAY,OAAO,CAC3B;EAEA,aAAa,MAAM,UAAU;CAC/B;AACF,CAAC;;;;;;;AAQD,IAAa,2BAAsD;CACjE,MAAM,YAAY,OAAO,uBAAuB,KAAA,CAAS;CACzD,MAAM,2BAAW,IAAI,IAAY;CAEjC,QAAQ,YAAoB;EAC1B,IAAI,SAAS,IAAI,OAAO,GACtB;EAEF,SAAS,IAAI,OAAO;EACpB,QAAQ,KAAK,OAAO;EACpB,YAAY,OAAO;CACrB;AACF;AAEA,YAAY,0BAA0B"}

package/dist/js/remote-vue-components/src/components/Form.mjs

@@ -0,0 +1,15 @@
+import { createFlowRemoteComponent } from "../lib/createFlowRemoteComponent.mjs";
+import { RemoteFormElement } from "@mittwald/flow-remote-elements";
+//#region src/components/Form.ts
+/**
+* Hand-written, like its React counterpart: `flr-form` has no Flow component
+* behind it, so the generator never sees it.
+*
+* Unlike React's, this one adds nothing — that version wraps a function
+* `action` in `startTransition`, which is React's own scheduling.
+*/
+var Form = createFlowRemoteComponent("flr-form", "Form", RemoteFormElement);
+//#endregion
+export { Form, Form as default };
+
+//# sourceMappingURL=Form.mjs.map