@alfakit/vue 0.0.0-stage → 0.1.0

package/dist/components/actions/ActionModal.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,410 @@
+import { useActionRunner as e, useDirection as t, usePanel as n, useT as r } from "../../context.js";
+import { cn as i } from "../../lib/utils.js";
+import { useStore as a } from "../../composables/use-store.js";
+import { colorClass as o, iconBackgroundColorClasses as s, outlineButtonColorClasses as c, solidButtonColorClasses as l } from "../../lib/colors.js";
+import u from "../../lib/Icon.js";
+import d from "../ui/Button2.js";
+import f from "../ui/Spinner.js";
+import p from "./ActionList.js";
+import { provideForm as ee } from "../form/form-context.js";
+import m from "../schema/SchemaRenderer.js";
+import { showToast as te } from "../notifications/flash-toasts.js";
+import h from "../panel/Slot.js";
+import ne from "../ui/Dialog.js";
+import re from "../ui/DialogContent.js";
+import g from "../ui/DialogDescription.js";
+import ie from "../ui/DialogHeader.js";
+import ae from "../ui/DialogTitle.js";
+import oe from "../ui/Sheet.js";
+import se from "../ui/SheetContent.js";
+import _ from "../ui/SheetDescription.js";
+import ce from "../ui/SheetHeader.js";
+import le from "../ui/SheetTitle.js";
+import ue from "../ui/DialogFooter.js";
+import de from "../ui/SheetFooter.js";
+import v from "./ActionModalPassword.js";
+import { FormStore as fe, PASSWORD_CONFIRMATION_INPUT as pe, actionFormComponent as me, actionFormParams as he, confirmModalClose as ge, guardModalUnload as _e, isModalSubmitVisible as ve, modalFooterAlignment as ye, nestedActionContext as be, scheduleAutofocus as xe, slideOverSide as Se, wizardProgressStore as Ce } from "@alfakit/core";
+import { computed as y, createBlock as b, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createTextVNode as w, createVNode as T, defineComponent as E, nextTick as D, normalizeClass as O, onMounted as we, onScopeDispose as k, openBlock as A, ref as Te, toDisplayString as j, unref as M, useId as Ee, watch as N, withCtx as P, withModifiers as F } from "vue";
+//#region src/components/actions/ActionModal.vue?vue&type=script&setup=true&lang.ts
+var De = ["data-alfakit-modal"], Oe = { class: "flex flex-col gap-1.5" }, ke = ["innerHTML"], Ae = { class: "flex-1 overflow-y-auto p-4" }, je = { class: "flex flex-col gap-6" }, Me = ["id"], Ne = ["data-alfakit-modal"], Pe = { class: "flex flex-col gap-1.5" }, Fe = ["innerHTML"], Ie = {
+	key: 0,
+	class: "flex flex-col gap-6"
+}, Le = ["id"], Re = { class: "sr-only" }, I = /*@__PURE__*/ E({
+	__name: "ActionModal",
+	props: {
+		modal: {},
+		hidden: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(E) {
+		let I = {
+			"3xs": "sm:max-w-3xs",
+			"2xs": "sm:max-w-2xs",
+			xs: "sm:max-w-xs",
+			sm: "sm:max-w-sm",
+			md: "sm:max-w-md",
+			lg: "sm:max-w-lg",
+			xl: "sm:max-w-xl",
+			"2xl": "sm:max-w-2xl",
+			"3xl": "sm:max-w-3xl",
+			"4xl": "sm:max-w-4xl",
+			"5xl": "sm:max-w-5xl",
+			"6xl": "sm:max-w-6xl",
+			"7xl": "sm:max-w-7xl",
+			none: "sm:max-w-none",
+			min: "sm:max-w-min",
+			max: "sm:max-w-max",
+			fit: "sm:max-w-fit",
+			prose: "sm:max-w-prose",
+			container: "sm:container",
+			"screen-sm": "sm:max-w-(--breakpoint-sm)",
+			"screen-md": "sm:max-w-(--breakpoint-md)",
+			"screen-lg": "sm:max-w-(--breakpoint-lg)",
+			"screen-xl": "sm:max-w-(--breakpoint-xl)",
+			"screen-2xl": "sm:max-w-(--breakpoint-2xl)",
+			full: "sm:max-w-[calc(100%-2rem)]",
+			screen: "sm:max-w-[calc(100%-2rem)] h-[calc(100%-2rem)]"
+		}, ze = {
+			start: "sm:justify-start",
+			center: "sm:justify-center",
+			end: "sm:justify-end",
+			between: "sm:justify-between"
+		}, L = E, R = e(), z = n(), Be = t(), B = r(), V = L.modal.action, H = L.modal.context, U = y(() => L.modal.modal), W = U.value.form ? new fe(U.value.form, {
+			token: H.token,
+			component: me(V, H),
+			record: H.record ?? null,
+			refreshUrl: z.value.endpoints.schemaRefresh,
+			optionsUrl: z.value.endpoints.schemaOptions,
+			validateUrl: z.value.endpoints.schemaValidate,
+			onNotifications: (e) => e.forEach((e) => te(e)),
+			params: he(H)
+		}) : null;
+		W && ee(W);
+		let G = W ? a(W.store) : null;
+		N(() => L.modal.errors, (e) => W?.setErrors(e), { immediate: !0 }), k(() => W?.destroy()), W && k(R.registerModalForm(V, H, W));
+		let Ve = y(() => U.value.windowAttributes?.class), He = y(() => {
+			let { class: e, ...t } = U.value.windowAttributes ?? {};
+			return t;
+		}), K = Ee(), Ue = (e, t) => {
+			for (let [n, r] of Object.entries(t)) r != null && r !== !1 && (n === "class" ? e.classList.add(...String(r).split(/\s+/).filter(Boolean)) : e.setAttribute(n, r === !0 ? "" : String(r)));
+		}, We = () => {
+			if (L.hidden || typeof document > "u") return;
+			let e = document.querySelector(`[data-alfakit-modal="${K}"]`)?.closest("[role=\"dialog\"]"), t = e?.previousElementSibling;
+			e && Ue(e, He.value), t?.getAttribute("data-slot")?.endsWith("-overlay") && U.value.overlayAttributes && Ue(t, U.value.overlayAttributes);
+		};
+		we(() => void D(We)), N(() => L.hidden, () => void D(We), { flush: "post" });
+		let Ge = y(() => ze[ye(U.value)]), Ke = y(() => ye(U.value) === "end" ? "sm:me-auto" : void 0), qe = y(() => Se(U.value.slideOverPosition, Be.value)), Je = W ? a(Ce(W)) : null, q = y(() => ve(U.value, Je?.value)), J = Te(""), Ye = y(() => L.modal.errors[pe]?.[0]), Xe = be(H, V), Ze = (e) => {
+			let t = W?.state.values ?? {}, n = {
+				...U.value.passwordConfirmation ? { password: J.value } : {},
+				...e ? { createAnother: !0 } : {}
+			};
+			Object.keys(n).length > 0 ? R.execute(V, H, t, n) : R.execute(V, H, t);
+		}, Y = () => Ze(!1), X = () => Ze(!0);
+		N(() => U.value.form, (e, t) => {
+			e && e !== t && W?.fill(e);
+		}), N(() => L.modal.refocus, (e, t, n) => {
+			let r = U.value.form?.components;
+			e && r && n(xe(() => document.getElementById(`action-form-${V.name}`), r));
+		});
+		let Qe = () => R.cancelModal(V.name), $e = B("unsaved_changes_close", {}, "You have unsaved changes. Close anyway?"), Z = () => {
+			ge(U.value, W, $e) && Qe();
+		};
+		k(_e(U.value, W, $e));
+		let et = y(() => U.value.cancelColor ? o(c, U.value.cancelColor) : ""), tt = y(() => U.value.createAnotherColor ? o(c, U.value.createAnotherColor) : ""), Q = y(() => U.value.heading ?? V.label ?? B("actions", {}, "Actions")), nt = (e) => {
+			!e && !L.modal.processing && Z();
+		}, $ = y(() => !!(U.value.submitLabel || U.value.cancelLabel || U.value.extraFooterActions?.length)), rt = y(() => !!(U.value.content || W || U.value.contentFooter || U.value.passwordConfirmation));
+		return (e, t) => U.value.slideOver ? (A(), b(oe, {
+			key: 0,
+			open: !L.hidden,
+			modal: !U.value.clickThrough,
+			"onUpdate:open": nt
+		}, {
+			default: P(() => [T(se, {
+				side: qe.value,
+				class: O(M(i)("flex w-full flex-col gap-0 p-0", I[U.value.width] ?? "sm:max-w-md", Ve.value)),
+				"show-close-button": U.value.closeButton,
+				onInteractOutside: t[1] ||= (e) => !U.value.closeByClickingAway && e.preventDefault(),
+				onEscapeKeyDown: t[2] ||= (e) => !U.value.closeByEscaping && e.preventDefault()
+			}, {
+				default: P(() => [
+					C("span", {
+						"data-alfakit-modal": M(K),
+						hidden: ""
+					}, null, 8, De),
+					T(ce, { class: "border-b" }, {
+						default: P(() => [C("div", { class: O(M(i)("flex gap-4", U.value.alignment === "center" && "flex-col items-center text-center")) }, [U.value.icon ? (A(), S("div", {
+							key: 0,
+							class: O(M(i)("flex size-10 shrink-0 items-center justify-center rounded-full", M(o)(M(s), U.value.iconColor, "primary")))
+						}, [T(M(u), {
+							name: U.value.icon,
+							class: "size-5"
+						}, null, 8, ["name"])], 2)) : x("", !0), C("div", Oe, [T(le, { class: O(M(i)(!U.value.heading && "sr-only")) }, {
+							default: P(() => [w(j(Q.value), 1)]),
+							_: 1
+						}, 8, ["class"]), U.value.description ? (A(), b(_, { key: 0 }, {
+							default: P(() => [C("span", { innerHTML: U.value.description }, null, 8, ke)]),
+							_: 1
+						})) : (A(), b(_, {
+							key: 1,
+							class: "sr-only"
+						}, {
+							default: P(() => [w(j(Q.value), 1)]),
+							_: 1
+						}))])], 2)]),
+						_: 1
+					}),
+					C("div", Ae, [C("div", je, [
+						U.value.content ? (A(), b(m, {
+							key: 0,
+							components: U.value.content
+						}, null, 8, ["components"])) : x("", !0),
+						M(W) && M(G) ? (A(), b(h, {
+							key: 1,
+							name: "modal.schema.before",
+							data: { action: M(V).name }
+						}, null, 8, ["data"])) : x("", !0),
+						M(W) && M(G) ? (A(), S("form", {
+							key: 2,
+							id: `action-form-${M(V).name}`,
+							onSubmit: F(Y, ["prevent"])
+						}, [T(m, {
+							components: M(G).components,
+							columns: M(G).columns
+						}, null, 8, ["components", "columns"])], 40, Me)) : x("", !0),
+						M(W) && M(G) ? (A(), b(h, {
+							key: 3,
+							name: "modal.schema.after",
+							data: { action: M(V).name }
+						}, null, 8, ["data"])) : x("", !0),
+						U.value.contentFooter ? (A(), b(m, {
+							key: 4,
+							components: U.value.contentFooter
+						}, null, 8, ["components"])) : x("", !0),
+						U.value.passwordConfirmation ? (A(), b(v, {
+							key: 5,
+							modelValue: J.value,
+							"onUpdate:modelValue": t[0] ||= (e) => J.value = e,
+							error: Ye.value,
+							onSubmit: Y
+						}, null, 8, ["modelValue", "error"])) : x("", !0)
+					])]),
+					$.value ? (A(), b(de, {
+						key: 0,
+						class: O(M(i)("border-t", U.value.stickyFooter && "bg-background sticky bottom-0"))
+					}, {
+						default: P(() => [C("div", { class: O(M(i)("flex w-full flex-col-reverse gap-2 sm:flex-row sm:items-center", Ge.value)) }, [
+							U.value.extraFooterActions ? (A(), b(p, {
+								key: 0,
+								actions: U.value.extraFooterActions,
+								context: M(Xe),
+								class: O(Ke.value)
+							}, null, 8, [
+								"actions",
+								"context",
+								"class"
+							])) : x("", !0),
+							U.value.cancelLabel ? (A(), b(d, {
+								key: 1,
+								type: "button",
+								variant: "outline",
+								class: O(et.value),
+								disabled: L.modal.processing,
+								onClick: Z
+							}, {
+								default: P(() => [w(j(U.value.cancelLabel), 1)]),
+								_: 1
+							}, 8, ["class", "disabled"])) : x("", !0),
+							U.value.createAnotherLabel && U.value.submitLabel && q.value ? (A(), b(d, {
+								key: 2,
+								type: "button",
+								variant: "outline",
+								"data-slot": "create-another",
+								class: O(tt.value),
+								disabled: L.modal.processing,
+								onClick: X
+							}, {
+								default: P(() => [U.value.createAnotherIcon ? (A(), b(M(u), {
+									key: 0,
+									name: U.value.createAnotherIcon
+								}, null, 8, ["name"])) : x("", !0), w(j(U.value.createAnotherLabel), 1)]),
+								_: 1
+							}, 8, ["class", "disabled"])) : x("", !0),
+							U.value.submitLabel && q.value ? (A(), b(d, {
+								key: 3,
+								type: "button",
+								class: O(M(o)(M(l), U.value.submitColor, "primary")),
+								disabled: L.modal.processing,
+								autofocus: U.value.autofocus && !M(W),
+								onClick: Y
+							}, {
+								default: P(() => [L.modal.processing ? (A(), b(f, { key: 0 })) : U.value.submitIcon ? (A(), b(M(u), {
+									key: 1,
+									name: U.value.submitIcon
+								}, null, 8, ["name"])) : x("", !0), w(" " + j(U.value.submitLabel), 1)]),
+								_: 1
+							}, 8, [
+								"class",
+								"disabled",
+								"autofocus"
+							])) : x("", !0)
+						], 2)]),
+						_: 1
+					}, 8, ["class"])) : x("", !0)
+				]),
+				_: 1
+			}, 8, [
+				"side",
+				"class",
+				"show-close-button"
+			])]),
+			_: 1
+		}, 8, ["open", "modal"])) : (A(), b(ne, {
+			key: 1,
+			open: !L.hidden,
+			modal: !U.value.clickThrough,
+			"onUpdate:open": nt
+		}, {
+			default: P(() => [T(re, {
+				class: O(M(i)("max-h-[calc(100vh-2rem)] overflow-y-auto", I[U.value.width] ?? "sm:max-w-lg", Ve.value)),
+				"show-close-button": U.value.closeButton,
+				onInteractOutside: t[4] ||= (e) => !U.value.closeByClickingAway && e.preventDefault(),
+				onEscapeKeyDown: t[5] ||= (e) => !U.value.closeByEscaping && e.preventDefault()
+			}, {
+				default: P(() => [
+					C("span", {
+						"data-alfakit-modal": M(K),
+						hidden: ""
+					}, null, 8, Ne),
+					T(ie, { class: O(M(i)(U.value.stickyHeader && "bg-background sticky -top-6 z-10 -mx-6 -mt-6 rounded-t-lg border-b px-6 pt-6 pb-4")) }, {
+						default: P(() => [C("div", { class: O(M(i)("flex gap-4", U.value.alignment === "center" && "flex-col items-center text-center")) }, [U.value.icon ? (A(), S("div", {
+							key: 0,
+							class: O(M(i)("flex size-10 shrink-0 items-center justify-center rounded-full", M(o)(M(s), U.value.iconColor, "primary")))
+						}, [T(M(u), {
+							name: U.value.icon,
+							class: "size-5"
+						}, null, 8, ["name"])], 2)) : x("", !0), C("div", Pe, [T(ae, { class: O(M(i)(!U.value.heading && "sr-only")) }, {
+							default: P(() => [w(j(Q.value), 1)]),
+							_: 1
+						}, 8, ["class"]), U.value.description ? (A(), b(g, { key: 0 }, {
+							default: P(() => [C("span", { innerHTML: U.value.description }, null, 8, Fe)]),
+							_: 1
+						})) : (A(), b(g, {
+							key: 1,
+							class: "sr-only"
+						}, {
+							default: P(() => [w(j(Q.value), 1)]),
+							_: 1
+						}))])], 2)]),
+						_: 1
+					}, 8, ["class"]),
+					rt.value ? (A(), S("div", Ie, [
+						U.value.content ? (A(), b(m, {
+							key: 0,
+							components: U.value.content
+						}, null, 8, ["components"])) : x("", !0),
+						M(W) && M(G) ? (A(), b(h, {
+							key: 1,
+							name: "modal.schema.before",
+							data: { action: M(V).name }
+						}, null, 8, ["data"])) : x("", !0),
+						M(W) && M(G) ? (A(), S("form", {
+							key: 2,
+							id: `action-form-${M(V).name}`,
+							onSubmit: F(Y, ["prevent"])
+						}, [T(m, {
+							components: M(G).components,
+							columns: M(G).columns
+						}, null, 8, ["components", "columns"])], 40, Le)) : x("", !0),
+						M(W) && M(G) ? (A(), b(h, {
+							key: 3,
+							name: "modal.schema.after",
+							data: { action: M(V).name }
+						}, null, 8, ["data"])) : x("", !0),
+						U.value.contentFooter ? (A(), b(m, {
+							key: 4,
+							components: U.value.contentFooter
+						}, null, 8, ["components"])) : x("", !0),
+						U.value.passwordConfirmation ? (A(), b(v, {
+							key: 5,
+							modelValue: J.value,
+							"onUpdate:modelValue": t[3] ||= (e) => J.value = e,
+							error: Ye.value,
+							onSubmit: Y
+						}, null, 8, ["modelValue", "error"])) : x("", !0)
+					])) : x("", !0),
+					$.value ? (A(), b(ue, {
+						key: 1,
+						class: O(M(i)(U.value.stickyFooter && "bg-background sticky bottom-0 -mx-6 -mb-6 rounded-b-lg border-t px-6 py-4"))
+					}, {
+						default: P(() => [C("div", { class: O(M(i)("flex w-full flex-col-reverse gap-2 sm:flex-row sm:items-center", Ge.value)) }, [
+							U.value.extraFooterActions ? (A(), b(p, {
+								key: 0,
+								actions: U.value.extraFooterActions,
+								context: M(Xe),
+								class: O(Ke.value)
+							}, null, 8, [
+								"actions",
+								"context",
+								"class"
+							])) : x("", !0),
+							U.value.cancelLabel ? (A(), b(d, {
+								key: 1,
+								type: "button",
+								variant: "outline",
+								class: O(et.value),
+								disabled: L.modal.processing,
+								onClick: Z
+							}, {
+								default: P(() => [w(j(U.value.cancelLabel), 1)]),
+								_: 1
+							}, 8, ["class", "disabled"])) : x("", !0),
+							U.value.createAnotherLabel && U.value.submitLabel && q.value ? (A(), b(d, {
+								key: 2,
+								type: "button",
+								variant: "outline",
+								"data-slot": "create-another",
+								class: O(tt.value),
+								disabled: L.modal.processing,
+								onClick: X
+							}, {
+								default: P(() => [U.value.createAnotherIcon ? (A(), b(M(u), {
+									key: 0,
+									name: U.value.createAnotherIcon
+								}, null, 8, ["name"])) : x("", !0), w(j(U.value.createAnotherLabel), 1)]),
+								_: 1
+							}, 8, ["class", "disabled"])) : x("", !0),
+							U.value.submitLabel && q.value ? (A(), b(d, {
+								key: 3,
+								type: "button",
+								class: O(M(o)(M(l), U.value.submitColor, "primary")),
+								disabled: L.modal.processing,
+								autofocus: U.value.autofocus && !M(W),
+								onClick: Y
+							}, {
+								default: P(() => [L.modal.processing ? (A(), b(f, { key: 0 })) : U.value.submitIcon ? (A(), b(M(u), {
+									key: 1,
+									name: U.value.submitIcon
+								}, null, 8, ["name"])) : x("", !0), w(" " + j(U.value.submitLabel), 1)]),
+								_: 1
+							}, 8, [
+								"class",
+								"disabled",
+								"autofocus"
+							])) : x("", !0)
+						], 2)]),
+						_: 1
+					}, 8, ["class"])) : x("", !0),
+					C("span", Re, j(M(B)("close", {}, "Close")), 1)
+				]),
+				_: 1
+			}, 8, ["class", "show-close-button"])]),
+			_: 1
+		}, 8, ["open", "modal"]));
+	}
+});
+//#endregion
+export { I as default };
+
+//# sourceMappingURL=ActionModal.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/actions/ActionModal.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionModal.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Sheet","_withCtx","_createVNode","SheetContent","_normalizeClass","_unref","_createElementVNode","SheetHeader","_createElementBlock","Icon","_createCommentVNode","SheetTitle","_createTextVNode","_toDisplayString","SheetDescription","SchemaRenderer","Slot","_withModifiers","ActionModalPassword","SheetFooter","ActionList","Button","Spinner","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogFooter","Icon_default","Button_default","Spinner_default","ActionList_default","SchemaRenderer_default","Slot_default","Dialog_default","DialogContent_default","DialogDescription_default","DialogHeader_default","DialogTitle_default","Sheet_default","SheetContent_default","SheetDescription_default","SheetHeader_default","SheetTitle_default","DialogFooter_default","SheetFooter_default","ActionModalPassword_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","ActionModal_vue_vue_type_script_setup_true_lang_default","WIDTHS","FOOTER_JUSTIFY","props","__props","runner","useActionRunner","panel","usePanel","direction","useDirection","t","useT","action","context","schema","computed","form","FormStore","actionFormComponent","notifications","showToast","n","actionFormParams","provideForm","formState","useStore","watch","errors","onScopeDispose","windowClass","windowAttributes","_class","rest","modalId","useId","setAttributes","name","value","attributes","element","applyOverlayAttributes","overlay","onMounted","nextTick","footerJustify","modalFooterAlignment","footerActionsClass","side","slideOverSide","progress","wizardProgressStore","submitVisible","isModalSubmitVisible","password","ref","passwordError","PASSWORD_CONFIRMATION_INPUT","footerContext","nestedActionContext","run","values","options","createAnother","submit","submitAnother","payload","previous","components","refocus","onCleanup","scheduleAutofocus","close","unsavedMessage","requestClose","confirmModalClose","guardModalUnload","cancelClass","colorClass","outlineButtonColorClasses","createAnotherClass","title","onOpenChange","open","hasFooter","hasBody","openBlock","createBlock","withCtx","createVNode","normalizeClass","unref","cn","_cache","event","createElementVNode","createElementBlock","iconBackgroundColorClasses","createCommentVNode","createTextVNode","toDisplayString","withModifiers","$event","solidButtonColorClasses"],"sources":["../../../src/components/actions/ActionModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { OpenModal } from '@alfakit/core'\nimport {\n  actionFormComponent,\n  actionFormParams,\n  confirmModalClose,\n  FormStore,\n  guardModalUnload,\n  isModalSubmitVisible,\n  modalFooterAlignment,\n  nestedActionContext,\n  PASSWORD_CONFIRMATION_INPUT,\n  scheduleAutofocus,\n  slideOverSide,\n  wizardProgressStore,\n} from '@alfakit/core'\nimport { computed, nextTick, onMounted, onScopeDispose, ref, useId, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useActionRunner, useDirection, usePanel, useT } from '../../context'\nimport {\n  colorClass,\n  iconBackgroundColorClasses,\n  outlineButtonColorClasses,\n  solidButtonColorClasses,\n} from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { provideForm } from '../form/form-context'\nimport Slot from '../panel/Slot.vue'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Button from '../ui/Button.vue'\nimport Dialog from '../ui/Dialog.vue'\nimport DialogContent from '../ui/DialogContent.vue'\nimport DialogDescription from '../ui/DialogDescription.vue'\nimport DialogFooter from '../ui/DialogFooter.vue'\nimport DialogHeader from '../ui/DialogHeader.vue'\nimport DialogTitle from '../ui/DialogTitle.vue'\nimport Sheet from '../ui/Sheet.vue'\nimport SheetContent from '../ui/SheetContent.vue'\nimport SheetDescription from '../ui/SheetDescription.vue'\nimport SheetFooter from '../ui/SheetFooter.vue'\nimport SheetHeader from '../ui/SheetHeader.vue'\nimport SheetTitle from '../ui/SheetTitle.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport ActionList from './ActionList.vue'\nimport ActionModalPassword from './ActionModalPassword.vue'\nimport { showToast } from '../notifications/flash-toasts'\n\nconst WIDTHS: Record<string, string> = {\n  '3xs': 'sm:max-w-3xs',\n  '2xs': 'sm:max-w-2xs',\n  xs: 'sm:max-w-xs',\n  sm: 'sm:max-w-sm',\n  md: 'sm:max-w-md',\n  lg: 'sm:max-w-lg',\n  xl: 'sm:max-w-xl',\n  '2xl': 'sm:max-w-2xl',\n  '3xl': 'sm:max-w-3xl',\n  '4xl': 'sm:max-w-4xl',\n  '5xl': 'sm:max-w-5xl',\n  '6xl': 'sm:max-w-6xl',\n  '7xl': 'sm:max-w-7xl',\n  none: 'sm:max-w-none',\n  min: 'sm:max-w-min',\n  max: 'sm:max-w-max',\n  fit: 'sm:max-w-fit',\n  prose: 'sm:max-w-prose',\n  container: 'sm:container',\n  'screen-sm': 'sm:max-w-(--breakpoint-sm)',\n  'screen-md': 'sm:max-w-(--breakpoint-md)',\n  'screen-lg': 'sm:max-w-(--breakpoint-lg)',\n  'screen-xl': 'sm:max-w-(--breakpoint-xl)',\n  'screen-2xl': 'sm:max-w-(--breakpoint-2xl)',\n  full: 'sm:max-w-[calc(100%-2rem)]',\n  screen: 'sm:max-w-[calc(100%-2rem)] h-[calc(100%-2rem)]',\n}\n\nconst FOOTER_JUSTIFY: Record<string, string> = {\n  start: 'sm:justify-start',\n  center: 'sm:justify-center',\n  end: 'sm:justify-end',\n  between: 'sm:justify-between',\n}\n\nconst props = withDefaults(defineProps<{ modal: OpenModal; hidden?: boolean }>(), {\n  hidden: false,\n})\n\nconst runner = useActionRunner()\nconst panel = usePanel()\nconst direction = useDirection()\nconst t = useT()\n\nconst action = props.modal.action\nconst context = props.modal.context\nconst schema = computed(() => props.modal.modal)\n\nconst form = (() => {\n  if (!schema.value.form) {\n    return null\n  }\n\n  return new FormStore(schema.value.form, {\n    token: context.token,\n    component: actionFormComponent(action, context),\n    record: context.record ?? null,\n    refreshUrl: panel.value.endpoints.schemaRefresh,\n    optionsUrl: panel.value.endpoints.schemaOptions,\n    validateUrl: panel.value.endpoints.schemaValidate,\n    // A halted wizard step shows what its hook sent.\n    onNotifications: (notifications) => notifications.forEach((n) => showToast(n)),\n    params: actionFormParams(context),\n  })\n})()\n\nif (form) {\n  provideForm(form)\n}\n\nconst formState = form ? useStore(form.store) : null\n\nwatch(\n  () => props.modal.errors,\n  (errors) => form?.setErrors(errors),\n  { immediate: true },\n)\n\nonScopeDispose(() => form?.destroy())\n\n// Nested actions read this form (`$mountedActions`, `getRawData()`) and write into it\n// (`fillData()`).\nif (form) {\n  onScopeDispose(runner.registerModalForm(action, context, form))\n}\n\n// `extraModalWindowAttributes()`: `class` joins the window's classes.\nconst windowClass = computed(() => schema.value.windowAttributes?.class as string | undefined)\nconst windowAttributes = computed(() => {\n  const { class: _class, ...rest } = schema.value.windowAttributes ?? {}\n\n  return rest\n})\n\n// `extraModalOverlayAttributes()`: the backdrop is the content's previous sibling.\nconst modalId = useId()\n\n// A marker inside the content finds the window and its backdrop (the dialog primitives\n// render through a portal and don't pass other attributes on).\nconst setAttributes = (element: Element, attributes: Record<string, unknown>) => {\n  for (const [name, value] of Object.entries(attributes)) {\n    if (value === null || value === undefined || value === false) continue\n\n    if (name === 'class') {\n      element.classList.add(...String(value).split(/\\s+/).filter(Boolean))\n    } else {\n      element.setAttribute(name, value === true ? '' : String(value))\n    }\n  }\n}\n\nconst applyOverlayAttributes = () => {\n  if (props.hidden || typeof document === 'undefined') return\n\n  const element = document\n    .querySelector(`[data-alfakit-modal=\"${modalId}\"]`)\n    ?.closest('[role=\"dialog\"]')\n  const overlay = element?.previousElementSibling\n\n  if (element) setAttributes(element, windowAttributes.value)\n\n  if (overlay?.getAttribute('data-slot')?.endsWith('-overlay') && schema.value.overlayAttributes) {\n    setAttributes(overlay, schema.value.overlayAttributes)\n  }\n}\n\nonMounted(() => void nextTick(applyOverlayAttributes))\nwatch(\n  () => props.hidden,\n  () => void nextTick(applyOverlayAttributes),\n  { flush: 'post' },\n)\n\nconst footerJustify = computed(() => FOOTER_JUSTIFY[modalFooterAlignment(schema.value)])\nconst footerActionsClass = computed(() =>\n  modalFooterAlignment(schema.value) === 'end' ? 'sm:me-auto' : undefined,\n)\nconst side = computed(() => slideOverSide(schema.value.slideOverPosition, direction.value))\n\n// A wizard form reports its step, so the submit button waits for the last one.\nconst progress = form ? useStore(wizardProgressStore(form)) : null\nconst submitVisible = computed(() => isModalSubmitVisible(schema.value, progress?.value))\n\nconst password = ref('')\nconst passwordError = computed(() => props.modal.errors[PASSWORD_CONFIRMATION_INPUT]?.[0])\nconst footerContext = nestedActionContext(context, action)\n\nconst run = (createAnother: boolean) => {\n  const values = form?.state.values ?? {}\n  const options = {\n    ...(schema.value.passwordConfirmation ? { password: password.value } : {}),\n    ...(createAnother ? { createAnother: true } : {}),\n  }\n\n  if (Object.keys(options).length > 0) {\n    runner.execute(action, context, values, options)\n  } else {\n    runner.execute(action, context, values)\n  }\n}\nconst submit = () => run(false)\n// \"Create & create another\": the runner reloads the modal, and its fresh form fills this one.\nconst submitAnother = () => run(true)\n\nwatch(\n  () => schema.value.form,\n  (payload, previous) => {\n    if (payload && payload !== previous) form?.fill(payload)\n  },\n)\n\n// \"Create & create another\": back to the `autofocus()` field of the fresh form.\nwatch(\n  () => props.modal.refocus,\n  (refocus, _previous, onCleanup) => {\n    const components = schema.value.form?.components\n\n    if (!refocus || !components) return\n\n    onCleanup(\n      scheduleAutofocus(() => document.getElementById(`action-form-${action.name}`), components),\n    )\n  },\n)\n\n// Dismissing the modal (not submitting it): `cancelParentActionsOnClose()` applies.\nconst close = () => runner.cancelModal(action.name)\nconst unsavedMessage = t('unsaved_changes_close', {}, 'You have unsaved changes. Close anyway?')\n// Cancel, Escape, clicking away and the close button ask first when the form changed.\nconst requestClose = () => {\n  if (confirmModalClose(schema.value, form, unsavedMessage)) close()\n}\nonScopeDispose(guardModalUnload(schema.value, form, unsavedMessage))\nconst cancelClass = computed(() =>\n  schema.value.cancelColor ? colorClass(outlineButtonColorClasses, schema.value.cancelColor) : '',\n)\n// `createAnotherAction()`: the \"Create & create another\" button's colour.\nconst createAnotherClass = computed(() =>\n  schema.value.createAnotherColor\n    ? colorClass(outlineButtonColorClasses, schema.value.createAnotherColor)\n    : '',\n)\n// Every dialog needs an accessible name: without a heading it stays visually hidden.\nconst title = computed(() => schema.value.heading ?? action.label ?? t('actions', {}, 'Actions'))\n\nconst onOpenChange = (open: boolean) => {\n  if (!open && !props.modal.processing) {\n    requestClose()\n  }\n}\n\nconst hasFooter = computed(() =>\n  Boolean(\n    schema.value.submitLabel || schema.value.cancelLabel || schema.value.extraFooterActions?.length,\n  ),\n)\nconst hasBody = computed(() =>\n  Boolean(\n    schema.value.content || form || schema.value.contentFooter || schema.value.passwordConfirmation,\n  ),\n)\n</script>\n\n<template>\n  <Sheet\n    v-if=\"schema.slideOver\"\n    :open=\"!props.hidden\"\n    :modal=\"!schema.clickThrough\"\n    @update:open=\"onOpenChange\"\n  >\n    <SheetContent\n      :side=\"side\"\n      :class=\"\n        cn('flex w-full flex-col gap-0 p-0', WIDTHS[schema.width] ?? 'sm:max-w-md', windowClass)\n      \"\n      :show-close-button=\"schema.closeButton\"\n      @interact-outside=\"(event) => !schema.closeByClickingAway && event.preventDefault()\"\n      @escape-key-down=\"(event) => !schema.closeByEscaping && event.preventDefault()\"\n    >\n      <span :data-alfakit-modal=\"modalId\" hidden />\n      <SheetHeader class=\"border-b\">\n        <div\n          :class=\"\n            cn('flex gap-4', schema.alignment === 'center' && 'flex-col items-center text-center')\n          \"\n        >\n          <div\n            v-if=\"schema.icon\"\n            :class=\"\n              cn(\n                'flex size-10 shrink-0 items-center justify-center rounded-full',\n                colorClass(iconBackgroundColorClasses, schema.iconColor, 'primary'),\n              )\n            \"\n          >\n            <Icon :name=\"schema.icon\" class=\"size-5\" />\n          </div>\n          <div class=\"flex flex-col gap-1.5\">\n            <SheetTitle :class=\"cn(!schema.heading && 'sr-only')\">{{ title }}</SheetTitle>\n            <SheetDescription v-if=\"schema.description\"\n              ><span v-html=\"schema.description\"\n            /></SheetDescription>\n            <SheetDescription v-else class=\"sr-only\">{{ title }}</SheetDescription>\n          </div>\n        </div>\n      </SheetHeader>\n      <div class=\"flex-1 overflow-y-auto p-4\">\n        <div class=\"flex flex-col gap-6\">\n          <SchemaRenderer v-if=\"schema.content\" :components=\"schema.content\" />\n          <Slot\n            v-if=\"form && formState\"\n            name=\"modal.schema.before\"\n            :data=\"{ action: action.name }\"\n          />\n          <form\n            v-if=\"form && formState\"\n            :id=\"`action-form-${action.name}`\"\n            @submit.prevent=\"submit\"\n          >\n            <SchemaRenderer :components=\"formState.components\" :columns=\"formState.columns\" />\n          </form>\n          <Slot\n            v-if=\"form && formState\"\n            name=\"modal.schema.after\"\n            :data=\"{ action: action.name }\"\n          />\n          <SchemaRenderer v-if=\"schema.contentFooter\" :components=\"schema.contentFooter\" />\n          <ActionModalPassword\n            v-if=\"schema.passwordConfirmation\"\n            v-model=\"password\"\n            :error=\"passwordError\"\n            @submit=\"submit\"\n          />\n        </div>\n      </div>\n      <SheetFooter\n        v-if=\"hasFooter\"\n        :class=\"cn('border-t', schema.stickyFooter && 'bg-background sticky bottom-0')\"\n      >\n        <div\n          :class=\"\n            cn('flex w-full flex-col-reverse gap-2 sm:flex-row sm:items-center', footerJustify)\n          \"\n        >\n          <ActionList\n            v-if=\"schema.extraFooterActions\"\n            :actions=\"schema.extraFooterActions\"\n            :context=\"footerContext\"\n            :class=\"footerActionsClass\"\n          />\n          <Button\n            v-if=\"schema.cancelLabel\"\n            type=\"button\"\n            variant=\"outline\"\n            :class=\"cancelClass\"\n            :disabled=\"props.modal.processing\"\n            @click=\"requestClose\"\n            >{{ schema.cancelLabel }}</Button\n          >\n          <Button\n            v-if=\"schema.createAnotherLabel && schema.submitLabel && submitVisible\"\n            type=\"button\"\n            variant=\"outline\"\n            data-slot=\"create-another\"\n            :class=\"createAnotherClass\"\n            :disabled=\"props.modal.processing\"\n            @click=\"submitAnother\"\n            ><Icon v-if=\"schema.createAnotherIcon\" :name=\"schema.createAnotherIcon\" />{{\n              schema.createAnotherLabel\n            }}</Button\n          >\n          <Button\n            v-if=\"schema.submitLabel && submitVisible\"\n            type=\"button\"\n            :class=\"colorClass(solidButtonColorClasses, schema.submitColor, 'primary')\"\n            :disabled=\"props.modal.processing\"\n            :autofocus=\"schema.autofocus && !form\"\n            @click=\"submit\"\n          >\n            <Spinner v-if=\"props.modal.processing\" />\n            <Icon v-else-if=\"schema.submitIcon\" :name=\"schema.submitIcon\" />\n            {{ schema.submitLabel }}\n          </Button>\n        </div>\n      </SheetFooter>\n    </SheetContent>\n  </Sheet>\n  <Dialog v-else :open=\"!props.hidden\" :modal=\"!schema.clickThrough\" @update:open=\"onOpenChange\">\n    <DialogContent\n      :class=\"\n        cn(\n          'max-h-[calc(100vh-2rem)] overflow-y-auto',\n          WIDTHS[schema.width] ?? 'sm:max-w-lg',\n          windowClass,\n        )\n      \"\n      :show-close-button=\"schema.closeButton\"\n      @interact-outside=\"(event) => !schema.closeByClickingAway && event.preventDefault()\"\n      @escape-key-down=\"(event) => !schema.closeByEscaping && event.preventDefault()\"\n    >\n      <span :data-alfakit-modal=\"modalId\" hidden />\n      <!-- A sticky header stays pinned to the top of the scrolling dialog, edge to edge. -->\n      <DialogHeader\n        :class=\"\n          cn(\n            schema.stickyHeader &&\n              'bg-background sticky -top-6 z-10 -mx-6 -mt-6 rounded-t-lg border-b px-6 pt-6 pb-4',\n          )\n        \"\n      >\n        <div\n          :class=\"\n            cn('flex gap-4', schema.alignment === 'center' && 'flex-col items-center text-center')\n          \"\n        >\n          <div\n            v-if=\"schema.icon\"\n            :class=\"\n              cn(\n                'flex size-10 shrink-0 items-center justify-center rounded-full',\n                colorClass(iconBackgroundColorClasses, schema.iconColor, 'primary'),\n              )\n            \"\n          >\n            <Icon :name=\"schema.icon\" class=\"size-5\" />\n          </div>\n          <div class=\"flex flex-col gap-1.5\">\n            <DialogTitle :class=\"cn(!schema.heading && 'sr-only')\">{{ title }}</DialogTitle>\n            <DialogDescription v-if=\"schema.description\"\n              ><span v-html=\"schema.description\"\n            /></DialogDescription>\n            <DialogDescription v-else class=\"sr-only\">{{ title }}</DialogDescription>\n          </div>\n        </div>\n      </DialogHeader>\n      <div v-if=\"hasBody\" class=\"flex flex-col gap-6\">\n        <SchemaRenderer v-if=\"schema.content\" :components=\"schema.content\" />\n        <Slot v-if=\"form && formState\" name=\"modal.schema.before\" :data=\"{ action: action.name }\" />\n        <form v-if=\"form && formState\" :id=\"`action-form-${action.name}`\" @submit.prevent=\"submit\">\n          <SchemaRenderer :components=\"formState.components\" :columns=\"formState.columns\" />\n        </form>\n        <Slot v-if=\"form && formState\" name=\"modal.schema.after\" :data=\"{ action: action.name }\" />\n        <SchemaRenderer v-if=\"schema.contentFooter\" :components=\"schema.contentFooter\" />\n        <ActionModalPassword\n          v-if=\"schema.passwordConfirmation\"\n          v-model=\"password\"\n          :error=\"passwordError\"\n          @submit=\"submit\"\n        />\n      </div>\n      <!-- A sticky footer stays pinned to the bottom of the scrolling dialog, edge to edge. -->\n      <DialogFooter\n        v-if=\"hasFooter\"\n        :class=\"\n          cn(\n            schema.stickyFooter &&\n              'bg-background sticky bottom-0 -mx-6 -mb-6 rounded-b-lg border-t px-6 py-4',\n          )\n        \"\n      >\n        <div\n          :class=\"\n            cn('flex w-full flex-col-reverse gap-2 sm:flex-row sm:items-center', footerJustify)\n          \"\n        >\n          <ActionList\n            v-if=\"schema.extraFooterActions\"\n            :actions=\"schema.extraFooterActions\"\n            :context=\"footerContext\"\n            :class=\"footerActionsClass\"\n          />\n          <Button\n            v-if=\"schema.cancelLabel\"\n            type=\"button\"\n            variant=\"outline\"\n            :class=\"cancelClass\"\n            :disabled=\"props.modal.processing\"\n            @click=\"requestClose\"\n            >{{ schema.cancelLabel }}</Button\n          >\n          <Button\n            v-if=\"schema.createAnotherLabel && schema.submitLabel && submitVisible\"\n            type=\"button\"\n            variant=\"outline\"\n            data-slot=\"create-another\"\n            :class=\"createAnotherClass\"\n            :disabled=\"props.modal.processing\"\n            @click=\"submitAnother\"\n            ><Icon v-if=\"schema.createAnotherIcon\" :name=\"schema.createAnotherIcon\" />{{\n              schema.createAnotherLabel\n            }}</Button\n          >\n          <Button\n            v-if=\"schema.submitLabel && submitVisible\"\n            type=\"button\"\n            :class=\"colorClass(solidButtonColorClasses, schema.submitColor, 'primary')\"\n            :disabled=\"props.modal.processing\"\n            :autofocus=\"schema.autofocus && !form\"\n            @click=\"submit\"\n          >\n            <Spinner v-if=\"props.modal.processing\" />\n            <Icon v-else-if=\"schema.submitIcon\" :name=\"schema.submitIcon\" />\n            {{ schema.submitLabel }}\n          </Button>\n        </div>\n      </DialogFooter>\n      <span class=\"sr-only\">{{ t('close', {}, 'Close') }}</span>\n    </DialogContent>\n  </Dialog>\n</template>\n"],"mappings":"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"}

package/dist/components/actions/ActionModalPassword.js

@@ -0,0 +1,7 @@
+import e from "./ActionModalPassword.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/actions/ActionModalPassword.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ActionModalPassword.js.map

package/dist/components/actions/ActionModalPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionModalPassword.js","names":["_sfc_main","ActionModalPassword_vue_vue_type_script_setup_true_lang_default","ActionModalPassword_default"],"sources":["../../../src/components/actions/ActionModalPassword.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useId } from 'vue'\nimport { useT } from '../../context'\nimport Input from '../ui/Input.vue'\nimport Label from '../ui/Label.vue'\n\n/** The current-password input of `requiresPasswordConfirmation()` actions. */\ndefineProps<{ error?: string }>()\nconst password = defineModel<string>({ default: '' })\nconst emit = defineEmits<{ submit: [] }>()\nconst t = useT()\nconst id = useId()\n</script>\n\n<template>\n  <div data-slot=\"password-confirmation\" class=\"flex flex-col gap-2\">\n    <Label :for=\"id\">{{ t('current_password', {}, 'Current password') }}</Label>\n    <Input\n      :id=\"id\"\n      v-model=\"password\"\n      type=\"password\"\n      autocomplete=\"current-password\"\n      :aria-invalid=\"error ? true : undefined\"\n      :aria-describedby=\"error ? `${id}-error` : `${id}-hint`\"\n      @keydown.enter.prevent=\"emit('submit')\"\n    />\n    <p v-if=\"error\" :id=\"`${id}-error`\" class=\"text-destructive text-sm\">{{ error }}</p>\n    <p v-else :id=\"`${id}-hint`\" class=\"text-muted-foreground text-sm\">\n      {{ t('confirm_password', {}, 'Confirm your password to continue') }}\n    </p>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/actions/ActionModalPassword.vue.d.ts

@@ -0,0 +1,16 @@
+/** The current-password input of `requiresPasswordConfirmation()` actions. */
+type __VLS_Props = {
+    error?: string;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: () => any;
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSubmit?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ActionModalPassword.vue.d.ts.map

package/dist/components/actions/ActionModalPassword.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionModalPassword.vue.d.ts","sourceRoot":"","sources":["../../../src/components/actions/ActionModalPassword.vue"],"names":[],"mappings":"AAuCA,8EAA8E;AAC9E,KAAK,WAAW,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAatC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;;;;;;;;AAoGF,wBAOG"}

package/dist/components/actions/ActionModalPassword.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,53 @@
+import { useT as e } from "../../context.js";
+import t from "../ui/Input.js";
+import n from "../ui/Label.js";
+import { createElementBlock as r, createTextVNode as i, createVNode as a, defineComponent as o, mergeModels as s, openBlock as c, toDisplayString as l, unref as u, useId as d, useModel as f, withCtx as p, withKeys as m, withModifiers as h } from "vue";
+//#region src/components/actions/ActionModalPassword.vue?vue&type=script&setup=true&lang.ts
+var g = {
+	"data-slot": "password-confirmation",
+	class: "flex flex-col gap-2"
+}, _ = ["id"], v = ["id"], y = /*@__PURE__*/ o({
+	__name: "ActionModalPassword",
+	props: /*@__PURE__*/ s({ error: {} }, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ s(["submit"], ["update:modelValue"]),
+	setup(o, { emit: s }) {
+		let y = f(o, "modelValue"), b = s, x = e(), S = d();
+		return (e, s) => (c(), r("div", g, [
+			a(n, { for: u(S) }, {
+				default: p(() => [i(l(u(x)("current_password", {}, "Current password")), 1)]),
+				_: 1
+			}, 8, ["for"]),
+			a(t, {
+				id: u(S),
+				modelValue: y.value,
+				"onUpdate:modelValue": s[0] ||= (e) => y.value = e,
+				type: "password",
+				autocomplete: "current-password",
+				"aria-invalid": o.error ? !0 : void 0,
+				"aria-describedby": o.error ? `${u(S)}-error` : `${u(S)}-hint`,
+				onKeydown: s[1] ||= m(h((e) => b("submit"), ["prevent"]), ["enter"])
+			}, null, 8, [
+				"id",
+				"modelValue",
+				"aria-invalid",
+				"aria-describedby"
+			]),
+			o.error ? (c(), r("p", {
+				key: 0,
+				id: `${u(S)}-error`,
+				class: "text-destructive text-sm"
+			}, l(o.error), 9, _)) : (c(), r("p", {
+				key: 1,
+				id: `${u(S)}-hint`,
+				class: "text-muted-foreground text-sm"
+			}, l(u(x)("confirm_password", {}, "Confirm your password to continue")), 9, v))
+		]));
+	}
+});
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=ActionModalPassword.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/actions/ActionModalPassword.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionModalPassword.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_createVNode","Label","_unref","_withCtx","_createTextVNode","_toDisplayString","Input","_withKeys","_withModifiers","Input_default","Label_default","_hoisted_1","_hoisted_2","_hoisted_3","ActionModalPassword_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__emit","password","useModel","__props","emit","t","useT","id","useId","openBlock","createElementBlock","createVNode","unref","withCtx","createTextVNode","toDisplayString","_cache","$event","withKeys","withModifiers"],"sources":["../../../src/components/actions/ActionModalPassword.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useId } from 'vue'\nimport { useT } from '../../context'\nimport Input from '../ui/Input.vue'\nimport Label from '../ui/Label.vue'\n\n/** The current-password input of `requiresPasswordConfirmation()` actions. */\ndefineProps<{ error?: string }>()\nconst password = defineModel<string>({ default: '' })\nconst emit = defineEmits<{ submit: [] }>()\nconst t = useT()\nconst id = useId()\n</script>\n\n<template>\n  <div data-slot=\"password-confirmation\" class=\"flex flex-col gap-2\">\n    <Label :for=\"id\">{{ t('current_password', {}, 'Current password') }}</Label>\n    <Input\n      :id=\"id\"\n      v-model=\"password\"\n      type=\"password\"\n      autocomplete=\"current-password\"\n      :aria-invalid=\"error ? true : undefined\"\n      :aria-describedby=\"error ? `${id}-error` : `${id}-hint`\"\n      @keydown.enter.prevent=\"emit('submit')\"\n    />\n    <p v-if=\"error\" :id=\"`${id}-error`\" class=\"text-destructive text-sm\">{{ error }}</p>\n    <p v-else :id=\"`${id}-hint`\" class=\"text-muted-foreground text-sm\">\n      {{ t('confirm_password', {}, 'Confirm your password to continue') }}\n    </p>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAQA,IAAMqB,IAAWrB,EAAmBuB,GAAA,YAAgB,GAC9CC,IAAOJ,GACPK,IAAIC,EAAK,GACTC,IAAKC,EAAM;oBAIf3B,EAAA,GAAAC,EAeM,OAfNY,GAeM;GAdJX,EAA4EC,GAAA,EAApE,KAAKC,EAAAsB,CAAA,EAAE,GAAA;IAAE,SAAArB,QAAmD,CAAhDC,EAAAC,EAAAH,EAAAoB,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,kBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;GACrBtB,EAQEM,GAAA;IAPC,IAAIJ,EAAAsB,CAAA;IACI,YAAAN,EAAA;IAAA,uBAAA,AAAAe,EAAA,QAAA,MAAA,EAAQ,QAAAC;IACjB,MAAK;IACL,cAAa;IACZ,gBAAcd,EAAA,QAAK,KAAU,KAAA;IAC7B,oBAAkBA,EAAA,QAAK,GAAMlB,EAAAsB,CAAA,EAAE,UAAA,GAActB,EAAAsB,CAAA,EAAE;IAC/C,WAAO,AAAAS,EAAA,OAAA1B,EAAAC,GAAA,MAAgBa,EAAI,QAAA,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;;;;;;;GAErBD,EAAA,SAATtB,EAAA,GAAAC,EAAoF,KAAA;;IAAnE,IAAE,GAAKG,EAAAsB,CAAA,EAAE;IAAU,OAAM;GAA8B,GAAAnB,EAAAe,EAAA,KAAK,GAAA,GAAAR,CAAA,MAC7Ed,EAAA,GAAAC,EAEI,KAAA;;IAFO,IAAE,GAAKG,EAAAsB,CAAA,EAAE;IAAS,OAAM;GAC9B,GAAAnB,EAAAH,EAAAoB,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,mCAAA,CAAA,GAAA,GAAAT,CAAA"}

package/dist/components/actions/ActionModals.js

@@ -0,0 +1,7 @@
+import e from "./ActionModals.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/actions/ActionModals.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ActionModals.js.map

package/dist/components/actions/ActionModals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionModals.js","names":["_sfc_main","ActionModals_vue_vue_type_script_setup_true_lang_default","ActionModals_default"],"sources":["../../../src/components/actions/ActionModals.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { actionPath, isModalHiddenByChild } from '@alfakit/core'\nimport { onScopeDispose } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useActionRunner } from '../../context'\nimport { showToast } from '../notifications/flash-toasts'\nimport ActionModal from './ActionModal.vue'\n\n/** Renders every open action modal from the runner store. Mount once per app. */\nconst runner = useActionRunner()\nconst state = useStore(runner.store)\n\n// Notifications from JSON responses (a modal `mountUsing()` cancelled, field actions).\nrunner.setNotificationHandler((notifications) => notifications.forEach((n) => showToast(n)))\nonScopeDispose(() => runner.setNotificationHandler(undefined))\n</script>\n\n<template>\n  <ActionModal\n    v-for=\"(modal, index) in state.modals\"\n    :key=\"`${actionPath(modal.action, modal.context)}-${modal.context.record ?? ''}`\"\n    :modal=\"modal\"\n    :hidden=\"isModalHiddenByChild(state.modals, index)\"\n  />\n</template>\n"],"mappings":""}

package/dist/components/actions/ActionModals.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=ActionModals.vue.d.ts.map

package/dist/components/actions/ActionModals.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionModals.vue.d.ts","sourceRoot":"","sources":["../../../src/components/actions/ActionModals.vue"],"names":[],"mappings":";AAqFA,wBAKG"}

package/dist/components/actions/ActionModals.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,22 @@
+import { useActionRunner as e } from "../../context.js";
+import { useStore as t } from "../../composables/use-store.js";
+import { showToast as n } from "../notifications/flash-toasts.js";
+import r from "./ActionModal.js";
+import { actionPath as i, isModalHiddenByChild as a } from "@alfakit/core";
+import { Fragment as o, createBlock as s, createElementBlock as c, defineComponent as l, onScopeDispose as u, openBlock as d, renderList as f, unref as p } from "vue";
+//#region src/components/actions/ActionModals.vue?vue&type=script&setup=true&lang.ts
+var m = /*@__PURE__*/ l({
+	__name: "ActionModals",
+	setup(l) {
+		let m = e(), h = t(m.store);
+		return m.setNotificationHandler((e) => e.forEach((e) => n(e))), u(() => m.setNotificationHandler(void 0)), (e, t) => (d(!0), c(o, null, f(p(h).modals, (e, t) => (d(), s(r, {
+			key: `${p(i)(e.action, e.context)}-${e.context.record ?? ""}`,
+			modal: e,
+			hidden: p(a)(p(h).modals, t)
+		}, null, 8, ["modal", "hidden"]))), 128));
+	}
+});
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=ActionModals.vue_vue_type_script_setup_true_lang.js.map