@alfakit/vue 0.1.7 → 0.1.9

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @alfakit/vue
 
+## 0.1.9
+
+### Patch Changes
+
+- Row action modals work on every list tab; starter kits: the debug panel, "G then D" to the app dashboard and badge contrast; two standalone forms on a page get their own field ids; an `<AlfakitComponent>` in a panel page posts to its own endpoint; tooltips keep the button's `data-slot`; navigation items keyed by URL; modal headers leave room for the close button.
+- Updated dependencies
+  - @alfakit/core@0.1.9
+
+## 0.1.8
+
+### Patch Changes
+
+- `<AlfakitLanguageSwitcher />`: a drop-in header component for starter kits, so users can switch the panel's language from the app header. The first click right after a switch no longer gets lost.
+- Updated dependencies
+  - @alfakit/core@0.1.8
+
 ## 0.1.7
 
 ### Patch Changes

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

@@ -1 +1 @@
-{"version":3,"file":"ActionModal.js","names":["_sfc_main","ActionModal_vue_vue_type_script_setup_true_lang_default","ActionModal_default"],"sources":["../../../src/components/actions/ActionModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { OpenModal } from '@alfakit/core'\nimport {\n  actionFormComponent,\n  formIdPrefix,\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    // Own field ids: the modal opens over a form whose fields may share names.\n    idPrefix: formIdPrefix(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  // A click that blurred a live field started a refresh: send the state it returns.\n  if (form) {\n    form.whenSettled(() => execute(createAnother))\n  } else {\n    execute(createAnother)\n  }\n}\n\nconst execute = (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    </DialogContent>\n  </Dialog>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ActionModal.js","names":["_sfc_main","ActionModal_vue_vue_type_script_setup_true_lang_default","ActionModal_default"],"sources":["../../../src/components/actions/ActionModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { OpenModal } from '@alfakit/core'\nimport {\n  actionFormComponent,\n  formIdPrefix,\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    // Own field ids: the modal opens over a form whose fields may share names.\n    idPrefix: formIdPrefix(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  // A click that blurred a live field started a refresh: send the state it returns.\n  if (form) {\n    form.whenSettled(() => execute(createAnother))\n  } else {\n    execute(createAnother)\n  }\n}\n\nconst execute = (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            // Room for the close button (X): a long heading would run under it.\n            schema.closeButton !== false && (schema.stickyHeader ? 'pe-12' : 'pe-6'),\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    </DialogContent>\n  </Dialog>\n</template>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"ActionModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/actions/ActionModal.vue"],"names":[],"mappings":"AAohBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAoF9C,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;;YAAV,OAAO;;AAkhCvD,wBAOG"}
+{"version":3,"file":"ActionModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/actions/ActionModal.vue"],"names":[],"mappings":"AAshBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAoF9C,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;;YAAV,OAAO;;AAshCvD,wBAOG"}

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

@@ -280,7 +280,7 @@ var ke = ["data-alfakit-modal"], Ae = { class: "flex flex-col gap-1.5" }, je = [
 						"data-alfakit-modal": j(K),
 						hidden: ""
 					}, null, 8, Fe),
-					w(ae, { class: D(j(i)(H.value.stickyHeader && "bg-background sticky -top-6 z-10 -mx-6 -mt-6 rounded-t-lg border-b px-6 pt-6 pb-4")) }, {
+					w(ae, { class: D(j(i)(H.value.stickyHeader && "bg-background sticky -top-6 z-10 -mx-6 -mt-6 rounded-t-lg border-b px-6 pt-6 pb-4", H.value.closeButton !== !1 && (H.value.stickyHeader ? "pe-12" : "pe-6"))) }, {
 						default: N(() => [S("div", { class: D(j(i)("flex gap-4", H.value.alignment === "center" && "flex-col items-center text-center")) }, [H.value.icon ? (k(), x("div", {
 							key: 0,
 							class: D(j(i)("flex size-10 shrink-0 items-center justify-center rounded-full", j(a)(j(o), H.value.iconColor, "primary")))

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

@@ -1 +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","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","formIdPrefix","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","execute","createAnother","values","options","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  formIdPrefix,\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    // Own field ids: the modal opens over a form whose fields may share names.\n    idPrefix: formIdPrefix(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  // A click that blurred a live field started a refresh: send the state it returns.\n  if (form) {\n    form.whenSettled(() => execute(createAnother))\n  } else {\n    execute(createAnother)\n  }\n}\n\nconst execute = (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    </DialogContent>\n  </Dialog>\n</template>\n"],"mappings":"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"}
+{"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","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","formIdPrefix","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","execute","createAnother","values","options","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  formIdPrefix,\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    // Own field ids: the modal opens over a form whose fields may share names.\n    idPrefix: formIdPrefix(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  // A click that blurred a live field started a refresh: send the state it returns.\n  if (form) {\n    form.whenSettled(() => execute(createAnother))\n  } else {\n    execute(createAnother)\n  }\n}\n\nconst execute = (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            // Room for the close button (X): a long heading would run under it.\n            schema.closeButton !== false && (schema.stickyHeader ? 'pe-12' : 'pe-6'),\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    </DialogContent>\n  </Dialog>\n</template>\n"],"mappings":"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"}

package/dist/components/form/FormBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormBlock.js","names":["_sfc_main","FormBlock_vue_vue_type_script_setup_true_lang_default","FormBlock_default"],"sources":["../../../src/components/form/FormBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ActionContext, ActionSchema, FormBlock as FormBlockSchema } from '@alfakit/core'\nimport {\n  FormStore,\n  applyFormRefresh,\n  formActionsVisible,\n  formIdentity,\n  formRefreshFor,\n  isImplicitSubmit,\n  isLeavingVisit,\n  pageFlash,\n  pageFormName,\n  registerConflictForm,\n  registerFormSubmitter,\n  registerPageForm,\n  resolvePartialProps,\n  shouldResyncForm,\n  wizardProgressStore,\n} from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { computed, onBeforeUnmount, onMounted, onScopeDispose, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useActionRunner, useAlfakitProps, usePageSchema, usePanel, useT } from '../../context'\nimport ActionList from '../actions/ActionList.vue'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport { showToast } from '../notifications/flash-toasts'\nimport { provideForm } from './form-context'\n\n/**\n * A page form: its state lives in a FormStore, and its buttons are actions that post the\n * current values through the action endpoint.\n */\nconst props = defineProps<{ block: FormBlockSchema }>()\n\nconst panel = usePanel()\nconst page = usePageSchema()\nconst pageProps = useAlfakitProps()\nconst runner = useActionRunner()\nconst t = useT()\nconst token = computed(() => page.value?.token ?? '')\n\nconst store = new FormStore(props.block, {\n  token: token.value,\n  component: props.block.component,\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  // Live dashboard filters are applied by the refresh; the widgets reload to follow.\n  onRefreshed: () => {\n    if (props.block.liveFilters) router.reload({ only: resolvePartialProps(['page']) })\n  },\n})\n\nprovideForm(store)\n\n// Named forms of custom pages (`<PageForm name>`) publish their store for page method calls\n// (browser only: mounted hooks never run during a server render).\nlet unregisterPageForm: (() => void) | undefined\n\nonMounted(() => {\n  const name = pageFormName(props.block.component)\n\n  if (name) unregisterPageForm = registerPageForm(name, store)\n})\n\n// Edit pages: the conflict banner diffs and merges the main form (`detectConflicts()`).\nlet unregisterConflictForm: (() => void) | undefined\n\nonMounted(() => {\n  if (props.block.component === 'form') unregisterConflictForm = registerConflictForm(store)\n})\n\nonBeforeUnmount(() => unregisterConflictForm?.())\n\n// Buttons elsewhere with `formId('form')` (a header \"Save\") submit through this form.\nlet unregisterSubmitter: (() => void) | undefined\n\nonMounted(() => {\n  unregisterSubmitter = registerFormSubmitter(props.block.component, (action, ctx) =>\n    trigger(action, ctx),\n  )\n})\n\nonBeforeUnmount(() => {\n  unregisterPageForm?.()\n  unregisterSubmitter?.()\n})\n\n// The store survives reloads of the same form (table sorting/paging, polling,\n// relation-manager actions all deliver a new `block` object); only a different form\n// identity starts from server state again. The token is re-issued per response, so it\n// is swapped in place instead of being part of the identity.\nwatch(\n  () => formIdentity(page.value, props.block),\n  () => store.fill(props.block),\n)\n\nwatch(token, (value) => store.setToken(value))\n\n// After this form's own successful submit, refill from the server's new state. The new\n// block may arrive before or after Inertia's `success` event, so handle both orders.\nlet submittedBlock: FormBlockSchema | null = null\nlet refillPending = false\n// Another action succeeded and its new block has not arrived yet.\nlet resyncPending = false\n// The block when the latest non-GET visit started, to tell whether its response arrived.\nlet visitBlock: FormBlockSchema | null = null\n\nwatch(\n  () => props.block,\n  (block) => {\n    if (refillPending) {\n      refillPending = false\n      store.fill(block)\n    }\n\n    if (resyncPending) {\n      resyncPending = false\n\n      if (!store.isDirty) store.fill(block)\n    }\n  },\n)\n\nwatch(\n  () => pageProps.value.errors,\n  (errors) => store.setErrors((errors as Record<string, string>) ?? {}),\n  { immediate: true },\n)\n\nconst state = useStore(store.store)\nconst context = computed<ActionContext>(() => ({ token: token.value, component: 'page' }))\nlet submitting = false\n\nconst actions = computed<ActionSchema[]>(() =>\n  props.block.actions.map((action) => ({ ...action, hasModal: false })),\n)\nconst primary = computed(() => actions.value[0])\n\n// Wizard forms (`HasWizard` pages) show their buttons on the last step only.\nconst progress = useStore(wizardProgressStore(store))\nconst showActions = computed(() => formActionsVisible(props.block, progress.value))\n\nconst trigger = async (action: ActionSchema, ctx: ActionContext) => {\n  if (action.url && !action.hasAction) {\n    return runner.trigger(action, ctx)\n  }\n\n  submitting = true\n  submittedBlock = props.block\n  store.setProcessing(true)\n  // A click that blurred a live field started a refresh: send the state it returns.\n  store.whenSettled(() => runner.execute(action, ctx, store.state.values))\n}\n\n// Track this form's own submit visit so unrelated reloads finishing meanwhile (polling,\n// relation-manager paging) neither end its processing state nor count as its success.\nlet submitVisit: string | null = null\n\nconst offStart = router.on('start', (event) => {\n  const visit = event.detail.visit\n\n  if (submitting && !submitVisit && visit.method !== 'get') {\n    submitVisit = visit.id\n  }\n\n  if (visit.method !== 'get') visitBlock = props.block\n})\n\nconst offSuccess = router.on('success', (event) => {\n  const id = submitVisit\n\n  // Another action changed the record: show the server's new form unless it holds edits.\n  if (!id && shouldResyncForm(pageFlash(event.detail.page), store)) {\n    if (props.block !== visitBlock) {\n      store.fill(props.block)\n    } else {\n      resyncPending = true\n    }\n\n    return\n  }\n\n  if (!id || (event.detail.visitId ?? id) !== id) return\n\n  // A halted action (rate limit, `halt()`) saved nothing: keep what the user typed.\n  if (pageFlash(event.detail.page).alfakitAction?.status === 'halted') return\n\n  if (props.block !== submittedBlock) {\n    store.fill(props.block)\n  } else {\n    refillPending = true\n  }\n})\n\n// `refreshFormData([...])`: an action changed the record; copy those fields in.\nconst offRefresh = router.on('success', (event) => {\n  const refresh = formRefreshFor(pageFlash(event.detail.page), props.block.component)\n\n  if (refresh) applyFormRefresh(store, refresh)\n})\n\nconst offFinish = router.on('finish', (event) => {\n  if (submitVisit && event.detail.visit.id !== submitVisit) return\n\n  store.setProcessing(false)\n  submitting = false\n  submitVisit = null\n})\n\nconst offBefore = router.on('before', (event) => {\n  if (!panel.value.unsavedChangesAlerts) {\n    return\n  }\n\n  if (\n    store.isDirty &&\n    !submitting &&\n    isLeavingVisit(event.detail.visit) &&\n    !window.confirm(t('unsaved_changes', {}, 'You have unsaved changes. Leave anyway?'))\n  ) {\n    event.preventDefault()\n  }\n})\n\nonScopeDispose(() => {\n  offStart()\n  offSuccess()\n  offRefresh()\n  offFinish()\n  offBefore()\n  store.destroy()\n})\n\nconst onSubmit = () => {\n  if (primary.value && showActions.value) {\n    void trigger(primary.value, context.value)\n  }\n}\n\n// Enter in a text field runs the primary action (actions are type=\"button\").\nconst onKeydown = (event: KeyboardEvent) => {\n  if (\n    primary.value &&\n    showActions.value &&\n    isImplicitSubmit(event, event.currentTarget as HTMLFormElement)\n  ) {\n    event.preventDefault()\n    void trigger(primary.value, context.value)\n  }\n}\n</script>\n\n<template>\n  <form\n    data-slot=\"form-block\"\n    class=\"flex flex-col gap-6\"\n    @submit.prevent=\"onSubmit\"\n    @keydown=\"onKeydown\"\n  >\n    <fieldset :disabled=\"state.processing || props.block.operation === 'view'\" class=\"contents\">\n      <SchemaRenderer :components=\"state.components\" :columns=\"state.columns\" />\n    </fieldset>\n    <div v-if=\"actions.length > 0 && showActions\" data-slot=\"form-actions\" class=\"border-t pt-6\">\n      <ActionList :actions=\"actions\" :context=\"context\" :on-trigger=\"trigger\" />\n    </div>\n  </form>\n</template>\n"],"mappings":""}
+{"version":3,"file":"FormBlock.js","names":["_sfc_main","FormBlock_vue_vue_type_script_setup_true_lang_default","FormBlock_default"],"sources":["../../../src/components/form/FormBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ActionContext, ActionSchema, FormBlock as FormBlockSchema } from '@alfakit/core'\nimport {\n  FormStore,\n  applyFormRefresh,\n  formActionsVisible,\n  formIdPrefix,\n  formIdentity,\n  formRefreshFor,\n  isImplicitSubmit,\n  isLeavingVisit,\n  pageFlash,\n  pageFormName,\n  registerConflictForm,\n  registerFormSubmitter,\n  registerPageForm,\n  resolvePartialProps,\n  shouldResyncForm,\n  wizardProgressStore,\n} from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { computed, onBeforeUnmount, onMounted, onScopeDispose, useId, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport {\n  useActionRunner,\n  useAlfakitProps,\n  usePageSchema,\n  usePanel,\n  useStandalone,\n  useT,\n} from '../../context'\nimport ActionList from '../actions/ActionList.vue'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport { showToast } from '../notifications/flash-toasts'\nimport { provideForm } from './form-context'\n\n/**\n * A page form: its state lives in a FormStore, and its buttons are actions that post the\n * current values through the action endpoint.\n */\nconst props = defineProps<{ block: FormBlockSchema }>()\n\nconst panel = usePanel()\nconst page = usePageSchema()\nconst pageProps = useAlfakitProps()\nconst runner = useActionRunner()\nconst t = useT()\nconst token = computed(() => page.value?.token ?? '')\n\n// Several standalone components can share a page (and field names): each form gets its own\n// field id prefix, so labels and errors point at their own inputs.\nconst standalone = useStandalone()\nconst instanceId = useId()\nconst store = new FormStore(props.block, {\n  token: token.value,\n  component: props.block.component,\n  idPrefix: standalone ? formIdPrefix(`form-${instanceId}`) : undefined,\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  // Live dashboard filters are applied by the refresh; the widgets reload to follow.\n  onRefreshed: () => {\n    if (props.block.liveFilters) router.reload({ only: resolvePartialProps(['page']) })\n  },\n})\n\nprovideForm(store)\n\n// Named forms of custom pages (`<PageForm name>`) publish their store for page method calls\n// (browser only: mounted hooks never run during a server render).\nlet unregisterPageForm: (() => void) | undefined\n\nonMounted(() => {\n  const name = pageFormName(props.block.component)\n\n  if (name) unregisterPageForm = registerPageForm(name, store)\n})\n\n// Edit pages: the conflict banner diffs and merges the main form (`detectConflicts()`).\nlet unregisterConflictForm: (() => void) | undefined\n\nonMounted(() => {\n  if (props.block.component === 'form') unregisterConflictForm = registerConflictForm(store)\n})\n\nonBeforeUnmount(() => unregisterConflictForm?.())\n\n// Buttons elsewhere with `formId('form')` (a header \"Save\") submit through this form.\nlet unregisterSubmitter: (() => void) | undefined\n\nonMounted(() => {\n  unregisterSubmitter = registerFormSubmitter(props.block.component, (action, ctx) =>\n    trigger(action, ctx),\n  )\n})\n\nonBeforeUnmount(() => {\n  unregisterPageForm?.()\n  unregisterSubmitter?.()\n})\n\n// The store survives reloads of the same form (table sorting/paging, polling,\n// relation-manager actions all deliver a new `block` object); only a different form\n// identity starts from server state again. The token is re-issued per response, so it\n// is swapped in place instead of being part of the identity.\nwatch(\n  () => formIdentity(page.value, props.block),\n  () => store.fill(props.block),\n)\n\nwatch(token, (value) => store.setToken(value))\n\n// After this form's own successful submit, refill from the server's new state. The new\n// block may arrive before or after Inertia's `success` event, so handle both orders.\nlet submittedBlock: FormBlockSchema | null = null\nlet refillPending = false\n// Another action succeeded and its new block has not arrived yet.\nlet resyncPending = false\n// The block when the latest non-GET visit started, to tell whether its response arrived.\nlet visitBlock: FormBlockSchema | null = null\n\nwatch(\n  () => props.block,\n  (block) => {\n    if (refillPending) {\n      refillPending = false\n      store.fill(block)\n    }\n\n    if (resyncPending) {\n      resyncPending = false\n\n      if (!store.isDirty) store.fill(block)\n    }\n  },\n)\n\nwatch(\n  () => pageProps.value.errors,\n  (errors) => store.setErrors((errors as Record<string, string>) ?? {}),\n  { immediate: true },\n)\n\nconst state = useStore(store.store)\nconst context = computed<ActionContext>(() => ({ token: token.value, component: 'page' }))\nlet submitting = false\n\nconst actions = computed<ActionSchema[]>(() =>\n  props.block.actions.map((action) => ({ ...action, hasModal: false })),\n)\nconst primary = computed(() => actions.value[0])\n\n// Wizard forms (`HasWizard` pages) show their buttons on the last step only.\nconst progress = useStore(wizardProgressStore(store))\nconst showActions = computed(() => formActionsVisible(props.block, progress.value))\n\nconst trigger = async (action: ActionSchema, ctx: ActionContext) => {\n  if (action.url && !action.hasAction) {\n    return runner.trigger(action, ctx)\n  }\n\n  submitting = true\n  submittedBlock = props.block\n  store.setProcessing(true)\n  // A click that blurred a live field started a refresh: send the state it returns.\n  store.whenSettled(() => runner.execute(action, ctx, store.state.values))\n}\n\n// Track this form's own submit visit so unrelated reloads finishing meanwhile (polling,\n// relation-manager paging) neither end its processing state nor count as its success.\nlet submitVisit: string | null = null\n\nconst offStart = router.on('start', (event) => {\n  const visit = event.detail.visit\n\n  if (submitting && !submitVisit && visit.method !== 'get') {\n    submitVisit = visit.id\n  }\n\n  if (visit.method !== 'get') visitBlock = props.block\n})\n\nconst offSuccess = router.on('success', (event) => {\n  const id = submitVisit\n\n  // Another action changed the record: show the server's new form unless it holds edits.\n  if (!id && shouldResyncForm(pageFlash(event.detail.page), store)) {\n    if (props.block !== visitBlock) {\n      store.fill(props.block)\n    } else {\n      resyncPending = true\n    }\n\n    return\n  }\n\n  if (!id || (event.detail.visitId ?? id) !== id) return\n\n  // A halted action (rate limit, `halt()`) saved nothing: keep what the user typed.\n  if (pageFlash(event.detail.page).alfakitAction?.status === 'halted') return\n\n  if (props.block !== submittedBlock) {\n    store.fill(props.block)\n  } else {\n    refillPending = true\n  }\n})\n\n// `refreshFormData([...])`: an action changed the record; copy those fields in.\nconst offRefresh = router.on('success', (event) => {\n  const refresh = formRefreshFor(pageFlash(event.detail.page), props.block.component)\n\n  if (refresh) applyFormRefresh(store, refresh)\n})\n\nconst offFinish = router.on('finish', (event) => {\n  if (submitVisit && event.detail.visit.id !== submitVisit) return\n\n  store.setProcessing(false)\n  submitting = false\n  submitVisit = null\n})\n\nconst offBefore = router.on('before', (event) => {\n  if (!panel.value.unsavedChangesAlerts) {\n    return\n  }\n\n  if (\n    store.isDirty &&\n    !submitting &&\n    isLeavingVisit(event.detail.visit) &&\n    !window.confirm(t('unsaved_changes', {}, 'You have unsaved changes. Leave anyway?'))\n  ) {\n    event.preventDefault()\n  }\n})\n\nonScopeDispose(() => {\n  offStart()\n  offSuccess()\n  offRefresh()\n  offFinish()\n  offBefore()\n  store.destroy()\n})\n\nconst onSubmit = () => {\n  if (primary.value && showActions.value) {\n    void trigger(primary.value, context.value)\n  }\n}\n\n// Enter in a text field runs the primary action (actions are type=\"button\").\nconst onKeydown = (event: KeyboardEvent) => {\n  if (\n    primary.value &&\n    showActions.value &&\n    isImplicitSubmit(event, event.currentTarget as HTMLFormElement)\n  ) {\n    event.preventDefault()\n    void trigger(primary.value, context.value)\n  }\n}\n</script>\n\n<template>\n  <form\n    data-slot=\"form-block\"\n    class=\"flex flex-col gap-6\"\n    @submit.prevent=\"onSubmit\"\n    @keydown=\"onKeydown\"\n  >\n    <fieldset :disabled=\"state.processing || props.block.operation === 'view'\" class=\"contents\">\n      <SchemaRenderer :components=\"state.components\" :columns=\"state.columns\" />\n    </fieldset>\n    <div v-if=\"actions.length > 0 && showActions\" data-slot=\"form-actions\" class=\"border-t pt-6\">\n      <ActionList :actions=\"actions\" :context=\"context\" :on-trigger=\"trigger\" />\n    </div>\n  </form>\n</template>\n"],"mappings":""}

package/dist/components/form/FormBlock.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormBlock.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormBlock.vue"],"names":[],"mappings":"AAgRA,OAAO,KAAK,EAA+B,SAAS,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AA2B9F;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,eAAe,CAAA;CAAE,CAAC;;AA+S9C,wBAMG"}
+{"version":3,"file":"FormBlock.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormBlock.vue"],"names":[],"mappings":"AA6RA,OAAO,KAAK,EAA+B,SAAS,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAmC9F;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,eAAe,CAAA;CAAE,CAAC;;AAoT9C,wBAMG"}

package/dist/components/form/FormBlock.vue_vue_type_script_setup_true_lang.js

@@ -1,106 +1,107 @@
-import { useActionRunner as e, useAlfakitProps as t, usePageSchema as ee, usePanel as n, useT as r } from "../../context.js";
-import { useStore as i } from "../../composables/use-store.js";
-import te from "../actions/ActionList.js";
-import { provideForm as ne } from "./form-context.js";
-import re from "../schema/SchemaRenderer.js";
-import { showToast as ie } from "../notifications/flash-toasts.js";
-import { FormStore as ae, applyFormRefresh as oe, formActionsVisible as a, formIdentity as o, formRefreshFor as s, isImplicitSubmit as c, isLeavingVisit as l, pageFlash as u, pageFormName as d, registerConflictForm as f, registerFormSubmitter as p, registerPageForm as m, resolvePartialProps as h, shouldResyncForm as se, wizardProgressStore as g } from "@alfakit/core";
-import { router as _ } from "@inertiajs/vue3";
-import { computed as v, createCommentVNode as ce, createElementBlock as y, createElementVNode as le, createVNode as b, defineComponent as x, onBeforeUnmount as S, onMounted as C, onScopeDispose as ue, openBlock as w, unref as T, watch as E, withModifiers as D } from "vue";
+import { useActionRunner as e, useAlfakitProps as t, usePageSchema as ee, usePanel as n, useStandalone as te, useT as ne } from "../../context.js";
+import { useStore as r } from "../../composables/use-store.js";
+import re from "../actions/ActionList.js";
+import { provideForm as ie } from "./form-context.js";
+import ae from "../schema/SchemaRenderer.js";
+import { showToast as oe } from "../notifications/flash-toasts.js";
+import { FormStore as i, applyFormRefresh as a, formActionsVisible as o, formIdPrefix as s, formIdentity as c, formRefreshFor as l, isImplicitSubmit as u, isLeavingVisit as d, pageFlash as f, pageFormName as p, registerConflictForm as m, registerFormSubmitter as se, registerPageForm as ce, resolvePartialProps as le, shouldResyncForm as ue, wizardProgressStore as de } from "@alfakit/core";
+import { router as h } from "@inertiajs/vue3";
+import { computed as g, createCommentVNode as fe, createElementBlock as _, createElementVNode as pe, createVNode as v, defineComponent as y, onBeforeUnmount as b, onMounted as x, onScopeDispose as me, openBlock as S, unref as C, useId as w, watch as T, withModifiers as E } from "vue";
 //#region src/components/form/FormBlock.vue?vue&type=script&setup=true&lang.ts
-var O = ["disabled"], k = {
+var D = ["disabled"], O = {
 	key: 0,
 	"data-slot": "form-actions",
 	class: "border-t pt-6"
-}, A = /*@__PURE__*/ x({
+}, k = /*@__PURE__*/ y({
 	__name: "FormBlock",
 	props: { block: {} },
-	setup(x) {
-		let A = x, j = n(), M = ee(), N = t(), P = e(), F = r(), I = v(() => M.value?.token ?? ""), L = new ae(A.block, {
-			token: I.value,
-			component: A.block.component,
-			refreshUrl: j.value.endpoints.schemaRefresh,
-			optionsUrl: j.value.endpoints.schemaOptions,
-			validateUrl: j.value.endpoints.schemaValidate,
-			onNotifications: (e) => e.forEach((e) => ie(e)),
+	setup(y) {
+		let k = y, A = n(), j = ee(), M = t(), N = e(), P = ne(), F = g(() => j.value?.token ?? ""), I = te(), L = w(), R = new i(k.block, {
+			token: F.value,
+			component: k.block.component,
+			idPrefix: I ? s(`form-${L}`) : void 0,
+			refreshUrl: A.value.endpoints.schemaRefresh,
+			optionsUrl: A.value.endpoints.schemaOptions,
+			validateUrl: A.value.endpoints.schemaValidate,
+			onNotifications: (e) => e.forEach((e) => oe(e)),
 			onRefreshed: () => {
-				A.block.liveFilters && _.reload({ only: h(["page"]) });
+				k.block.liveFilters && h.reload({ only: le(["page"]) });
 			}
 		});
-		ne(L);
-		let R;
-		C(() => {
-			let e = d(A.block.component);
-			e && (R = m(e, L));
-		});
+		ie(R);
 		let z;
-		C(() => {
-			A.block.component === "form" && (z = f(L));
-		}), S(() => z?.());
+		x(() => {
+			let e = p(k.block.component);
+			e && (z = ce(e, R));
+		});
 		let B;
-		C(() => {
-			B = p(A.block.component, (e, t) => Z(e, t));
-		}), S(() => {
-			R?.(), B?.();
-		}), E(() => o(M.value, A.block), () => L.fill(A.block)), E(I, (e) => L.setToken(e));
-		let V = null, H = !1, U = !1, W = null;
-		E(() => A.block, (e) => {
-			H && (H = !1, L.fill(e)), U && (U = !1, L.isDirty || L.fill(e));
-		}), E(() => N.value.errors, (e) => L.setErrors(e ?? {}), { immediate: !0 });
-		let G = i(L.store), K = v(() => ({
-			token: I.value,
+		x(() => {
+			k.block.component === "form" && (B = m(R));
+		}), b(() => B?.());
+		let V;
+		x(() => {
+			V = se(k.block.component, (e, t) => Q(e, t));
+		}), b(() => {
+			z?.(), V?.();
+		}), T(() => c(j.value, k.block), () => R.fill(k.block)), T(F, (e) => R.setToken(e));
+		let H = null, U = !1, W = !1, G = null;
+		T(() => k.block, (e) => {
+			U && (U = !1, R.fill(e)), W && (W = !1, R.isDirty || R.fill(e));
+		}), T(() => M.value.errors, (e) => R.setErrors(e ?? {}), { immediate: !0 });
+		let K = r(R.store), q = g(() => ({
+			token: F.value,
 			component: "page"
-		})), q = !1, J = v(() => A.block.actions.map((e) => ({
+		})), J = !1, Y = g(() => k.block.actions.map((e) => ({
 			...e,
 			hasModal: !1
-		}))), Y = v(() => J.value[0]), de = i(g(L)), X = v(() => a(A.block, de.value)), Z = async (e, t) => {
-			if (e.url && !e.hasAction) return P.trigger(e, t);
-			q = !0, V = A.block, L.setProcessing(!0), L.whenSettled(() => P.execute(e, t, L.state.values));
-		}, Q = null, fe = _.on("start", (e) => {
+		}))), X = g(() => Y.value[0]), he = r(de(R)), Z = g(() => o(k.block, he.value)), Q = async (e, t) => {
+			if (e.url && !e.hasAction) return N.trigger(e, t);
+			J = !0, H = k.block, R.setProcessing(!0), R.whenSettled(() => N.execute(e, t, R.state.values));
+		}, $ = null, ge = h.on("start", (e) => {
 			let t = e.detail.visit;
-			q && !Q && t.method !== "get" && (Q = t.id), t.method !== "get" && (W = A.block);
-		}), pe = _.on("success", (e) => {
-			let t = Q;
-			if (!t && se(u(e.detail.page), L)) {
-				A.block === W ? U = !0 : L.fill(A.block);
+			J && !$ && t.method !== "get" && ($ = t.id), t.method !== "get" && (G = k.block);
+		}), _e = h.on("success", (e) => {
+			let t = $;
+			if (!t && ue(f(e.detail.page), R)) {
+				k.block === G ? W = !0 : R.fill(k.block);
 				return;
 			}
-			t && (e.detail.visitId ?? t) === t && u(e.detail.page).alfakitAction?.status !== "halted" && (A.block === V ? H = !0 : L.fill(A.block));
-		}), me = _.on("success", (e) => {
-			let t = s(u(e.detail.page), A.block.component);
-			t && oe(L, t);
-		}), he = _.on("finish", (e) => {
-			Q && e.detail.visit.id !== Q || (L.setProcessing(!1), q = !1, Q = null);
-		}), ge = _.on("before", (e) => {
-			j.value.unsavedChangesAlerts && L.isDirty && !q && l(e.detail.visit) && !window.confirm(F("unsaved_changes", {}, "You have unsaved changes. Leave anyway?")) && e.preventDefault();
+			t && (e.detail.visitId ?? t) === t && f(e.detail.page).alfakitAction?.status !== "halted" && (k.block === H ? U = !0 : R.fill(k.block));
+		}), ve = h.on("success", (e) => {
+			let t = l(f(e.detail.page), k.block.component);
+			t && a(R, t);
+		}), ye = h.on("finish", (e) => {
+			$ && e.detail.visit.id !== $ || (R.setProcessing(!1), J = !1, $ = null);
+		}), be = h.on("before", (e) => {
+			A.value.unsavedChangesAlerts && R.isDirty && !J && d(e.detail.visit) && !window.confirm(P("unsaved_changes", {}, "You have unsaved changes. Leave anyway?")) && e.preventDefault();
 		});
-		ue(() => {
-			fe(), pe(), me(), he(), ge(), L.destroy();
+		me(() => {
+			ge(), _e(), ve(), ye(), be(), R.destroy();
 		});
-		let $ = () => {
-			Y.value && X.value && Z(Y.value, K.value);
-		}, _e = (e) => {
-			Y.value && X.value && c(e, e.currentTarget) && (e.preventDefault(), Z(Y.value, K.value));
+		let xe = () => {
+			X.value && Z.value && Q(X.value, q.value);
+		}, Se = (e) => {
+			X.value && Z.value && u(e, e.currentTarget) && (e.preventDefault(), Q(X.value, q.value));
 		};
-		return (e, t) => (w(), y("form", {
+		return (e, t) => (S(), _("form", {
 			"data-slot": "form-block",
 			class: "flex flex-col gap-6",
-			onSubmit: D($, ["prevent"]),
-			onKeydown: _e
-		}, [le("fieldset", {
-			disabled: T(G).processing || A.block.operation === "view",
+			onSubmit: E(xe, ["prevent"]),
+			onKeydown: Se
+		}, [pe("fieldset", {
+			disabled: C(K).processing || k.block.operation === "view",
 			class: "contents"
-		}, [b(re, {
-			components: T(G).components,
-			columns: T(G).columns
-		}, null, 8, ["components", "columns"])], 8, O), J.value.length > 0 && X.value ? (w(), y("div", k, [b(te, {
-			actions: J.value,
-			context: K.value,
-			"on-trigger": Z
-		}, null, 8, ["actions", "context"])])) : ce("", !0)], 32));
+		}, [v(ae, {
+			components: C(K).components,
+			columns: C(K).columns
+		}, null, 8, ["components", "columns"])], 8, D), Y.value.length > 0 && Z.value ? (S(), _("div", O, [v(re, {
+			actions: Y.value,
+			context: q.value,
+			"on-trigger": Q
+		}, null, 8, ["actions", "context"])])) : fe("", !0)], 32));
 	}
 });
 //#endregion
-export { A as default };
+export { k as default };
 
 //# sourceMappingURL=FormBlock.vue_vue_type_script_setup_true_lang.js.map