@anzusystems/common-admin 2.0.0-rc.1 → 2.0.0-rc.11

package/dist/domains/job/composables/jobPriority.js

@@ -1,7 +1,7 @@
 import { objectGetValueByPath as e } from "../../../shared/utils/object.js";
 import { computed as t } from "vue";
 import { useI18n as n } from "vue-i18n";
-//#region src/domains/job/composables/jobPriority.ts
+// src/domains/job/composables/jobPriority.ts
 var r = () => {
 	let { t: r } = n(), i = t(() => ({
 		0: r("common.job.meta.priority.low"),
@@ -21,7 +21,6 @@ var r = () => {
 		getPriorityLabel: (t) => e(i.value, t.toString()) ?? t.toString()
 	};
 };
-//#endregion
 export { r as useJobPriority };
 
 //# sourceMappingURL=jobPriority.js.map

package/dist/domains/job/factory/JobFactory.js

@@ -1,19 +1,19 @@
-import { dateTimeNow as e } from "../../../shared/utils/datetime.js";
-import { JobStatusDefault as t } from "../valueObject/JobStatus.js";
-//#region src/domains/job/factory/JobFactory.ts
+import { JobStatusDefault as e } from "../valueObject/JobStatus.js";
+import { dateTimeNow as t } from "../../../shared/utils/datetime.js";
+// src/domains/job/factory/JobFactory.ts
 function n() {
 	let n = (n, r) => ({
 		id: 0,
-		scheduledAt: e(),
+		scheduledAt: t(),
 		priority: 1,
-		status: t,
+		status: e,
 		result: "",
 		batchProcessedIterationCount: 0,
 		finishedAt: null,
 		startedAt: null,
 		lastBatchProcessedRecord: "",
-		createdAt: e(),
-		modifiedAt: e(),
+		createdAt: t(),
+		modifiedAt: t(),
 		createdBy: null,
 		modifiedBy: null,
 		_resourceName: n,
@@ -28,7 +28,6 @@ function n() {
 		})
 	};
 }
-//#endregion
 export { n as useCommonJobFactory };
 
 //# sourceMappingURL=JobFactory.js.map

package/dist/domains/job/valueObject/JobBaseResource.js

@@ -1,6 +1,6 @@
 import { ref as e } from "vue";
 import { useI18n as t } from "vue-i18n";
-//#region src/domains/job/valueObject/JobBaseResource.ts
+// src/domains/job/valueObject/JobBaseResource.ts
 var n = "jobUserDataDelete";
 function r(n = []) {
 	let { t: r } = t(), i = e([{
@@ -12,7 +12,6 @@ function r(n = []) {
 		getJobResourceOption: (e) => i.value.find((t) => t.value === e)
 	};
 }
-//#endregion
 export { n as JOB_RESOURCE_USER_DATA_DELETE, r as useJobBaseResource };
 
 //# sourceMappingURL=JobBaseResource.js.map

package/dist/domains/job/valueObject/JobStatus.js

@@ -1,6 +1,6 @@
 import { ref as e } from "vue";
 import { useI18n as t } from "vue-i18n";
-//#region src/domains/job/valueObject/JobStatus.ts
+// src/domains/job/valueObject/JobStatus.ts
 var n = {
 	Waiting: "waiting",
 	Processing: "processing",
@@ -41,7 +41,6 @@ function i() {
 		getJobStatusOption: (e) => i.value.find((t) => t.value === e)
 	};
 }
-//#endregion
 export { n as JobStatus, r as JobStatusDefault, i as useJobStatus };
 
 //# sourceMappingURL=JobStatus.js.map

package/dist/domains/listEditor/components/AListEditor.js

@@ -1,8 +1,7 @@
 import e from "./AListEditor.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                            */
-//#region src/domains/listEditor/components/AListEditor.vue
+// src/domains/listEditor/components/AListEditor.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=AListEditor.js.map

package/dist/domains/listEditor/components/AListEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"AListEditor.js","names":["_sfc_main","AListEditor_vue_vue_type_script_setup_true_lang_default","AListEditor_default"],"sources":["../../../../src/domains/listEditor/components/AListEditor.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"TItem extends Record<string, any>\">\nimport { computed, ref, useSlots, useTemplateRef, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useDisplay } from 'vuetify'\nimport { useKeyboardNav } from '@/domains/listEditor/composables/useKeyboardNav'\nimport {\n  useListEditorController,\n  type GetKey,\n  type ListEditorHandle,\n  type ListEditorValidationResult,\n  type PositionAction,\n  type PositionOption,\n  type PositionStrategy,\n} from '@/domains/listEditor/composables/useListEditorController'\nimport {\n  provideListEditorStateScope,\n  useListEditorStateEntry,\n  type ListEditorStateBindings,\n} from '@/domains/listEditor/composables/useListEditorStateScope'\nimport { resolveCompactText as resolveCompactTextUtil } from '@/domains/listEditor/utils/resolveCompactText'\nimport { useUnsavedSection } from '@/domains/unsavedGuard/composables/useUnsavedSection'\nimport { useDeleteDialog } from '@/domains/listEditor/composables/useDeleteDialog'\nimport { useInlineEditing } from '@/domains/listEditor/composables/useInlineEditing'\nimport { validateAllAndReveal } from '@/domains/listEditor/utils/revealInvalidRows'\nimport { useListEditorScopeValidity } from '@/domains/listEditor/composables/useListEditorScopeValidity'\nimport LeDeleteDialog from '@/domains/listEditor/components/internal/LeDeleteDialog.vue'\nimport LeEmptyState from '@/domains/listEditor/components/internal/LeEmptyState.vue'\nimport LeUnsavedLabel from '@/domains/listEditor/components/internal/LeUnsavedLabel.vue'\nimport type {\n  ListEditorKey,\n  ListEditorValidationScope,\n  ListEditorValidationState,\n  ListViewItem,\n} from '@/domains/listEditor/types/listEditorTypes'\n\nexport interface DecoratedViewItem<T> extends ListViewItem<T> {\n  editing: boolean\n  expanded: boolean\n  loading: boolean\n  dirty: boolean\n  unsaved: boolean\n  validationState: ListEditorValidationState\n}\n\n// Hoisted for vite-plugin-dts d.ts rollup.\nexport interface RowActions<TItem> {\n  edit: () => void\n  save: () => Promise<void> | void\n  cancel: () => void\n  close: () => void\n  delete: () => Promise<void>\n  addAfter: () => void\n  toggleExpand: () => void\n  update: (next: TItem | Partial<TItem> | ((current: TItem) => TItem)) => void\n}\nexport interface RowSlotProps<TItem extends Record<string, any>> {\n  item: DecoratedViewItem<TItem>\n  raw: TItem\n  index: number\n  key: ListEditorKey\n  readonly: boolean\n  disabled: boolean\n  expanded: boolean\n  editing: boolean\n  dirty: boolean\n  /** Aliases `dirty` here (no reorder mode → no `moved` to OR). Same field name as on sortable/nested variants. */\n  unsaved: boolean\n  touch: boolean\n  /**\n   * Row-scoped `state-key` prefix. Thread it down to any list editor rendered in this slot and set\n   * its `:state-key=\"`${stateKeyPrefix}:someList`\"` — that editor's controller then lives in THIS\n   * editor's scope and survives the row collapsing (which unmounts the whole slot subtree). Entries\n   * under this prefix are disposed when the row is removed.\n   */\n  stateKeyPrefix: string\n  actions: RowActions<TItem>\n}\nexport interface EmptySlotProps {\n  readonly: boolean\n  disabled: boolean\n  actions: { add: () => void }\n}\nexport interface AddButtonSlotProps {\n  readonly: boolean\n  disabled: boolean\n  props: { onClick: () => void }\n  actions: { add: () => void }\n}\nexport interface HeaderSlotProps {\n  title: string | null\n}\n\nexport interface Props<TItem extends Record<string, any>> {\n  /**\n   * New-row factory. Add / \"add after\" insert `factory()` through the controller\n   * (positions renumbered) — no consumer `@add` push handler is needed.\n   */\n  factory?: () => TItem\n  /**\n   * Stable row identity. Default `'id'`; never the position field. Typed `string`\n   * not `keyof TItem` because the latter compiles to a Boolean-only runtime prop\n   * type that silently coerces `get-key=\"id\"` to `true`.\n   */\n  getKey?: string | ((item: TItem) => ListEditorKey)\n  /**\n   * Managed order field. Default `'position'`; `false` opts out. `string` must be\n   * listed before `false` (and not be `keyof TItem`): otherwise Vue's runtime\n   * type goes Boolean-first and coerces `position=\"position\"` to `true`.\n   */\n  position?:\n    | string\n    | false\n    | {\n        field: string\n        multiplier?: number\n        strategy?: PositionStrategy\n        strategyOverrides?: Partial<Record<PositionAction, PositionStrategy>>\n      }\n  /**\n   * Extra fields to drop from the dirty content-hash (position is always dropped).\n   * Use when a SEPARATE nested editor already tracks a child collection, so editing\n   * a child doesn't flip the parent row amber. Still saved; only the diff ignores it.\n   */\n  dirtyExclude?: string[]\n  /** Per-row validity — `true` (or `{ valid: true }`) = VALID. Drives the red rail + save guard. */\n  validate?: (item: TItem) => ListEditorValidationResult\n  /**\n   * Vuelidate `$scope` (the same one the consumer's row forms / save-gate collector use). When set,\n   * the editor registers its aggregate validity under it, so a plain `v$.$invalid` save gate blocks\n   * AND reveals a collapsed invalid row — no `validateAll()` call needed in the save flow. Omit to\n   * keep legacy behavior (gate the save on the exposed `validateAll()` yourself); `false` opts out.\n   */\n  validationScope?: ListEditorValidationScope | false\n  /**\n   * Opt-in lifted controller from `useListEditorController()` — pass it so editor\n   * state survives this component's unmount/remount. Omitted: the editor owns one\n   * internally. Either way the `ListEditorHandle` is reachable via `useTemplateRef`.\n   */\n  editor?: ListEditorHandle<TItem>\n  /**\n   * Persist this editor's controller in the nearest ANCESTOR editor's row-state scope under this\n   * key, instead of owning it. Use it for an editor rendered in another editor's `#item` slot: that\n   * slot is behind a `v-if`, so collapsing the row unmounts this editor and a component-owned\n   * controller would re-baseline the already-edited data on re-expand (losing amber, tombstones and\n   * the red rail). Derive the key from the row slot's `stateKeyPrefix`, e.g.\n   * `:state-key=\"`${stateKeyPrefix}:adverts`\"`. Options stay declared here, on this tag: the\n   * controller is built from THIS editor's `factory`/`get-key`/`position`/`dirty-exclude`/`validate`\n   * and rebound to each new instance's model on remount. Ignored when `:editor` is passed, and a\n   * no-op without an ancestor scope.\n   */\n  stateKey?: string\n\n  readonly?: boolean\n  disabled?: boolean\n  loading?: boolean\n  error?: string | null\n\n  /** Heading above the list. A ready translated string, like every text prop here. */\n  title?: string | null\n\n  /**\n   * Field shown in a collapsed row when no `#item-compact` slot is given. A dotted path reads\n   * through nested objects (`texts.title`); a path that runs into nothing renders empty.\n   */\n  compactField?: string | null\n  statusField?: string | null\n  twoRows?: 'never' | 'mobile' | 'always'\n  chips?: boolean\n\n  showAddButton?: boolean\n  showDeleteButton?: boolean\n  showEditButton?: boolean\n  showAddAfterAction?: boolean\n\n  /** Label of the add button. A ready translated string; omit it for the library's own wording. */\n  addLabel?: string | null\n  /** Heading of the empty state. A ready translated string. */\n  emptyTitle?: string | null\n\n  disableRowClick?: boolean\n  disableDeleteConfirm?: boolean\n  /** Disable unsaved-state tracking — no dirty markers, never reads as unsaved. */\n  disableUnsaved?: boolean\n  deleteConfirmTitle?: string | null\n  deleteConfirmText?: string | null\n  /**\n   * How a row delete persists. `deferred` (default): the row disappears but the deletion counts as an\n   * unconfirmed change (`unsavedCount`) until save, and is revertible until then. `immediate`: the\n   * consumer deletes on the backend (`:on-delete`) — the dialog states it is irreversible and the\n   * delete does NOT read as unsaved.\n   */\n  deleteMode?: 'immediate' | 'deferred'\n\n  closeVariant?: 'auto' | 'icon' | 'labeled'\n\n  /**\n   * Render every `#item` slot expanded — no edit pencil, inline footer, or row-click\n   * toggle. Use when all forms should be visible at once (e.g. ThirdPartyTracker).\n   */\n  defaultExpanded?: boolean\n\n  loadingKeys?: Set<ListEditorKey> | null\n\n  onDeleteConfirm?: (item: TItem) => Promise<boolean> | boolean\n  onDelete?: (item: TItem) => Promise<void> | void\n  onItemSave?: (item: TItem) => Promise<void> | void\n\n  /**\n   * Registers this editor as a named unsaved-changes section under this (already\n   * translated) label — replaces a per-consumer `useUnsavedSection` call.\n   */\n  unsavedSectionLabel?: string\n}\n\nconst props = withDefaults(defineProps<Props<TItem>>(), {\n  factory: undefined,\n  getKey: undefined,\n  position: undefined,\n  dirtyExclude: undefined,\n  validate: undefined,\n  validationScope: undefined,\n  editor: undefined,\n  stateKey: undefined,\n  readonly: false,\n  disabled: false,\n  loading: false,\n  error: null,\n  title: null,\n  compactField: null,\n  statusField: null,\n  twoRows: 'never',\n  chips: false,\n  showAddButton: true,\n  showDeleteButton: true,\n  showEditButton: true,\n  showAddAfterAction: false,\n  addLabel: null,\n  emptyTitle: null,\n  disableRowClick: false,\n  disableDeleteConfirm: false,\n  disableUnsaved: false,\n  deleteConfirmTitle: null,\n  deleteConfirmText: null,\n  deleteMode: 'deferred',\n  closeVariant: 'auto',\n  defaultExpanded: false,\n  loadingKeys: null,\n  onDeleteConfirm: undefined,\n  onDelete: undefined,\n  onItemSave: undefined,\n  unsavedSectionLabel: undefined,\n})\n\nconst emit = defineEmits<{\n  edit: [item: ListViewItem<TItem>]\n  deleted: [item: ListViewItem<TItem>]\n  close: [item: ListViewItem<TItem>]\n  'item-saved': [item: ListViewItem<TItem>]\n  'item-expand': [item: ListViewItem<TItem>, expanded: boolean]\n}>()\n\ndefineSlots<{\n  header?: (props: HeaderSlotProps) => unknown\n  empty?: (props: EmptySlotProps) => unknown\n  'add-button'?: (props: AddButtonSlotProps) => unknown\n  item?: (props: RowSlotProps<TItem>) => unknown\n  'item-compact'?: (props: RowSlotProps<TItem>) => unknown\n  'item-readonly'?: (props: RowSlotProps<TItem>) => unknown\n  'item-status'?: (props: RowSlotProps<TItem>) => unknown\n  'item-actions'?: (props: RowSlotProps<TItem>) => unknown\n  'item-footer'?: (props: RowSlotProps<TItem>) => unknown\n  'before-item'?: (props: RowSlotProps<TItem>) => unknown\n  'after-item'?: (props: RowSlotProps<TItem>) => unknown\n}>()\n\nconst modelValue = defineModel<TItem[]>({ required: true })\n\nconst { t } = useI18n()\nconst slots = useSlots()\nconst display = useDisplay()\n\nconst rootEl = useTemplateRef<HTMLElement>('rootEl')\n\nconst isTouch = computed<boolean>(() => display.platform.value.touch)\n\n// State controller (v2). `factory`/`getKey`/`position`/`validate` are construction-time options read\n// once to seed it (undefined → controller defaults 'id'/'position'/always-valid), not reactive props\n// — so the reactivity-loss rule is intentionally suppressed here.\n/* eslint-disable vue/no-setup-props-reactivity-loss */\nconst controllerOptions: ListEditorStateBindings<TItem> = {\n  get: () => modelValue.value,\n  set: (v) => (modelValue.value = v),\n  factory: props.factory,\n  getKey: props.getKey as GetKey<TItem> | undefined,\n  position: props.position as PositionOption<TItem> | undefined,\n  dirtyExclude: () => props.dirtyExclude ?? [],\n  validate: props.validate,\n}\n// Precedence: an explicitly lifted `:editor` wins; then a `state-key`'d entry persisted in the\n// nearest ancestor editor's row-state scope (built from the options above, rebound to this instance\n// on every remount); else this component owns the controller — today's behaviour, unchanged.\nconst stateEntry = props.editor ? null : useListEditorStateEntry<TItem>(props.stateKey, controllerOptions)\nconst controller = props.editor ?? stateEntry?.handle ?? useListEditorController<TItem>(controllerOptions)\n\n// Mirror the controller's key resolution so rendered rows key the way it tracks them.\nconst getKeyOpt = props.getKey ?? 'id'\n/* eslint-enable vue/no-setup-props-reactivity-loss */\n\n// Row-state scope for THIS editor's `#item` slot subtree: a nested editor with a `state-key` builds\n// its controller in here, so it outlives the row collapsing (which unmounts the slot). When this\n// editor is itself persisted, the scope comes from its own entry — so the chain holds at any depth.\nconst rowStateScope = provideListEditorStateScope(stateEntry?.childScope ?? null)\nconst keyOf = (item: TItem): ListEditorKey =>\n  typeof getKeyOpt === 'function' ? getKeyOpt(item) : (item[getKeyOpt as keyof TItem] as ListEditorKey)\n\nconst keyFieldName = computed<string>(() => (typeof getKeyOpt === 'function' ? '(fn)' : (getKeyOpt as string)))\n\n// Managed position field name, mirroring the controller's resolution.\nconst positionFieldName = computed<string>(() => {\n  const p = props.position\n  if (p === undefined) return 'position'\n  if (p === false) return 'position'\n  if (typeof p === 'object') return p.field as string\n  return p as string\n})\n\n// Render projection only — the controller owns the data (key + index + raw + position).\nconst viewItems = computed<ListViewItem<TItem>[]>(() =>\n  modelValue.value.map((raw, index) => ({\n    key: keyOf(raw),\n    index,\n    raw,\n    position: raw[positionFieldName.value] as number | undefined,\n  }))\n)\n\n// Surfaces row-key wiring bugs loudly: undefined or duplicate keys silently break\n// dirty tracking, validity rails and reorder targeting and are hard to trace from\n// symptoms. Deduped per signature so a stable bad state warns once, a new one again.\nconst warnedKeySignatures = new Set<string>()\nconst warnOnBadKeys = (items: ListViewItem<TItem>[]): void => {\n  const seen = new Set<ListEditorKey>()\n  const duplicates = new Set<string>()\n  let missing = 0\n  for (const vi of items) {\n    if (vi.key === undefined || vi.key === null) {\n      missing++\n      continue\n    }\n    if (seen.has(vi.key)) duplicates.add(String(vi.key))\n    seen.add(vi.key)\n  }\n  if (missing === 0 && duplicates.size === 0) return\n  const signature = `${missing}|${[...duplicates].sort().join(',')}`\n  if (warnedKeySignatures.has(signature)) return\n  warnedKeySignatures.add(signature)\n  if (missing > 0) {\n    console.warn(\n      `[list-editor] ${missing} row(s) resolve to an undefined key (key-field \"${keyFieldName.value}\"). ` +\n        'Point get-key at a field every item has, or give new items unique temp ids ' +\n        '(see nextListEditorTempId).'\n    )\n  }\n  if (duplicates.size > 0) {\n    console.warn(\n      `[list-editor] duplicate row keys (key-field \"${keyFieldName.value}\"): ${[...duplicates].join(', ')}. ` +\n        'Row keys must be unique — dirty tracking and validation rails target rows by key.'\n    )\n  }\n}\nwatch(viewItems, (items) => warnOnBadKeys(items), { immediate: true })\n\n// Drop the persisted controllers of rows that no longer exist. `post` so the removed row's subtree\n// has already unmounted (its editors released their entries) before we stop their effect scopes.\nwatch(\n  () => viewItems.value.map((vi) => String(vi.key)).join('|'),\n  () => rowStateScope.retainOwners(viewItems.value.map((vi) => vi.key)),\n  { flush: 'post' }\n)\n\nconst expandedKeys = ref<Set<ListEditorKey>>(new Set())\n\nconst rowsContainer = useTemplateRef<HTMLElement>('rowsContainer')\n\nconst isInlineEdit = computed(() => !props.chips && !!slots.item)\nconst hasReadonlyDetail = computed(() => !props.chips && !!slots['item-readonly'])\n\nconst { editingKeys, editingSnapshots, beginEdit, cancelEdit, commitEdit, closeEdit, requestAutoOpen } =\n  useInlineEditing<TItem, ListViewItem<TItem>>({\n    rowsContainer,\n    rowSelector: '.a-le-row',\n    isInlineEdit,\n    restoreSnapshot: (key, data) => controller.updateItem(key, data),\n    watchKeys: () => modelValue.value.map((it) => keyOf(it)),\n    findEntry: (key) => {\n      const hit = modelValue.value.find((it) => keyOf(it) === key)\n      return hit ? { data: hit } : null\n    },\n    afterAutoOpen: (key) => {\n      expandedKeys.value.delete(key)\n    },\n  })\n\nconst addLabelResolved = computed(() => props.addLabel ?? t('common.sortable.add'))\nconst emptyTitleResolved = computed(() => props.emptyTitle ?? t('common.sortable.emptyTitle'))\nconst deleteConfirmTitleResolved = computed(() => props.deleteConfirmTitle ?? t('common.sortable.deleteConfirmTitle'))\nconst deleteConfirmTextResolved = computed(\n  () =>\n    props.deleteConfirmText ??\n    (props.deleteMode === 'immediate'\n      ? t('common.sortable.deleteConfirmText')\n      : t('common.sortable.deleteConfirmTextDeferred'))\n)\n\nconst canInteract = computed(() => !props.readonly && !props.disabled && !props.loading)\nconst canAdd = computed(() => canInteract.value && props.showAddButton)\n\n// Total unconfirmed-change count (added/edited/moved rows + deferred deletions). A delete lights this\n// up even though its row is gone. Shown as a header badge + exposed on the handle.\nconst unsavedCount = controller.unsavedCount\nconst unsavedCountVisible = computed(() => !props.readonly && !props.disableUnsaved && unsavedCount.value > 0)\nconst headerVisible = computed(() => !!(props.title || slots.header) || unsavedCountVisible.value)\n\n// Per-row Save/Cancel footer only makes sense with a per-item persist callback;\n// without one the parent form's global save flushes everything, so hide it.\nconst showInlineSaveFooter = computed(() => !!props.onItemSave)\n\n// Per-key decorator cache: reuse the cached object when base item AND every flag\n// match, giving slot consumers a stable reference for unchanged rows. `disableUnsaved`\n// suppresses only the amber marker — the validation rail still shows, since hiding\n// dirty-state shouldn't hide a real error.\nconst decoratorCache = new Map<ListEditorKey, DecoratedViewItem<TItem>>()\nconst viewItemsDecorated = computed<DecoratedViewItem<TItem>[]>(() => {\n  const next: DecoratedViewItem<TItem>[] = []\n  const liveKeys = new Set<ListEditorKey>()\n  for (const vi of viewItems.value) {\n    liveKeys.add(vi.key)\n    const editing = editingKeys.value.has(vi.key)\n    const expanded = expandedKeys.value.has(vi.key)\n    const loading = props.loadingKeys?.has(vi.key) ?? false\n    // Readonly can't have user-unsaved changes; never paint amber there (also avoids\n    // a mount-before-load baseline marking every loaded row added). (QA 85050 sweep)\n    const unsaved = props.disableUnsaved || props.readonly ? false : controller.isUnsaved(vi.key)\n    const dirty = unsaved\n    // `editing` → the controller reads amber (not red) while the row is being filled in. (QA 85050 b7)\n    const validationState = controller.rowState(vi.raw, vi.key, editing)\n    const cached = decoratorCache.get(vi.key)\n    if (\n      cached &&\n      cached.raw === vi.raw &&\n      cached.index === vi.index &&\n      cached.position === vi.position &&\n      cached.editing === editing &&\n      cached.expanded === expanded &&\n      cached.loading === loading &&\n      cached.dirty === dirty &&\n      cached.unsaved === unsaved &&\n      cached.validationState === validationState\n    ) {\n      next.push(cached)\n      continue\n    }\n    const decorated: DecoratedViewItem<TItem> = {\n      ...vi,\n      editing,\n      expanded,\n      loading,\n      dirty,\n      unsaved,\n      validationState,\n    }\n    decoratorCache.set(vi.key, decorated)\n    next.push(decorated)\n  }\n  for (const key of decoratorCache.keys()) {\n    if (!liveKeys.has(key)) decoratorCache.delete(key)\n  }\n  return next\n})\n\nconst isEmpty = computed(() => viewItemsDecorated.value.length === 0)\n\nconst findVi = (key: ListEditorKey): DecoratedViewItem<TItem> | undefined =>\n  viewItemsDecorated.value.find((v) => v.key === key)\n\nconst keyboardNav = useKeyboardNav({\n  viewItems: computed(() => viewItemsDecorated.value.map((vi) => ({ key: vi.key }))),\n  variant: 'flat',\n  isReorderMode: ref(false),\n  disabled: computed(() => !canInteract.value),\n  isEditing: (key) => editingKeys.value.has(key),\n  onToggleEdit: (key) => {\n    const vi = findVi(key)\n    if (vi) onEditClick(vi)\n  },\n  onCancelEdit: (key) => {\n    const vi = findVi(key)\n    if (vi) onCloseClick(vi)\n  },\n})\n\nconst resolveCompactText = (raw: TItem): string => resolveCompactTextUtil(raw, { compactField: props.compactField })\n\n// Managed add: the controller inserts `factory()` and renumbers; the inline-editing\n// watch picks up the new key off the model change and auto-opens it.\nconst onAddClick = () => {\n  if (!canAdd.value) return\n  requestAutoOpen()\n  controller.addItem(undefined, undefined)\n}\n\nconst onRowAddAfterClick = (vi: ListViewItem<TItem>) => {\n  if (!canInteract.value) return\n  requestAutoOpen()\n  controller.addItem(undefined, { afterId: vi.key })\n}\n\nconst onEditClick = (vi: ListViewItem<TItem>) => {\n  if (!canInteract.value) return\n  // Toggle: edit while already editing closes the form, matching row-header click.\n  if (editingKeys.value.has(vi.key)) {\n    onCloseClick(vi)\n    return\n  }\n  if (isInlineEdit.value) {\n    beginEdit(vi)\n    expandedKeys.value.delete(vi.key)\n  }\n  emit('edit', vi)\n}\n\nconst onExpandClick = (vi: ListViewItem<TItem>) => {\n  if (props.disabled || props.loading) return\n  const key = vi.key\n  const currentlyExpanded = expandedKeys.value.has(key)\n  if (currentlyExpanded) {\n    expandedKeys.value.delete(key)\n  } else {\n    for (const k of expandedKeys.value) expandedKeys.value.delete(k)\n    expandedKeys.value.add(key)\n  }\n  emit('item-expand', vi, !currentlyExpanded)\n}\n\nconst isRowClickable = (vi: DecoratedViewItem<TItem>): boolean => {\n  if (props.chips) return false\n  if (props.disableRowClick) return false\n  if (props.defaultExpanded) return false\n  if (props.disabled || props.loading) return false\n  if (vi.editing || vi.expanded) return true\n  if (!props.readonly && props.showEditButton) return true\n  return false\n}\n\nconst onRowClick = (vi: DecoratedViewItem<TItem>) => {\n  if (!isRowClickable(vi)) return\n  if (vi.editing || vi.expanded) {\n    onCloseClick(vi)\n    return\n  }\n  if (props.readonly && hasReadonlyDetail.value) {\n    onExpandClick(vi)\n  } else {\n    onEditClick(vi)\n  }\n}\n\nconst {\n  deleteDialog,\n  deleteInFlight,\n  deleteError,\n  onDeleteClick: triggerDeleteClick,\n  onDeleteDialogConfirm,\n  onDeleteDialogCancel,\n} = useDeleteDialog<TItem, ListViewItem<TItem>>({\n  onDeleteConfirm: (raw) => (props.onDeleteConfirm ? props.onDeleteConfirm(raw) : true),\n  onDelete: (raw) => props.onDelete?.(raw),\n  onDeleted: (vi) => {\n    editingKeys.value.delete(vi.key)\n    editingSnapshots.value.delete(vi.key)\n    expandedKeys.value.delete(vi.key)\n    // Controller owns removal: a temp row vanishes; a saved row is recorded in `getChanges().deleted`\n    // and counts as an unconfirmed change (deferred) — unless immediate mode (already deleted on the\n    // backend), which skips the tombstone.\n    controller.deleteItem(vi.key, { trackDeleted: props.deleteMode === 'deferred' })\n    emit('deleted', vi)\n  },\n  disableDeleteConfirm: () => props.disableDeleteConfirm || props.chips,\n})\n\nconst onDeleteClick = async (vi: ListViewItem<TItem>) => {\n  if (!canInteract.value) return\n  await triggerDeleteClick(vi)\n}\n\n// In-flight guard: a second click while the consumer's save is pending must not send a duplicate.\n// A rejected save keeps the row open and still reaches the app's error handler, as before the guard.\nconst savingKeys = ref<Set<ListEditorKey>>(new Set())\nconst onSaveClick = async (vi: ListViewItem<TItem>) => {\n  if (savingKeys.value.has(vi.key)) return\n  savingKeys.value.add(vi.key)\n  try {\n    if (props.onItemSave) await props.onItemSave(vi.raw)\n  } finally {\n    savingKeys.value.delete(vi.key)\n  }\n  commitEdit(vi)\n  emit('item-saved', vi)\n}\n\nconst onCancelClick = (vi: ListViewItem<TItem>) => {\n  cancelEdit(vi)\n}\n\nconst onCloseClick = (vi: ListViewItem<TItem>) => {\n  closeEdit(vi)\n  expandedKeys.value.delete(vi.key)\n  emit('close', vi)\n}\n\n// Per-key actions cache: each row's `actions` bundle is allocated once so slot\n// consumers get a stable identity (no prop-ref churn → no spurious re-renders).\n// Closures capture the stable key and look up the live decorator via `findVi(key)`.\ntype ActionsBundle = {\n  edit: () => void\n  save: () => Promise<void> | void\n  cancel: () => void\n  close: () => void\n  delete: () => Promise<void>\n  addAfter: () => void\n  toggleExpand: () => void\n  update: (next: TItem | Partial<TItem> | ((current: TItem) => TItem)) => void\n}\nconst actionsCache = new Map<ListEditorKey, ActionsBundle>()\nconst getActions = (key: ListEditorKey): ActionsBundle => {\n  let actions = actionsCache.get(key)\n  if (!actions) {\n    actions = {\n      edit: () => {\n        const vi = findVi(key)\n        if (vi) onEditClick(vi)\n      },\n      save: () => {\n        const vi = findVi(key)\n        return vi ? onSaveClick(vi) : undefined\n      },\n      cancel: () => {\n        const vi = findVi(key)\n        if (vi) onCancelClick(vi)\n      },\n      close: () => {\n        const vi = findVi(key)\n        if (vi) onCloseClick(vi)\n      },\n      delete: async () => {\n        const vi = findVi(key)\n        if (vi) await onDeleteClick(vi)\n      },\n      addAfter: () => {\n        const vi = findVi(key)\n        if (vi) onRowAddAfterClick(vi)\n      },\n      toggleExpand: () => {\n        const vi = findVi(key)\n        if (vi) onExpandClick(vi)\n      },\n      update: (next) => controller.updateItem(key, next),\n    }\n    actionsCache.set(key, actions)\n  }\n  return actions\n}\n// Garbage-collect cache entries for keys that have left the model.\nwatch(\n  () => viewItemsDecorated.value,\n  (now) => {\n    if (actionsCache.size === 0) return\n    const liveKeys = new Set(now.map((v) => v.key))\n    for (const key of actionsCache.keys()) {\n      if (!liveKeys.has(key)) actionsCache.delete(key)\n    }\n  }\n)\n\nconst buildSlotProps = (vi: DecoratedViewItem<TItem>) => ({\n  item: vi,\n  raw: vi.raw,\n  index: vi.index,\n  key: vi.key,\n  readonly: props.readonly,\n  disabled: props.disabled,\n  expanded: vi.expanded,\n  editing: vi.editing || props.defaultExpanded,\n  dirty: vi.dirty,\n  unsaved: vi.unsaved,\n  touch: isTouch.value,\n  stateKeyPrefix: rowStateScope.prefixFor(vi.key),\n  actions: getActions(vi.key),\n})\n\n// Named unsaved-changes section, registered only when a label is passed.\nuseUnsavedSection(() =>\n  props.unsavedSectionLabel && !props.disableUnsaved\n    ? { label: props.unsavedSectionLabel, dirty: controller.hasUnsaved.value }\n    : []\n)\n\n// Opens invalid rows so a blocked save surfaces WHICH rows are wrong instead of a collapsed red\n// rail. The body is gated on `editing` not `expanded`, so drive `beginEdit` not `expandedKeys`\n// (QA 85050 B4-17). Shared by the exposed `validateAll` and the scope-collector reveal-on-touch.\nconst runValidateAndReveal = (): boolean =>\n  validateAllAndReveal(controller, (key) => {\n    const vi = viewItems.value.find((v) => v.key === key)\n    if (vi) beginEdit(vi)\n  })\n\n// Auto-bridge the editor's aggregate validity into the consumer's `validation-scope` collector so a\n// plain `$invalid` save gate blocks (and reveals) a collapsed invalid row. No-op without the prop.\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss -- construction-time opt-in, read once\nuseListEditorScopeValidity({\n  hasErrors: controller.hasErrors,\n  validationScope: props.validationScope,\n  validateProvided: props.validate !== undefined,\n  reveal: runValidateAndReveal,\n})\n\n// Expose the controller handle via `useTemplateRef<ListEditorHandle<TItem>>`.\ndefineExpose<ListEditorHandle<TItem>>({\n  ...controller,\n  validateAll: runValidateAndReveal,\n})\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    class=\"a-list-editor\"\n    :class=\"[\n      `a-list-editor--two-rows-${twoRows}`,\n      {\n        'a-list-editor--readonly': readonly,\n        'a-list-editor--disabled': disabled,\n        'a-list-editor--touch': isTouch,\n        'a-list-editor--chips': chips,\n      },\n    ]\"\n  >\n    <div\n      ref=\"rowsContainer\"\n      class=\"a-le-card\"\n    >\n      <div\n        v-if=\"headerVisible\"\n        class=\"a-le-header\"\n      >\n        <slot\n          name=\"header\"\n          :title=\"title\"\n        >\n          <h3\n            v-if=\"title\"\n            class=\"a-le-title-heading\"\n          >\n            {{ title }}\n          </h3>\n        </slot>\n        <span\n          v-if=\"unsavedCountVisible\"\n          class=\"a-le-unsaved-count\"\n          :data-unsaved-count=\"unsavedCount\"\n        >\n          {{ t('common.sortable.pendingChanges', { count: unsavedCount }) }}\n        </span>\n      </div>\n\n      <div\n        v-if=\"loading\"\n        class=\"a-le-state a-le-state--loading\"\n      >\n        <VProgressCircular\n          indeterminate\n          color=\"primary\"\n          size=\"32\"\n        />\n      </div>\n\n      <div\n        v-else-if=\"error\"\n        class=\"a-le-state a-le-state--error\"\n      >\n        <VAlert\n          type=\"error\"\n          variant=\"tonal\"\n          density=\"compact\"\n          border=\"start\"\n        >\n          {{ error }}\n        </VAlert>\n      </div>\n\n      <div\n        v-else-if=\"isEmpty\"\n        class=\"a-le-state a-le-state--empty\"\n      >\n        <slot\n          name=\"empty\"\n          :readonly=\"readonly\"\n          :disabled=\"disabled\"\n          :actions=\"{ add: onAddClick }\"\n        >\n          <LeEmptyState\n            :title=\"emptyTitleResolved\"\n            :add-label=\"addLabelResolved\"\n            :can-add=\"canAdd\"\n            @add=\"onAddClick\"\n          />\n        </slot>\n      </div>\n\n      <template v-else>\n        <div\n          v-for=\"vi in viewItemsDecorated\"\n          :key=\"String(vi.key)\"\n          class=\"a-le-row-wrapper\"\n        >\n          <!-- Interstitial slots render as SIBLINGS of `.a-le-row` (inside this\n               wrapper), so consumer content placed between rows never inherits the\n               row's unsaved/editing/validation tint. (QA 85050 BUG-04/05) -->\n          <slot\n            name=\"before-item\"\n            v-bind=\"buildSlotProps(vi)\"\n          />\n\n          <div\n            :data-id=\"String(vi.key)\"\n            role=\"listitem\"\n            :tabindex=\"keyboardNav.rowTabindex(vi.key)\"\n            class=\"a-le-row\"\n            :class=\"{\n              'a-le-row--two-rows': twoRows === 'always',\n              'a-le-row--editing': vi.editing,\n              'a-le-row--expanded': vi.expanded,\n              'a-le-row--unsaved': vi.unsaved,\n              'a-le-row--clickable': isRowClickable(vi),\n              [`a-le-row--validation-${vi.validationState}`]: vi.validationState !== null,\n            }\"\n            @keydown=\"keyboardNav.handleKeydown(vi.key, $event)\"\n          >\n            <div\n              class=\"a-le-row-header\"\n              @click=\"onRowClick(vi)\"\n            >\n              <div class=\"a-le-row-main\">\n                <slot\n                  name=\"item-compact\"\n                  v-bind=\"buildSlotProps(vi)\"\n                >\n                  <span class=\"a-le-title\">\n                    {{ resolveCompactText(vi.raw) }}\n                  </span>\n                </slot>\n                <LeUnsavedLabel\n                  v-if=\"vi.unsaved\"\n                  :dot-only=\"chips\"\n                />\n              </div>\n\n              <div\n                v-if=\"!chips\"\n                class=\"a-le-status\"\n              >\n                <slot\n                  name=\"item-status\"\n                  v-bind=\"buildSlotProps(vi)\"\n                >\n                  <span\n                    v-if=\"statusField && vi.raw[statusField] != null && vi.raw[statusField] !== ''\"\n                    class=\"a-le-status-badge\"\n                  >\n                    {{ vi.raw[statusField] }}\n                  </span>\n                </slot>\n              </div>\n\n              <div class=\"a-le-actions\">\n                <slot\n                  name=\"item-actions\"\n                  v-bind=\"buildSlotProps(vi)\"\n                >\n                  <VBtn\n                    v-if=\"chips && showDeleteButton && canInteract\"\n                    icon\n                    size=\"x-small\"\n                    variant=\"text\"\n                    density=\"compact\"\n                    :active=\"false\"\n                    class=\"a-le-action a-le-action--chip-close\"\n                    :aria-label=\"t('common.sortable.delete')\"\n                    @click.stop=\"onDeleteClick(vi)\"\n                  >\n                    <VIcon\n                      icon=\"mdi-close\"\n                      size=\"14\"\n                    />\n                  </VBtn>\n                  <template v-else>\n                    <VBtn\n                      v-if=\"showEditButton && canInteract && !defaultExpanded\"\n                      :aria-label=\"t('common.sortable.edit')\"\n                      icon\n                      size=\"small\"\n                      variant=\"tonal\"\n                      color=\"primary\"\n                      density=\"comfortable\"\n                      class=\"mx-1 a-le-action a-le-action--edit\"\n                      @click.stop=\"onEditClick(vi)\"\n                    >\n                      <VIcon\n                        icon=\"mdi-pencil-outline\"\n                        size=\"18\"\n                      />\n                      <VTooltip\n                        activator=\"parent\"\n                        location=\"bottom\"\n                        :text=\"t('common.sortable.edit')\"\n                      />\n                    </VBtn>\n                    <VBtn\n                      v-if=\"showDeleteButton && canInteract\"\n                      :aria-label=\"t('common.sortable.delete')\"\n                      icon\n                      size=\"small\"\n                      variant=\"text\"\n                      density=\"comfortable\"\n                      class=\"mx-1 a-le-action a-le-action--delete\"\n                      @click.stop=\"onDeleteClick(vi)\"\n                    >\n                      <VIcon\n                        icon=\"mdi-trash-can-outline\"\n                        size=\"18\"\n                      />\n                      <VTooltip\n                        activator=\"parent\"\n                        location=\"bottom\"\n                        :text=\"t('common.sortable.delete')\"\n                      />\n                    </VBtn>\n                    <VBtn\n                      v-if=\"showAddAfterAction && canInteract\"\n                      icon\n                      size=\"small\"\n                      variant=\"text\"\n                      density=\"comfortable\"\n                      :active=\"false\"\n                      class=\"mx-1 a-le-action a-le-action--menu\"\n                      :aria-label=\"t('common.sortable.more')\"\n                    >\n                      <VIcon\n                        icon=\"mdi-dots-vertical\"\n                        size=\"18\"\n                      />\n                      <VTooltip\n                        activator=\"parent\"\n                        location=\"bottom\"\n                        :text=\"t('common.sortable.more')\"\n                      />\n                      <VMenu activator=\"parent\">\n                        <VList density=\"compact\">\n                          <VListItem @click=\"onRowAddAfterClick(vi)\">\n                            <template #prepend>\n                              <VIcon icon=\"mdi-plus\" />\n                            </template>\n                            <VListItemTitle>\n                              {{ t('common.sortable.addAfter') }}\n                            </VListItemTitle>\n                          </VListItem>\n                        </VList>\n                      </VMenu>\n                    </VBtn>\n                  </template>\n                </slot>\n              </div>\n            </div>\n\n            <template v-if=\"(vi.editing || defaultExpanded) && $slots.item\">\n              <div class=\"a-le-row-body\">\n                <div class=\"a-le-form\">\n                  <slot\n                    name=\"item\"\n                    v-bind=\"buildSlotProps(vi)\"\n                  />\n                </div>\n              </div>\n              <slot\n                name=\"item-footer\"\n                v-bind=\"buildSlotProps(vi)\"\n              >\n                <div\n                  v-if=\"showInlineSaveFooter && !defaultExpanded\"\n                  class=\"a-le-row-footer\"\n                >\n                  <div class=\"a-le-row-footer-spacer\" />\n                  <VBtn\n                    variant=\"text\"\n                    :disabled=\"vi.loading\"\n                    @click.stop=\"onCancelClick(vi)\"\n                  >\n                    {{ t('common.button.cancel') }}\n                  </VBtn>\n                  <VBtn\n                    color=\"primary\"\n                    variant=\"flat\"\n                    prepend-icon=\"mdi-check\"\n                    :disabled=\"vi.loading\"\n                    @click.stop=\"onSaveClick(vi)\"\n                  >\n                    {{ t('common.button.save') }}\n                  </VBtn>\n                </div>\n              </slot>\n            </template>\n\n            <div\n              v-else-if=\"$slots['item-readonly'] && (readonly || vi.expanded)\"\n              class=\"a-le-row-body\"\n            >\n              <div class=\"a-le-form\">\n                <slot\n                  name=\"item-readonly\"\n                  v-bind=\"buildSlotProps(vi)\"\n                />\n              </div>\n            </div>\n          </div>\n\n          <slot\n            name=\"after-item\"\n            v-bind=\"buildSlotProps(vi)\"\n          />\n        </div>\n      </template>\n\n      <slot\n        v-if=\"canAdd && !loading && !error && !isEmpty\"\n        name=\"add-button\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n        :props=\"{ onClick: onAddClick }\"\n        :actions=\"{ add: onAddClick }\"\n      >\n        <button\n          type=\"button\"\n          class=\"a-le-row-add\"\n          @click=\"onAddClick\"\n        >\n          <VIcon\n            icon=\"mdi-plus\"\n            size=\"18\"\n          />\n          <span>{{ addLabelResolved }}</span>\n        </button>\n      </slot>\n    </div>\n\n    <LeDeleteDialog\n      v-model=\"deleteDialog\"\n      :title=\"deleteConfirmTitleResolved\"\n      :text=\"deleteConfirmTextResolved\"\n      :confirm-label=\"t('common.sortable.delete')\"\n      :cancel-label=\"t('common.button.cancel')\"\n      :error=\"deleteError\"\n      :in-flight=\"deleteInFlight\"\n      @confirm=\"onDeleteDialogConfirm\"\n      @cancel=\"onDeleteDialogCancel\"\n    />\n\n    <div\n      class=\"a-le-sr-only\"\n      aria-live=\"polite\"\n      role=\"status\"\n    >\n      {{\n        keyboardNav.grabbedKey.value !== null\n          ? t('common.sortable.keyboardGrab.status', {\n              n: keyboardNav.grabbedIndex.value + 1,\n              total: keyboardNav.totalCount.value,\n            })\n          : ''\n      }}\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n@use '../styles/tokens';\n@use '../styles/shared';\n\n// Variant-specific rules, scoped under the AListEditor root.\n.a-list-editor {\n  // Chips: 12px left padding (flat) vs 8px in sortable, which reserves drag-handle room.\n  &--chips .a-le-row-header {\n    padding: 2px 4px 2px 12px;\n    gap: 4px;\n    min-height: 28px;\n  }\n}\n\n// Narrow/mobile layout: taller rows, always-visible actions, status badge dropped for room.\n/* stylelint-disable selector-max-compound-selectors */\n@container le-shell (max-width: 768px) {\n  .a-list-editor {\n    --le-row-min-height: 48px;\n    --le-row-pad-y: 10px;\n\n    .a-le-row:not(.a-le-row--editing) .a-le-status {\n      display: none;\n    }\n\n    .a-le-row .a-le-action--edit,\n    .a-le-row .a-le-action--delete,\n    .a-le-row .a-le-action--menu {\n      opacity: 1;\n    }\n  }\n}\n/* stylelint-enable selector-max-compound-selectors */\n</style>\n"],"mappings":""}
+{"version":3,"file":"AListEditor.js","names":["_sfc_main","AListEditor_vue_vue_type_script_setup_true_lang_default","AListEditor_default"],"sources":["../../../../src/domains/listEditor/components/AListEditor.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"TItem extends Record<string, any>\">\nimport { computed, ref, useSlots, useTemplateRef, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useDisplay } from 'vuetify'\nimport { useKeyboardNav } from '@/domains/listEditor/composables/useKeyboardNav'\nimport {\n  useListEditorController,\n  type GetKey,\n  type ListEditorHandle,\n  type ListEditorValidationResult,\n  type PositionAction,\n  type PositionOption,\n  type PositionStrategy,\n} from '@/domains/listEditor/composables/useListEditorController'\nimport {\n  provideListEditorStateScope,\n  useListEditorStateEntry,\n  type ListEditorStateBindings,\n} from '@/domains/listEditor/composables/useListEditorStateScope'\nimport { resolveCompactText as resolveCompactTextUtil } from '@/domains/listEditor/utils/resolveCompactText'\nimport { useUnsavedSection } from '@/domains/unsavedGuard/composables/useUnsavedSection'\nimport { useDeleteDialog } from '@/domains/listEditor/composables/useDeleteDialog'\nimport { useInlineEditing } from '@/domains/listEditor/composables/useInlineEditing'\nimport { validateAllAndReveal } from '@/domains/listEditor/utils/revealInvalidRows'\nimport { useListEditorScopeValidity } from '@/domains/listEditor/composables/useListEditorScopeValidity'\nimport LeDeleteDialog from '@/domains/listEditor/components/internal/LeDeleteDialog.vue'\nimport LeEmptyState from '@/domains/listEditor/components/internal/LeEmptyState.vue'\nimport LeUnsavedLabel from '@/domains/listEditor/components/internal/LeUnsavedLabel.vue'\nimport type {\n  ListEditorKey,\n  ListEditorValidationScope,\n  ListEditorValidationState,\n  ListViewItem,\n} from '@/domains/listEditor/types/listEditorTypes'\n\nexport interface DecoratedViewItem<T> extends ListViewItem<T> {\n  editing: boolean\n  expanded: boolean\n  loading: boolean\n  dirty: boolean\n  unsaved: boolean\n  validationState: ListEditorValidationState\n}\n\n// Hoisted for vite-plugin-dts d.ts rollup.\nexport interface RowActions<TItem> {\n  edit: () => void\n  save: () => Promise<void> | void\n  cancel: () => void\n  close: () => void\n  delete: () => Promise<void>\n  addAfter: () => void\n  toggleExpand: () => void\n  update: (next: TItem | Partial<TItem> | ((current: TItem) => TItem)) => void\n}\nexport interface RowSlotProps<TItem extends Record<string, any>> {\n  item: DecoratedViewItem<TItem>\n  raw: TItem\n  index: number\n  key: ListEditorKey\n  readonly: boolean\n  disabled: boolean\n  expanded: boolean\n  editing: boolean\n  dirty: boolean\n  /** Aliases `dirty` here (no reorder mode → no `moved` to OR). Same field name as on sortable/nested variants. */\n  unsaved: boolean\n  touch: boolean\n  /**\n   * Row-scoped `state-key` prefix. Thread it down to any list editor rendered in this slot and set\n   * its `:state-key=\"`${stateKeyPrefix}:someList`\"` — that editor's controller then lives in THIS\n   * editor's scope and survives the row collapsing (which unmounts the whole slot subtree). Entries\n   * under this prefix are disposed when the row is removed.\n   */\n  stateKeyPrefix: string\n  actions: RowActions<TItem>\n}\nexport interface EmptySlotProps {\n  readonly: boolean\n  disabled: boolean\n  actions: { add: () => void }\n}\nexport interface AddButtonSlotProps {\n  readonly: boolean\n  disabled: boolean\n  props: { onClick: () => void }\n  actions: { add: () => void }\n}\nexport interface HeaderSlotProps {\n  title: string | null\n}\n\nexport interface Props<TItem extends Record<string, any>> {\n  /**\n   * New-row factory. Add / \"add after\" insert `factory()` through the controller\n   * (positions renumbered) — no consumer `@add` push handler is needed.\n   */\n  factory?: () => TItem\n  /**\n   * Stable row identity. Default `'id'`; never the position field. Typed `string`\n   * not `keyof TItem` because the latter compiles to a Boolean-only runtime prop\n   * type that silently coerces `get-key=\"id\"` to `true`.\n   */\n  getKey?: string | ((item: TItem) => ListEditorKey)\n  /**\n   * Managed order field. Default `'position'`; `false` opts out. `string` must be\n   * listed before `false` (and not be `keyof TItem`): otherwise Vue's runtime\n   * type goes Boolean-first and coerces `position=\"position\"` to `true`.\n   */\n  position?:\n    | string\n    | false\n    | {\n        field: string\n        multiplier?: number\n        strategy?: PositionStrategy\n        strategyOverrides?: Partial<Record<PositionAction, PositionStrategy>>\n      }\n  /**\n   * Extra fields to drop from the dirty content-hash (position is always dropped).\n   * Use when a SEPARATE nested editor already tracks a child collection, so editing\n   * a child doesn't flip the parent row amber. Still saved; only the diff ignores it.\n   */\n  dirtyExclude?: string[]\n  /** Per-row validity — `true` (or `{ valid: true }`) = VALID. Drives the red rail + save guard. */\n  validate?: (item: TItem) => ListEditorValidationResult\n  /**\n   * Vuelidate `$scope` (the same one the consumer's row forms / save-gate collector use). When set,\n   * the editor registers its aggregate validity under it, so a plain `v$.$invalid` save gate blocks\n   * AND reveals a collapsed invalid row — no `validateAll()` call needed in the save flow. Omit to\n   * keep legacy behavior (gate the save on the exposed `validateAll()` yourself); `false` opts out.\n   */\n  validationScope?: ListEditorValidationScope | false\n  /**\n   * Opt-in lifted controller from `useListEditorController()` — pass it so editor\n   * state survives this component's unmount/remount. Omitted: the editor owns one\n   * internally. Either way the `ListEditorHandle` is reachable via `useTemplateRef`.\n   */\n  editor?: ListEditorHandle<TItem>\n  /**\n   * Persist this editor's controller in the nearest ANCESTOR editor's row-state scope under this\n   * key, instead of owning it. Use it for an editor rendered in another editor's `#item` slot: that\n   * slot is behind a `v-if`, so collapsing the row unmounts this editor and a component-owned\n   * controller would re-baseline the already-edited data on re-expand (losing amber, tombstones and\n   * the red rail). Derive the key from the row slot's `stateKeyPrefix`, e.g.\n   * `:state-key=\"`${stateKeyPrefix}:adverts`\"`. Options stay declared here, on this tag: the\n   * controller is built from THIS editor's `factory`/`get-key`/`position`/`dirty-exclude`/`validate`\n   * and rebound to each new instance's model on remount. Ignored when `:editor` is passed, and a\n   * no-op without an ancestor scope.\n   */\n  stateKey?: string\n\n  readonly?: boolean\n  disabled?: boolean\n  loading?: boolean\n  error?: string | null\n\n  /** Heading above the list. A ready translated string, like every text prop here. */\n  title?: string | null\n\n  /**\n   * Field shown in a collapsed row when no `#item-compact` slot is given. A dotted path reads\n   * through nested objects (`texts.title`); a path that runs into nothing renders empty.\n   */\n  compactField?: string | null\n  statusField?: string | null\n  twoRows?: 'never' | 'mobile' | 'always'\n  chips?: boolean\n\n  showAddButton?: boolean\n  showDeleteButton?: boolean\n  showEditButton?: boolean\n  showAddAfterAction?: boolean\n\n  /** Label of the add button. A ready translated string; omit it for the library's own wording. */\n  addLabel?: string | null\n  /** Heading of the empty state. A ready translated string. */\n  emptyTitle?: string | null\n\n  disableRowClick?: boolean\n  disableDeleteConfirm?: boolean\n  /** Disable unsaved-state tracking — no dirty markers, never reads as unsaved. */\n  disableUnsaved?: boolean\n  deleteConfirmTitle?: string | null\n  deleteConfirmText?: string | null\n  /**\n   * How a row delete persists. `deferred` (default): the row disappears but the deletion counts as an\n   * unconfirmed change (`unsavedCount`) until save, and is revertible until then. `immediate`: the\n   * consumer deletes on the backend (`:on-delete`) — the dialog states it is irreversible and the\n   * delete does NOT read as unsaved.\n   */\n  deleteMode?: 'immediate' | 'deferred'\n\n  closeVariant?: 'auto' | 'icon' | 'labeled'\n\n  /**\n   * Render every `#item` slot expanded — no edit pencil, inline footer, or row-click\n   * toggle. Use when all forms should be visible at once (e.g. ThirdPartyTracker).\n   */\n  defaultExpanded?: boolean\n\n  loadingKeys?: Set<ListEditorKey> | null\n\n  onDeleteConfirm?: (item: TItem) => Promise<boolean> | boolean\n  onDelete?: (item: TItem) => Promise<void> | void\n  onItemSave?: (item: TItem) => Promise<void> | void\n\n  /**\n   * Registers this editor as a named unsaved-changes section under this (already\n   * translated) label — replaces a per-consumer `useUnsavedSection` call.\n   */\n  unsavedSectionLabel?: string\n}\n\nconst props = withDefaults(defineProps<Props<TItem>>(), {\n  factory: undefined,\n  getKey: undefined,\n  position: undefined,\n  dirtyExclude: undefined,\n  validate: undefined,\n  validationScope: undefined,\n  editor: undefined,\n  stateKey: undefined,\n  readonly: false,\n  disabled: false,\n  loading: false,\n  error: null,\n  title: null,\n  compactField: null,\n  statusField: null,\n  twoRows: 'never',\n  chips: false,\n  showAddButton: true,\n  showDeleteButton: true,\n  showEditButton: true,\n  showAddAfterAction: false,\n  addLabel: null,\n  emptyTitle: null,\n  disableRowClick: false,\n  disableDeleteConfirm: false,\n  disableUnsaved: false,\n  deleteConfirmTitle: null,\n  deleteConfirmText: null,\n  deleteMode: 'deferred',\n  closeVariant: 'auto',\n  defaultExpanded: false,\n  loadingKeys: null,\n  onDeleteConfirm: undefined,\n  onDelete: undefined,\n  onItemSave: undefined,\n  unsavedSectionLabel: undefined,\n})\n\nconst emit = defineEmits<{\n  edit: [item: ListViewItem<TItem>]\n  deleted: [item: ListViewItem<TItem>]\n  close: [item: ListViewItem<TItem>]\n  'item-saved': [item: ListViewItem<TItem>]\n  'item-expand': [item: ListViewItem<TItem>, expanded: boolean]\n}>()\n\ndefineSlots<{\n  header?: (props: HeaderSlotProps) => unknown\n  empty?: (props: EmptySlotProps) => unknown\n  'add-button'?: (props: AddButtonSlotProps) => unknown\n  item?: (props: RowSlotProps<TItem>) => unknown\n  'item-compact'?: (props: RowSlotProps<TItem>) => unknown\n  'item-readonly'?: (props: RowSlotProps<TItem>) => unknown\n  'item-status'?: (props: RowSlotProps<TItem>) => unknown\n  'item-actions'?: (props: RowSlotProps<TItem>) => unknown\n  'item-footer'?: (props: RowSlotProps<TItem>) => unknown\n  'before-item'?: (props: RowSlotProps<TItem>) => unknown\n  'after-item'?: (props: RowSlotProps<TItem>) => unknown\n}>()\n\nconst modelValue = defineModel<TItem[]>({ required: true })\n\nconst { t } = useI18n()\nconst slots = useSlots()\nconst display = useDisplay()\n\nconst rootEl = useTemplateRef<HTMLElement>('rootEl')\n\nconst isTouch = computed<boolean>(() => display.platform.value.touch)\n\n// State controller (v2). `factory`/`getKey`/`position`/`validate` are construction-time options read\n// once to seed it (undefined → controller defaults 'id'/'position'/always-valid), not reactive props\n// — so the reactivity-loss rule is intentionally suppressed here.\n/* eslint-disable vue/no-setup-props-reactivity-loss */\nconst controllerOptions: ListEditorStateBindings<TItem> = {\n  get: () => modelValue.value,\n  set: (v) => (modelValue.value = v),\n  factory: props.factory,\n  getKey: props.getKey as GetKey<TItem> | undefined,\n  position: props.position as PositionOption<TItem> | undefined,\n  dirtyExclude: () => props.dirtyExclude ?? [],\n  validate: props.validate,\n}\n// Precedence: an explicitly lifted `:editor` wins; then a `state-key`'d entry persisted in the\n// nearest ancestor editor's row-state scope (built from the options above, rebound to this instance\n// on every remount); else this component owns the controller — today's behaviour, unchanged.\nconst stateEntry = props.editor ? null : useListEditorStateEntry<TItem>(props.stateKey, controllerOptions)\nconst controller = props.editor ?? stateEntry?.handle ?? useListEditorController<TItem>(controllerOptions)\n\n// Mirror the controller's key resolution so rendered rows key the way it tracks them.\nconst getKeyOpt = props.getKey ?? 'id'\n/* eslint-enable vue/no-setup-props-reactivity-loss */\n\n// Row-state scope for THIS editor's `#item` slot subtree: a nested editor with a `state-key` builds\n// its controller in here, so it outlives the row collapsing (which unmounts the slot). When this\n// editor is itself persisted, the scope comes from its own entry — so the chain holds at any depth.\nconst rowStateScope = provideListEditorStateScope(stateEntry?.childScope ?? null)\nconst keyOf = (item: TItem): ListEditorKey =>\n  typeof getKeyOpt === 'function' ? getKeyOpt(item) : (item[getKeyOpt as keyof TItem] as ListEditorKey)\n\nconst keyFieldName = computed<string>(() => (typeof getKeyOpt === 'function' ? '(fn)' : (getKeyOpt as string)))\n\n// Managed position field name, mirroring the controller's resolution.\nconst positionFieldName = computed<string>(() => {\n  const p = props.position\n  if (p === undefined) return 'position'\n  if (p === false) return 'position'\n  if (typeof p === 'object') return p.field as string\n  return p as string\n})\n\n// Render projection only — the controller owns the data (key + index + raw + position).\nconst viewItems = computed<ListViewItem<TItem>[]>(() =>\n  modelValue.value.map((raw, index) => ({\n    key: keyOf(raw),\n    index,\n    raw,\n    position: raw[positionFieldName.value] as number | undefined,\n  }))\n)\n\n// Surfaces row-key wiring bugs loudly: undefined or duplicate keys silently break\n// dirty tracking, validity rails and reorder targeting and are hard to trace from\n// symptoms. Deduped per signature so a stable bad state warns once, a new one again.\nconst warnedKeySignatures = new Set<string>()\nconst warnOnBadKeys = (items: ListViewItem<TItem>[]): void => {\n  const seen = new Set<ListEditorKey>()\n  const duplicates = new Set<string>()\n  let missing = 0\n  for (const vi of items) {\n    if (vi.key === undefined || vi.key === null) {\n      missing++\n      continue\n    }\n    if (seen.has(vi.key)) duplicates.add(String(vi.key))\n    seen.add(vi.key)\n  }\n  if (missing === 0 && duplicates.size === 0) return\n  const signature = `${missing}|${[...duplicates].sort().join(',')}`\n  if (warnedKeySignatures.has(signature)) return\n  warnedKeySignatures.add(signature)\n  if (missing > 0) {\n    console.warn(\n      `[list-editor] ${missing} row(s) resolve to an undefined key (key-field \"${keyFieldName.value}\"). ` +\n        'Point get-key at a field every item has, or give new items unique temp ids ' +\n        '(see nextListEditorTempId).'\n    )\n  }\n  if (duplicates.size > 0) {\n    console.warn(\n      `[list-editor] duplicate row keys (key-field \"${keyFieldName.value}\"): ${[...duplicates].join(', ')}. ` +\n        'Row keys must be unique — dirty tracking and validation rails target rows by key.'\n    )\n  }\n}\nwatch(viewItems, (items) => warnOnBadKeys(items), { immediate: true })\n\n// Drop the persisted controllers of rows that no longer exist. `post` so the removed row's subtree\n// has already unmounted (its editors released their entries) before we stop their effect scopes.\nwatch(\n  () => viewItems.value.map((vi) => String(vi.key)).join('|'),\n  () => rowStateScope.retainOwners(viewItems.value.map((vi) => vi.key)),\n  { flush: 'post' }\n)\n\nconst expandedKeys = ref<Set<ListEditorKey>>(new Set())\n\nconst rowsContainer = useTemplateRef<HTMLElement>('rowsContainer')\n\nconst isInlineEdit = computed(() => !props.chips && !!slots.item)\nconst hasReadonlyDetail = computed(() => !props.chips && !!slots['item-readonly'])\n\nconst { editingKeys, editingSnapshots, beginEdit, cancelEdit, commitEdit, closeEdit, requestAutoOpen } =\n  useInlineEditing<TItem, ListViewItem<TItem>>({\n    rowsContainer,\n    rowSelector: '.a-le-row',\n    isInlineEdit,\n    restoreSnapshot: (key, data) => controller.updateItem(key, data),\n    watchKeys: () => modelValue.value.map((it) => keyOf(it)),\n    findEntry: (key) => {\n      const hit = modelValue.value.find((it) => keyOf(it) === key)\n      return hit ? { data: hit } : null\n    },\n    afterAutoOpen: (key) => {\n      expandedKeys.value.delete(key)\n    },\n  })\n\nconst addLabelResolved = computed(() => props.addLabel ?? t('common.sortable.add'))\nconst emptyTitleResolved = computed(() => props.emptyTitle ?? t('common.sortable.emptyTitle'))\nconst deleteConfirmTitleResolved = computed(() => props.deleteConfirmTitle ?? t('common.sortable.deleteConfirmTitle'))\nconst deleteConfirmTextResolved = computed(\n  () =>\n    props.deleteConfirmText ??\n    (props.deleteMode === 'immediate'\n      ? t('common.sortable.deleteConfirmText')\n      : t('common.sortable.deleteConfirmTextDeferred'))\n)\n\nconst canInteract = computed(() => !props.readonly && !props.disabled && !props.loading)\nconst canAdd = computed(() => canInteract.value && props.showAddButton)\n\n// Total unconfirmed-change count (added/edited/moved rows + deferred deletions). A delete lights this\n// up even though its row is gone. Shown as a header badge + exposed on the handle.\nconst unsavedCount = controller.unsavedCount\nconst unsavedCountVisible = computed(() => !props.readonly && !props.disableUnsaved && unsavedCount.value > 0)\nconst headerVisible = computed(() => !!(props.title || slots.header) || unsavedCountVisible.value)\n\n// Per-row Save/Cancel footer only makes sense with a per-item persist callback;\n// without one the parent form's global save flushes everything, so hide it.\nconst showInlineSaveFooter = computed(() => !!props.onItemSave)\n\n// Per-key decorator cache: reuse the cached object when base item AND every flag\n// match, giving slot consumers a stable reference for unchanged rows. `disableUnsaved`\n// suppresses only the amber marker — the validation rail still shows, since hiding\n// dirty-state shouldn't hide a real error.\nconst decoratorCache = new Map<ListEditorKey, DecoratedViewItem<TItem>>()\nconst viewItemsDecorated = computed<DecoratedViewItem<TItem>[]>(() => {\n  const next: DecoratedViewItem<TItem>[] = []\n  const liveKeys = new Set<ListEditorKey>()\n  for (const vi of viewItems.value) {\n    liveKeys.add(vi.key)\n    const editing = editingKeys.value.has(vi.key)\n    const expanded = expandedKeys.value.has(vi.key)\n    const loading = props.loadingKeys?.has(vi.key) ?? false\n    // Readonly can't have user-unsaved changes; never paint amber there (also avoids\n    // a mount-before-load baseline marking every loaded row added). (QA 85050 sweep)\n    const unsaved = props.disableUnsaved || props.readonly ? false : controller.isUnsaved(vi.key)\n    const dirty = unsaved\n    // `editing` → the controller reads amber (not red) while the row is being filled in. (QA 85050 b7)\n    const validationState = controller.rowState(vi.raw, vi.key, editing)\n    const cached = decoratorCache.get(vi.key)\n    if (\n      cached &&\n      cached.raw === vi.raw &&\n      cached.index === vi.index &&\n      cached.position === vi.position &&\n      cached.editing === editing &&\n      cached.expanded === expanded &&\n      cached.loading === loading &&\n      cached.dirty === dirty &&\n      cached.unsaved === unsaved &&\n      cached.validationState === validationState\n    ) {\n      next.push(cached)\n      continue\n    }\n    const decorated: DecoratedViewItem<TItem> = {\n      ...vi,\n      editing,\n      expanded,\n      loading,\n      dirty,\n      unsaved,\n      validationState,\n    }\n    decoratorCache.set(vi.key, decorated)\n    next.push(decorated)\n  }\n  for (const key of decoratorCache.keys()) {\n    if (!liveKeys.has(key)) decoratorCache.delete(key)\n  }\n  return next\n})\n\nconst isEmpty = computed(() => viewItemsDecorated.value.length === 0)\n\nconst findVi = (key: ListEditorKey): DecoratedViewItem<TItem> | undefined =>\n  viewItemsDecorated.value.find((v) => v.key === key)\n\nconst keyboardNav = useKeyboardNav({\n  viewItems: computed(() => viewItemsDecorated.value.map((vi) => ({ key: vi.key }))),\n  variant: 'flat',\n  isReorderMode: ref(false),\n  disabled: computed(() => !canInteract.value),\n  isEditing: (key) => editingKeys.value.has(key),\n  onToggleEdit: (key) => {\n    const vi = findVi(key)\n    if (vi) onEditClick(vi)\n  },\n  onCancelEdit: (key) => {\n    const vi = findVi(key)\n    if (vi) onCloseClick(vi)\n  },\n})\n\nconst resolveCompactText = (raw: TItem): string => resolveCompactTextUtil(raw, { compactField: props.compactField })\n\n// Managed add: the controller inserts `factory()` and renumbers; the inline-editing\n// watch picks up the new key off the model change and auto-opens it.\nconst onAddClick = () => {\n  if (!canAdd.value) return\n  requestAutoOpen()\n  controller.addItem(undefined, undefined)\n}\n\nconst onRowAddAfterClick = (vi: ListViewItem<TItem>) => {\n  if (!canInteract.value) return\n  requestAutoOpen()\n  controller.addItem(undefined, { afterId: vi.key })\n}\n\nconst onEditClick = (vi: ListViewItem<TItem>) => {\n  if (!canInteract.value) return\n  // Toggle: edit while already editing closes the form, matching row-header click.\n  if (editingKeys.value.has(vi.key)) {\n    onCloseClick(vi)\n    return\n  }\n  if (isInlineEdit.value) {\n    beginEdit(vi)\n    expandedKeys.value.delete(vi.key)\n  }\n  emit('edit', vi)\n}\n\nconst onExpandClick = (vi: ListViewItem<TItem>) => {\n  if (props.disabled || props.loading) return\n  const key = vi.key\n  const currentlyExpanded = expandedKeys.value.has(key)\n  if (currentlyExpanded) {\n    expandedKeys.value.delete(key)\n  } else {\n    for (const k of expandedKeys.value) expandedKeys.value.delete(k)\n    expandedKeys.value.add(key)\n  }\n  emit('item-expand', vi, !currentlyExpanded)\n}\n\nconst isRowClickable = (vi: DecoratedViewItem<TItem>): boolean => {\n  if (props.chips) return false\n  if (props.disableRowClick) return false\n  if (props.defaultExpanded) return false\n  if (props.disabled || props.loading) return false\n  if (vi.editing || vi.expanded) return true\n  if (!props.readonly && props.showEditButton) return true\n  return false\n}\n\nconst onRowClick = (vi: DecoratedViewItem<TItem>) => {\n  if (!isRowClickable(vi)) return\n  if (vi.editing || vi.expanded) {\n    onCloseClick(vi)\n    return\n  }\n  if (props.readonly && hasReadonlyDetail.value) {\n    onExpandClick(vi)\n  } else {\n    onEditClick(vi)\n  }\n}\n\nconst {\n  deleteDialog,\n  deleteInFlight,\n  deleteError,\n  onDeleteClick: triggerDeleteClick,\n  onDeleteDialogConfirm,\n  onDeleteDialogCancel,\n} = useDeleteDialog<TItem, ListViewItem<TItem>>({\n  onDeleteConfirm: (raw) => (props.onDeleteConfirm ? props.onDeleteConfirm(raw) : true),\n  onDelete: (raw) => props.onDelete?.(raw),\n  onDeleted: (vi) => {\n    editingKeys.value.delete(vi.key)\n    editingSnapshots.value.delete(vi.key)\n    expandedKeys.value.delete(vi.key)\n    // Controller owns removal: a temp row vanishes; a saved row is recorded in `getChanges().deleted`\n    // and counts as an unconfirmed change (deferred) — unless immediate mode (already deleted on the\n    // backend), which skips the tombstone.\n    controller.deleteItem(vi.key, { trackDeleted: props.deleteMode === 'deferred' })\n    emit('deleted', vi)\n  },\n  disableDeleteConfirm: () => props.disableDeleteConfirm || props.chips,\n})\n\nconst onDeleteClick = async (vi: ListViewItem<TItem>) => {\n  if (!canInteract.value) return\n  await triggerDeleteClick(vi)\n}\n\n// Blocks a second click while the consumer's save is pending, so no duplicate is sent.\n// A rejected save keeps the row open and still reaches the app's error handler.\nconst savingKeys = ref<Set<ListEditorKey>>(new Set())\nconst onSaveClick = async (vi: ListViewItem<TItem>) => {\n  if (savingKeys.value.has(vi.key)) return\n  savingKeys.value.add(vi.key)\n  try {\n    if (props.onItemSave) await props.onItemSave(vi.raw)\n  } finally {\n    savingKeys.value.delete(vi.key)\n  }\n  commitEdit(vi)\n  emit('item-saved', vi)\n}\n\nconst onCancelClick = (vi: ListViewItem<TItem>) => {\n  cancelEdit(vi)\n}\n\nconst onCloseClick = (vi: ListViewItem<TItem>) => {\n  closeEdit(vi)\n  expandedKeys.value.delete(vi.key)\n  emit('close', vi)\n}\n\n// Per-key actions cache: each row's `actions` bundle is allocated once so slot\n// consumers get a stable identity (no prop-ref churn → no spurious re-renders).\n// Closures capture the stable key and look up the live decorator via `findVi(key)`.\ntype ActionsBundle = {\n  edit: () => void\n  save: () => Promise<void> | void\n  cancel: () => void\n  close: () => void\n  delete: () => Promise<void>\n  addAfter: () => void\n  toggleExpand: () => void\n  update: (next: TItem | Partial<TItem> | ((current: TItem) => TItem)) => void\n}\nconst actionsCache = new Map<ListEditorKey, ActionsBundle>()\nconst getActions = (key: ListEditorKey): ActionsBundle => {\n  let actions = actionsCache.get(key)\n  if (!actions) {\n    actions = {\n      edit: () => {\n        const vi = findVi(key)\n        if (vi) onEditClick(vi)\n      },\n      save: () => {\n        const vi = findVi(key)\n        return vi ? onSaveClick(vi) : undefined\n      },\n      cancel: () => {\n        const vi = findVi(key)\n        if (vi) onCancelClick(vi)\n      },\n      close: () => {\n        const vi = findVi(key)\n        if (vi) onCloseClick(vi)\n      },\n      delete: async () => {\n        const vi = findVi(key)\n        if (vi) await onDeleteClick(vi)\n      },\n      addAfter: () => {\n        const vi = findVi(key)\n        if (vi) onRowAddAfterClick(vi)\n      },\n      toggleExpand: () => {\n        const vi = findVi(key)\n        if (vi) onExpandClick(vi)\n      },\n      update: (next) => controller.updateItem(key, next),\n    }\n    actionsCache.set(key, actions)\n  }\n  return actions\n}\n// Garbage-collect cache entries for keys that have left the model.\nwatch(\n  () => viewItemsDecorated.value,\n  (now) => {\n    if (actionsCache.size === 0) return\n    const liveKeys = new Set(now.map((v) => v.key))\n    for (const key of actionsCache.keys()) {\n      if (!liveKeys.has(key)) actionsCache.delete(key)\n    }\n  }\n)\n\nconst buildSlotProps = (vi: DecoratedViewItem<TItem>) => ({\n  item: vi,\n  raw: vi.raw,\n  index: vi.index,\n  key: vi.key,\n  readonly: props.readonly,\n  disabled: props.disabled,\n  expanded: vi.expanded,\n  editing: vi.editing || props.defaultExpanded,\n  dirty: vi.dirty,\n  unsaved: vi.unsaved,\n  touch: isTouch.value,\n  stateKeyPrefix: rowStateScope.prefixFor(vi.key),\n  actions: getActions(vi.key),\n})\n\n// Named unsaved-changes section, registered only when a label is passed.\nuseUnsavedSection(() =>\n  props.unsavedSectionLabel && !props.disableUnsaved\n    ? { label: props.unsavedSectionLabel, dirty: controller.hasUnsaved.value }\n    : []\n)\n\n// Opens invalid rows so a blocked save surfaces WHICH rows are wrong instead of a collapsed red\n// rail. The body is gated on `editing` not `expanded`, so drive `beginEdit` not `expandedKeys`\n// (QA 85050 B4-17). Shared by the exposed `validateAll` and the scope-collector reveal-on-touch.\nconst runValidateAndReveal = (): boolean =>\n  validateAllAndReveal(controller, (key) => {\n    const vi = viewItems.value.find((v) => v.key === key)\n    if (vi) beginEdit(vi)\n  })\n\n// Auto-bridge the editor's aggregate validity into the consumer's `validation-scope` collector so a\n// plain `$invalid` save gate blocks (and reveals) a collapsed invalid row. No-op without the prop.\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss -- construction-time opt-in, read once\nuseListEditorScopeValidity({\n  hasErrors: controller.hasErrors,\n  validationScope: props.validationScope,\n  validateProvided: props.validate !== undefined,\n  reveal: runValidateAndReveal,\n})\n\n// Expose the controller handle via `useTemplateRef<ListEditorHandle<TItem>>`.\ndefineExpose<ListEditorHandle<TItem>>({\n  ...controller,\n  validateAll: runValidateAndReveal,\n})\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    class=\"a-list-editor\"\n    :class=\"[\n      `a-list-editor--two-rows-${twoRows}`,\n      {\n        'a-list-editor--readonly': readonly,\n        'a-list-editor--disabled': disabled,\n        'a-list-editor--touch': isTouch,\n        'a-list-editor--chips': chips,\n      },\n    ]\"\n  >\n    <div\n      ref=\"rowsContainer\"\n      class=\"a-le-card\"\n    >\n      <div\n        v-if=\"headerVisible\"\n        class=\"a-le-header\"\n      >\n        <slot\n          name=\"header\"\n          :title=\"title\"\n        >\n          <h3\n            v-if=\"title\"\n            class=\"a-le-title-heading\"\n          >\n            {{ title }}\n          </h3>\n        </slot>\n        <span\n          v-if=\"unsavedCountVisible\"\n          class=\"a-le-unsaved-count\"\n          :data-unsaved-count=\"unsavedCount\"\n        >\n          {{ t('common.sortable.pendingChanges', { count: unsavedCount }) }}\n        </span>\n      </div>\n\n      <div\n        v-if=\"loading\"\n        class=\"a-le-state a-le-state--loading\"\n      >\n        <VProgressCircular\n          indeterminate\n          color=\"primary\"\n          size=\"32\"\n        />\n      </div>\n\n      <div\n        v-else-if=\"error\"\n        class=\"a-le-state a-le-state--error\"\n      >\n        <VAlert\n          type=\"error\"\n          variant=\"tonal\"\n          density=\"compact\"\n          border=\"start\"\n        >\n          {{ error }}\n        </VAlert>\n      </div>\n\n      <div\n        v-else-if=\"isEmpty\"\n        class=\"a-le-state a-le-state--empty\"\n      >\n        <slot\n          name=\"empty\"\n          :readonly=\"readonly\"\n          :disabled=\"disabled\"\n          :actions=\"{ add: onAddClick }\"\n        >\n          <LeEmptyState\n            :title=\"emptyTitleResolved\"\n            :add-label=\"addLabelResolved\"\n            :can-add=\"canAdd\"\n            @add=\"onAddClick\"\n          />\n        </slot>\n      </div>\n\n      <template v-else>\n        <div\n          v-for=\"vi in viewItemsDecorated\"\n          :key=\"String(vi.key)\"\n          class=\"a-le-row-wrapper\"\n        >\n          <!-- Interstitial slots render as SIBLINGS of `.a-le-row` (inside this\n               wrapper), so consumer content placed between rows never inherits the\n               row's unsaved/editing/validation tint. (QA 85050 BUG-04/05) -->\n          <slot\n            name=\"before-item\"\n            v-bind=\"buildSlotProps(vi)\"\n          />\n\n          <div\n            :data-id=\"String(vi.key)\"\n            role=\"listitem\"\n            :tabindex=\"keyboardNav.rowTabindex(vi.key)\"\n            class=\"a-le-row\"\n            :class=\"{\n              'a-le-row--two-rows': twoRows === 'always',\n              'a-le-row--editing': vi.editing,\n              'a-le-row--expanded': vi.expanded,\n              'a-le-row--unsaved': vi.unsaved,\n              'a-le-row--clickable': isRowClickable(vi),\n              [`a-le-row--validation-${vi.validationState}`]: vi.validationState !== null,\n            }\"\n            @keydown=\"keyboardNav.handleKeydown(vi.key, $event)\"\n          >\n            <div\n              class=\"a-le-row-header\"\n              @click=\"onRowClick(vi)\"\n            >\n              <div class=\"a-le-row-main\">\n                <slot\n                  name=\"item-compact\"\n                  v-bind=\"buildSlotProps(vi)\"\n                >\n                  <span class=\"a-le-title\">\n                    {{ resolveCompactText(vi.raw) }}\n                  </span>\n                </slot>\n                <LeUnsavedLabel\n                  v-if=\"vi.unsaved\"\n                  :dot-only=\"chips\"\n                />\n              </div>\n\n              <div\n                v-if=\"!chips\"\n                class=\"a-le-status\"\n              >\n                <slot\n                  name=\"item-status\"\n                  v-bind=\"buildSlotProps(vi)\"\n                >\n                  <span\n                    v-if=\"statusField && vi.raw[statusField] != null && vi.raw[statusField] !== ''\"\n                    class=\"a-le-status-badge\"\n                  >\n                    {{ vi.raw[statusField] }}\n                  </span>\n                </slot>\n              </div>\n\n              <div class=\"a-le-actions\">\n                <slot\n                  name=\"item-actions\"\n                  v-bind=\"buildSlotProps(vi)\"\n                >\n                  <VBtn\n                    v-if=\"chips && showDeleteButton && canInteract\"\n                    icon\n                    size=\"x-small\"\n                    variant=\"text\"\n                    density=\"compact\"\n                    :active=\"false\"\n                    class=\"a-le-action a-le-action--chip-close\"\n                    :aria-label=\"t('common.sortable.delete')\"\n                    @click.stop=\"onDeleteClick(vi)\"\n                  >\n                    <VIcon\n                      icon=\"mdi-close\"\n                      size=\"14\"\n                    />\n                  </VBtn>\n                  <template v-else>\n                    <VBtn\n                      v-if=\"showEditButton && canInteract && !defaultExpanded\"\n                      :aria-label=\"t('common.sortable.edit')\"\n                      icon\n                      size=\"small\"\n                      variant=\"tonal\"\n                      color=\"primary\"\n                      density=\"comfortable\"\n                      class=\"mx-1 a-le-action a-le-action--edit\"\n                      @click.stop=\"onEditClick(vi)\"\n                    >\n                      <VIcon\n                        icon=\"mdi-pencil-outline\"\n                        size=\"18\"\n                      />\n                      <VTooltip\n                        activator=\"parent\"\n                        location=\"bottom\"\n                        :text=\"t('common.sortable.edit')\"\n                      />\n                    </VBtn>\n                    <VBtn\n                      v-if=\"showDeleteButton && canInteract\"\n                      :aria-label=\"t('common.sortable.delete')\"\n                      icon\n                      size=\"small\"\n                      variant=\"text\"\n                      density=\"comfortable\"\n                      class=\"mx-1 a-le-action a-le-action--delete\"\n                      @click.stop=\"onDeleteClick(vi)\"\n                    >\n                      <VIcon\n                        icon=\"mdi-trash-can-outline\"\n                        size=\"18\"\n                      />\n                      <VTooltip\n                        activator=\"parent\"\n                        location=\"bottom\"\n                        :text=\"t('common.sortable.delete')\"\n                      />\n                    </VBtn>\n                    <VBtn\n                      v-if=\"showAddAfterAction && canInteract\"\n                      icon\n                      size=\"small\"\n                      variant=\"text\"\n                      density=\"comfortable\"\n                      :active=\"false\"\n                      class=\"mx-1 a-le-action a-le-action--menu\"\n                      :aria-label=\"t('common.sortable.more')\"\n                    >\n                      <VIcon\n                        icon=\"mdi-dots-vertical\"\n                        size=\"18\"\n                      />\n                      <VTooltip\n                        activator=\"parent\"\n                        location=\"bottom\"\n                        :text=\"t('common.sortable.more')\"\n                      />\n                      <VMenu activator=\"parent\">\n                        <VList density=\"compact\">\n                          <VListItem @click=\"onRowAddAfterClick(vi)\">\n                            <template #prepend>\n                              <VIcon icon=\"mdi-plus\" />\n                            </template>\n                            <VListItemTitle>\n                              {{ t('common.sortable.addAfter') }}\n                            </VListItemTitle>\n                          </VListItem>\n                        </VList>\n                      </VMenu>\n                    </VBtn>\n                  </template>\n                </slot>\n              </div>\n            </div>\n\n            <template v-if=\"(vi.editing || defaultExpanded) && $slots.item\">\n              <div class=\"a-le-row-body\">\n                <div class=\"a-le-form\">\n                  <slot\n                    name=\"item\"\n                    v-bind=\"buildSlotProps(vi)\"\n                  />\n                </div>\n              </div>\n              <slot\n                name=\"item-footer\"\n                v-bind=\"buildSlotProps(vi)\"\n              >\n                <div\n                  v-if=\"showInlineSaveFooter && !defaultExpanded\"\n                  class=\"a-le-row-footer\"\n                >\n                  <div class=\"a-le-row-footer-spacer\" />\n                  <VBtn\n                    variant=\"text\"\n                    :disabled=\"vi.loading\"\n                    @click.stop=\"onCancelClick(vi)\"\n                  >\n                    {{ t('common.button.cancel') }}\n                  </VBtn>\n                  <VBtn\n                    color=\"primary\"\n                    variant=\"flat\"\n                    prepend-icon=\"mdi-check\"\n                    :disabled=\"vi.loading\"\n                    @click.stop=\"onSaveClick(vi)\"\n                  >\n                    {{ t('common.button.save') }}\n                  </VBtn>\n                </div>\n              </slot>\n            </template>\n\n            <div\n              v-else-if=\"$slots['item-readonly'] && (readonly || vi.expanded)\"\n              class=\"a-le-row-body\"\n            >\n              <div class=\"a-le-form\">\n                <slot\n                  name=\"item-readonly\"\n                  v-bind=\"buildSlotProps(vi)\"\n                />\n              </div>\n            </div>\n          </div>\n\n          <slot\n            name=\"after-item\"\n            v-bind=\"buildSlotProps(vi)\"\n          />\n        </div>\n      </template>\n\n      <slot\n        v-if=\"canAdd && !loading && !error && !isEmpty\"\n        name=\"add-button\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n        :props=\"{ onClick: onAddClick }\"\n        :actions=\"{ add: onAddClick }\"\n      >\n        <button\n          type=\"button\"\n          class=\"a-le-row-add\"\n          @click=\"onAddClick\"\n        >\n          <VIcon\n            icon=\"mdi-plus\"\n            size=\"18\"\n          />\n          <span>{{ addLabelResolved }}</span>\n        </button>\n      </slot>\n    </div>\n\n    <LeDeleteDialog\n      v-model=\"deleteDialog\"\n      :title=\"deleteConfirmTitleResolved\"\n      :text=\"deleteConfirmTextResolved\"\n      :confirm-label=\"t('common.sortable.delete')\"\n      :cancel-label=\"t('common.button.cancel')\"\n      :error=\"deleteError\"\n      :in-flight=\"deleteInFlight\"\n      @confirm=\"onDeleteDialogConfirm\"\n      @cancel=\"onDeleteDialogCancel\"\n    />\n\n    <div\n      class=\"a-le-sr-only\"\n      aria-live=\"polite\"\n      role=\"status\"\n    >\n      {{\n        keyboardNav.grabbedKey.value !== null\n          ? t('common.sortable.keyboardGrab.status', {\n              n: keyboardNav.grabbedIndex.value + 1,\n              total: keyboardNav.totalCount.value,\n            })\n          : ''\n      }}\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n@use '../styles/tokens';\n@use '../styles/shared';\n\n// Variant-specific rules, scoped under the AListEditor root.\n.a-list-editor {\n  // Chips: 12px left padding (flat) vs 8px in sortable, which reserves drag-handle room.\n  &--chips .a-le-row-header {\n    padding: 2px 4px 2px 12px;\n    gap: 4px;\n    min-height: 28px;\n  }\n}\n\n// Narrow/mobile layout: taller rows, always-visible actions, status badge dropped for room.\n/* stylelint-disable selector-max-compound-selectors */\n@container le-shell (max-width: 768px) {\n  .a-list-editor {\n    --le-row-min-height: 48px;\n    --le-row-pad-y: 10px;\n\n    .a-le-row:not(.a-le-row--editing) .a-le-status {\n      display: none;\n    }\n\n    .a-le-row .a-le-action--edit,\n    .a-le-row .a-le-action--delete,\n    .a-le-row .a-le-action--menu {\n      opacity: 1;\n    }\n  }\n}\n/* stylelint-enable selector-max-compound-selectors */\n</style>\n"],"mappings":""}

package/dist/domains/listEditor/components/AListEditor.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
-import { useUnsavedSection as e } from "../../unsavedGuard/composables/useUnsavedSection.js";
-import { useKeyboardNav as t } from "../composables/useKeyboardNav.js";
-import { useListEditorController as n } from "../composables/useListEditorController.js";
-import { provideListEditorStateScope as r, useListEditorStateEntry as i } from "../composables/useListEditorStateScope.js";
-import { resolveCompactText as ee } from "../utils/resolveCompactText.js";
+import { useKeyboardNav as e } from "../composables/useKeyboardNav.js";
+import { useListEditorController as t } from "../composables/useListEditorController.js";
+import { provideListEditorStateScope as n, useListEditorStateEntry as r } from "../composables/useListEditorStateScope.js";
+import { resolveCompactText as i } from "../utils/resolveCompactText.js";
+import { useUnsavedSection as ee } from "../../unsavedGuard/composables/useUnsavedSection.js";
 import { useDeleteDialog as a } from "../composables/useDeleteDialog.js";
 import { useInlineEditing as o } from "../composables/useInlineEditing.js";
 import { validateAllAndReveal as s } from "../utils/revealInvalidRows.js";
@@ -20,7 +20,7 @@ import { useDisplay as pe } from "vuetify";
 import { VBtn as A } from "vuetify/components/VBtn";
 import { VList as me, VListItem as he, VListItemTitle as ge } from "vuetify/components/VList";
 import { VMenu as _e } from "vuetify/components/VMenu";
-//#region src/domains/listEditor/components/AListEditor.vue?vue&type=script&setup=true&lang.ts
+// src/domains/listEditor/components/AListEditor.vue?vue&type=script&setup=true&lang.ts
 var ve = {
 	key: 0,
 	class: "a-le-header"
@@ -184,7 +184,7 @@ var ve = {
 			position: j.position,
 			dirtyExclude: () => j.dirtyExclude ?? [],
 			validate: j.validate
-		}, He = j.editor ? null : i(j.stateKey, Ve), I = j.editor ?? He?.handle ?? n(Ve), L = j.getKey ?? "id", Ue = r(He?.childScope ?? null), R = (e) => typeof L == "function" ? L(e) : e[L], We = d(() => typeof L == "function" ? "(fn)" : L), Ge = d(() => {
+		}, He = j.editor ? null : r(j.stateKey, Ve), I = j.editor ?? He?.handle ?? t(Ve), L = j.getKey ?? "id", Ue = n(He?.childScope ?? null), R = (e) => typeof L == "function" ? L(e) : e[L], We = d(() => typeof L == "function" ? "(fn)" : L), Ge = d(() => {
 			let e = j.position;
 			return e === void 0 || e === !1 ? "position" : typeof e == "object" ? e.field : e;
 		}), z = d(() => N.value.map((e, t) => ({
@@ -235,7 +235,7 @@ var ve = {
 			}
 			for (let e of G.keys()) t.has(e) || G.delete(e);
 			return e;
-		}), ut = d(() => K.value.length === 0), q = (e) => K.value.find((t) => t.key === e), J = t({
+		}), ut = d(() => K.value.length === 0), q = (e) => K.value.find((t) => t.key === e), J = e({
 			viewItems: d(() => K.value.map((e) => ({ key: e.key }))),
 			variant: "flat",
 			isReorderMode: S(!1),
@@ -249,7 +249,7 @@ var ve = {
 				let t = q(e);
 				t && Z(t);
 			}
-		}), dt = (e) => ee(e, { compactField: j.compactField }), Y = () => {
+		}), dt = (e) => i(e, { compactField: j.compactField }), Y = () => {
 			U.value && (nt(), I.addItem(void 0, void 0));
 		}, ft = (e) => {
 			H.value && (nt(), I.addItem(void 0, { afterId: e.key }));
@@ -343,7 +343,7 @@ var ve = {
 			stateKeyPrefix: Ue.prefixFor(e.key),
 			actions: Et(e.key)
 		});
-		e(() => j.unsavedSectionLabel && !j.disableUnsaved ? {
+		ee(() => j.unsavedSectionLabel && !j.disableUnsaved ? {
 			label: j.unsavedSectionLabel,
 			dirty: I.hasUnsaved.value
 		} : []);
@@ -593,7 +593,6 @@ var ve = {
 		], 2));
 	}
 });
-//#endregion
 export { Le as default };
 
 //# sourceMappingURL=AListEditor.vue_vue_type_script_setup_true_lang.js.map