@anzusystems/common-admin 1.49.0 → 2.0.0-rc.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"jobPriority.js","names":["useJobPriority","useI18n","priorityLabels","computed","t","priority","objectGetValueByPath"],"sources":["../../../../src/domains/job/composables/jobPriority.ts"],"sourcesContent":["import { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { objectGetValueByPath } from '@/shared/utils/object'\n\nexport const useJobPriority = () => {\n  const { t } = useI18n()\n  const priorityLabels = computed(() => {\n    return {\n      0: t('common.job.meta.priority.low'),\n      1: t('common.job.meta.priority.medium'),\n      2: t('common.job.meta.priority.high'),\n    }\n  })\n\n  const getPriorityColor = (priority: number): string => {\n    switch (priority) {\n      case 0:\n        return 'amber'\n      case 1:\n        return 'primary'\n      case 2:\n        return 'red'\n      default:\n        return 'default'\n    }\n  }\n\n  const getPriorityLabel = (priority: number): string => {\n    return objectGetValueByPath(priorityLabels.value, priority.toString()) ?? priority.toString()\n  }\n\n  return {\n    priorityLabels,\n    getPriorityColor,\n    getPriorityLabel,\n  }\n}\n"],"mappings":";;;;AAIA,IAAaA,UAAuB;CAClC,IAAM,EAAE,SAAMC,EAAQ,GAChBC,IAAiBC,SACd;EACL,GAAGC,EAAE,8BAA8B;EACnC,GAAGA,EAAE,iCAAiC;EACtC,GAAGA,EAAE,+BAA+B;CACtC,EACD;CAmBD,OAAO;EACL;EACA,mBAnBwB,MAA6B;GACrD,QAAQC,GAAR;IACE,KAAK,GACH,OAAO;IACT,KAAK,GACH,OAAO;IACT,KAAK,GACH,OAAO;IACT,SACE,OAAO;GACX;EACF;EASE,mBAPwB,MACjBC,EAAqBJ,EAAe,OAAOG,EAAS,SAAS,CAAC,KAAKA,EAAS,SAAS;CAO9F;AACF"}

package/dist/domains/job/factory/JobFactory.d.ts

@@ -0,0 +1,6 @@
+import { JobBase, JobUserDataDelete } from '../types/Job';
+import { JobBaseResource } from '../valueObject/JobBaseResource';
+export declare function useCommonJobFactory(): {
+    createBase: (resourceName: JobBaseResource, system: string) => JobBase;
+    createUserDataDelete: (system: string) => JobUserDataDelete;
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"JobFactory.js","names":["useCommonJobFactory","createBase","dateTimeNow","JobStatusDefault","resourceName","system"],"sources":["../../../../src/domains/job/factory/JobFactory.ts"],"sourcesContent":["import type { JobBase, JobUserDataDelete } from '@/domains/job/types/Job'\nimport { JobStatusDefault } from '@/domains/job/valueObject/JobStatus'\nimport { dateTimeNow } from '@/shared/utils/datetime'\nimport type { JobBaseResource } from '@/domains/job/valueObject/JobBaseResource'\n\nexport function useCommonJobFactory() {\n  const createBase = (resourceName: JobBaseResource, system: string): JobBase => {\n    return {\n      id: 0,\n      scheduledAt: dateTimeNow(),\n      priority: 1,\n      status: JobStatusDefault,\n      result: '',\n      batchProcessedIterationCount: 0,\n      finishedAt: null,\n      startedAt: null,\n      lastBatchProcessedRecord: '',\n      createdAt: dateTimeNow(),\n      modifiedAt: dateTimeNow(),\n      createdBy: null,\n      modifiedBy: null,\n      _resourceName: resourceName,\n      _system: system,\n    }\n  }\n\n  const createUserDataDelete = (system: string): JobUserDataDelete => {\n    return {\n      ...createBase('jobUserDataDelete', system),\n      targetUserId: null,\n      anonymizeUser: false,\n    }\n  }\n\n  return {\n    createBase,\n    createUserDataDelete,\n  }\n}\n"],"mappings":";;;AAKA,SAAgBA,IAAsB;CACpC,IAAMC,KAAc,GAA+B,OAC1C;EACL,IAAI;EACJ,aAAaC,EAAY;EACzB,UAAU;EACV,QAAQC;EACR,QAAQ;EACR,8BAA8B;EAC9B,YAAY;EACZ,WAAW;EACX,0BAA0B;EAC1B,WAAWD,EAAY;EACvB,YAAYA,EAAY;EACxB,WAAW;EACX,YAAY;EACZ,eAAeE;EACf,SAASC;CACX;CAWF,OAAO;EACL;EACA,uBAV4B,OACrB;GACL,GAAGJ,EAAW,qBAAqBI,CAAM;GACzC,cAAc;GACd,eAAe;EACjB;CAMF;AACF"}

package/dist/domains/job/types/Job.d.ts

@@ -0,0 +1,22 @@
+import { DatetimeUTC, DatetimeUTCNullable, IntegerId, IntegerIdNullable } from '../../../shared/types/common';
+import { AnzuUserAndTimeTrackingAware } from '../../../shared/types/AnzuUserAndTimeTrackingAware';
+import { JobBaseResource } from '../valueObject/JobBaseResource';
+import { JobStatusType } from '../valueObject/JobStatus';
+export interface JobBase<T extends JobBaseResource = JobBaseResource> extends AnzuUserAndTimeTrackingAware {
+    readonly id: IntegerId;
+    scheduledAt: DatetimeUTC;
+    priority: number;
+    readonly status: JobStatusType;
+    readonly startedAt: DatetimeUTCNullable;
+    readonly finishedAt: DatetimeUTCNullable;
+    readonly lastBatchProcessedRecord: string;
+    readonly batchProcessedIterationCount: number;
+    readonly result: string;
+    _resourceName: T;
+    readonly _system: string;
+}
+export interface JobUserDataDelete<T extends JobBaseResource = JobBaseResource> extends JobBase {
+    targetUserId: IntegerIdNullable;
+    anonymizeUser: boolean;
+    _resourceName: T;
+}

package/dist/domains/job/valueObject/JobBaseResource.d.ts

@@ -0,0 +1,19 @@
+import { ValueObjectOption } from '../../../shared/types/ValueObject';
+export declare const JOB_RESOURCE_USER_DATA_DELETE = "jobUserDataDelete";
+export type JobBaseResource = typeof JOB_RESOURCE_USER_DATA_DELETE | `job${string}`;
+export declare function useJobBaseResource<T extends JobBaseResource = JobBaseResource>(customJobs?: ValueObjectOption<T>[]): {
+    jobResourceOptions: import('vue').Ref<{
+        value: import('vue').UnwrapRef<T>;
+        title: string;
+        color?: string | undefined;
+        active?: false | undefined;
+        subtitle?: string | undefined;
+    }[], ValueObjectOption<T>[] | {
+        value: import('vue').UnwrapRef<T>;
+        title: string;
+        color?: string | undefined;
+        active?: false | undefined;
+        subtitle?: string | undefined;
+    }[]>;
+    getJobResourceOption: (value: T) => ValueObjectOption<T>;
+};

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

@@ -0,0 +1,18 @@
+import { ref as e } from "vue";
+import { useI18n as t } from "vue-i18n";
+//#region src/domains/job/valueObject/JobBaseResource.ts
+var n = "jobUserDataDelete";
+function r(n = []) {
+	let { t: r } = t(), i = e([{
+		value: "jobUserDataDelete",
+		title: r("common.job.jobResource.jobUserDataDelete")
+	}, ...n]);
+	return {
+		jobResourceOptions: i,
+		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/JobBaseResource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JobBaseResource.js","names":["JOB_RESOURCE_USER_DATA_DELETE","useJobBaseResource","useI18n","jobResourceOptions","ref","t","customJobs","item","value"],"sources":["../../../../src/domains/job/valueObject/JobBaseResource.ts"],"sourcesContent":["import { ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\n\nexport const JOB_RESOURCE_USER_DATA_DELETE = 'jobUserDataDelete'\n\nexport type JobBaseResource = typeof JOB_RESOURCE_USER_DATA_DELETE | `job${string}`\n\nexport function useJobBaseResource<T extends JobBaseResource = JobBaseResource>(\n  customJobs: ValueObjectOption<T>[] = []\n) {\n  const { t } = useI18n()\n\n  const jobResourceOptions = ref<ValueObjectOption<T>[]>([\n    ...([\n      {\n        value: 'jobUserDataDelete',\n        title: t('common.job.jobResource.jobUserDataDelete'),\n      },\n    ] as unknown as ValueObjectOption<T>[]),\n    ...customJobs,\n  ])\n\n  const getJobResourceOption = (value: T): ValueObjectOption<T> => {\n    return jobResourceOptions.value.find((item) => item.value === value) as ValueObjectOption<T>\n  }\n\n  return {\n    jobResourceOptions,\n    getJobResourceOption,\n  }\n}\n"],"mappings":";;;AAIA,IAAaA,IAAgC;AAI7C,SAAgBC,EACd,IAAqC,CAAC,GACtC;CACA,IAAM,EAAE,SAAMC,EAAQ,GAEhBC,IAAqBC,EAA4B,CAEnD;EACE,OAAO;EACP,OAAOC,EAAE,0CAA0C;CACrD,GAEF,GAAGC,CACL,CAAC;CAMD,OAAO;EACL;EACA,uBAN4B,MACrBH,EAAmB,MAAM,MAAM,MAASI,EAAK,UAAUC,CAAK;CAMrE;AACF"}

package/dist/domains/job/valueObject/JobStatus.d.ts

@@ -0,0 +1,26 @@
+import { ValueObjectOption } from '../../../shared/types/ValueObject';
+export declare const JobStatus: {
+    readonly Waiting: "waiting";
+    readonly Processing: "processing";
+    readonly AwaitingBatchProcess: "awaiting_batch_process";
+    readonly Done: "done";
+    readonly Error: "error";
+};
+export type JobStatusType = (typeof JobStatus)[keyof typeof JobStatus];
+export declare const JobStatusDefault: "waiting";
+export declare function useJobStatus(): {
+    jobStatusOptions: import('vue').Ref<{
+        value: JobStatusType;
+        title: string;
+        color?: string | undefined;
+        active?: false | undefined;
+        subtitle?: string | undefined;
+    }[], ValueObjectOption<JobStatusType>[] | {
+        value: JobStatusType;
+        title: string;
+        color?: string | undefined;
+        active?: false | undefined;
+        subtitle?: string | undefined;
+    }[]>;
+    getJobStatusOption: (value: JobStatusType) => ValueObjectOption<JobStatusType>;
+};

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

@@ -0,0 +1,47 @@
+import { ref as e } from "vue";
+import { useI18n as t } from "vue-i18n";
+//#region src/domains/job/valueObject/JobStatus.ts
+var n = {
+	Waiting: "waiting",
+	Processing: "processing",
+	AwaitingBatchProcess: "awaiting_batch_process",
+	Done: "done",
+	Error: "error"
+}, r = n.Waiting;
+function i() {
+	let { t: r } = t(), i = e([
+		{
+			value: n.Waiting,
+			title: r("common.job.status.waiting"),
+			color: "warning"
+		},
+		{
+			value: n.Processing,
+			title: r("common.job.status.processing"),
+			color: "primary"
+		},
+		{
+			value: n.AwaitingBatchProcess,
+			title: r("common.job.status.awaitingBatchProcess"),
+			color: "primary"
+		},
+		{
+			value: n.Done,
+			title: r("common.job.status.done"),
+			color: "success"
+		},
+		{
+			value: n.Error,
+			title: r("common.job.status.error"),
+			color: "error"
+		}
+	]);
+	return {
+		jobStatusOptions: 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/job/valueObject/JobStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JobStatus.js","names":["JobStatus","JobStatusDefault","useJobStatus","useI18n","jobStatusOptions","ref","t","item","value"],"sources":["../../../../src/domains/job/valueObject/JobStatus.ts"],"sourcesContent":["import { ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\n\nexport const JobStatus = {\n  Waiting: 'waiting',\n  Processing: 'processing',\n  AwaitingBatchProcess: 'awaiting_batch_process',\n  Done: 'done',\n  Error: 'error',\n} as const\nexport type JobStatusType = (typeof JobStatus)[keyof typeof JobStatus]\nexport const JobStatusDefault = JobStatus.Waiting\n\nexport function useJobStatus() {\n  const { t } = useI18n()\n\n  const jobStatusOptions = ref<ValueObjectOption<JobStatusType>[]>([\n    {\n      value: JobStatus.Waiting,\n      title: t('common.job.status.waiting'),\n      color: 'warning',\n    },\n    {\n      value: JobStatus.Processing,\n      title: t('common.job.status.processing'),\n      color: 'primary',\n    },\n    {\n      value: JobStatus.AwaitingBatchProcess,\n      title: t('common.job.status.awaitingBatchProcess'),\n      color: 'primary',\n    },\n    {\n      value: JobStatus.Done,\n      title: t('common.job.status.done'),\n      color: 'success',\n    },\n    {\n      value: JobStatus.Error,\n      title: t('common.job.status.error'),\n      color: 'error',\n    },\n  ])\n\n  const getJobStatusOption = (value: JobStatusType): ValueObjectOption<JobStatusType> => {\n    return jobStatusOptions.value.find((item) => item.value === value) as ValueObjectOption<JobStatusType>\n  }\n\n  return {\n    jobStatusOptions,\n    getJobStatusOption,\n  }\n}\n"],"mappings":";;;AAIA,IAAaA,IAAY;CACvB,SAAS;CACT,YAAY;CACZ,sBAAsB;CACtB,MAAM;CACN,OAAO;AACT,GAEaC,IAAmBD,EAAU;AAE1C,SAAgBE,IAAe;CAC7B,IAAM,EAAE,SAAMC,EAAQ,GAEhBC,IAAmBC,EAAwC;EAC/D;GACE,OAAOL,EAAU;GACjB,OAAOM,EAAE,2BAA2B;GACpC,OAAO;EACT;EACA;GACE,OAAON,EAAU;GACjB,OAAOM,EAAE,8BAA8B;GACvC,OAAO;EACT;EACA;GACE,OAAON,EAAU;GACjB,OAAOM,EAAE,wCAAwC;GACjD,OAAO;EACT;EACA;GACE,OAAON,EAAU;GACjB,OAAOM,EAAE,wBAAwB;GACjC,OAAO;EACT;EACA;GACE,OAAON,EAAU;GACjB,OAAOM,EAAE,yBAAyB;GAClC,OAAO;EACT;CACF,CAAC;CAMD,OAAO;EACL;EACA,qBAN0B,MACnBF,EAAiB,MAAM,MAAM,MAASG,EAAK,UAAUC,CAAK;CAMnE;AACF"}

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

@@ -0,0 +1,8 @@
+import e from "./AListEditor.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                            */
+//#region 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

@@ -0,0 +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":""}

package/dist/domains/listEditor/components/AListEditor.vue.d.ts

@@ -0,0 +1,208 @@
+import { ListEditorHandle, ListEditorValidationResult, PositionAction, PositionStrategy } from '../composables/useListEditorController';
+import { ListEditorKey, ListEditorValidationScope, ListEditorValidationState, ListViewItem } from '../types/listEditorTypes';
+export interface DecoratedViewItem<T> extends ListViewItem<T> {
+    editing: boolean;
+    expanded: boolean;
+    loading: boolean;
+    dirty: boolean;
+    unsaved: boolean;
+    validationState: ListEditorValidationState;
+}
+export interface RowActions<TItem> {
+    edit: () => void;
+    save: () => Promise<void> | void;
+    cancel: () => void;
+    close: () => void;
+    delete: () => Promise<void>;
+    addAfter: () => void;
+    toggleExpand: () => void;
+    update: (next: TItem | Partial<TItem> | ((current: TItem) => TItem)) => void;
+}
+export interface RowSlotProps<TItem extends Record<string, any>> {
+    item: DecoratedViewItem<TItem>;
+    raw: TItem;
+    index: number;
+    key: ListEditorKey;
+    readonly: boolean;
+    disabled: boolean;
+    expanded: boolean;
+    editing: boolean;
+    dirty: boolean;
+    /** Aliases `dirty` here (no reorder mode → no `moved` to OR). Same field name as on sortable/nested variants. */
+    unsaved: boolean;
+    touch: boolean;
+    /**
+     * Row-scoped `state-key` prefix. Thread it down to any list editor rendered in this slot and set
+     * its `:state-key="`${stateKeyPrefix}:someList`"` — that editor's controller then lives in THIS
+     * editor's scope and survives the row collapsing (which unmounts the whole slot subtree). Entries
+     * under this prefix are disposed when the row is removed.
+     */
+    stateKeyPrefix: string;
+    actions: RowActions<TItem>;
+}
+export interface EmptySlotProps {
+    readonly: boolean;
+    disabled: boolean;
+    actions: {
+        add: () => void;
+    };
+}
+export interface AddButtonSlotProps {
+    readonly: boolean;
+    disabled: boolean;
+    props: {
+        onClick: () => void;
+    };
+    actions: {
+        add: () => void;
+    };
+}
+export interface HeaderSlotProps {
+    title: string | null;
+}
+export interface Props<TItem extends Record<string, any>> {
+    /**
+     * New-row factory. Add / "add after" insert `factory()` through the controller
+     * (positions renumbered) — no consumer `@add` push handler is needed.
+     */
+    factory?: () => TItem;
+    /**
+     * Stable row identity. Default `'id'`; never the position field. Typed `string`
+     * not `keyof TItem` because the latter compiles to a Boolean-only runtime prop
+     * type that silently coerces `get-key="id"` to `true`.
+     */
+    getKey?: string | ((item: TItem) => ListEditorKey);
+    /**
+     * Managed order field. Default `'position'`; `false` opts out. `string` must be
+     * listed before `false` (and not be `keyof TItem`): otherwise Vue's runtime
+     * type goes Boolean-first and coerces `position="position"` to `true`.
+     */
+    position?: string | false | {
+        field: string;
+        multiplier?: number;
+        strategy?: PositionStrategy;
+        strategyOverrides?: Partial<Record<PositionAction, PositionStrategy>>;
+    };
+    /**
+     * Extra fields to drop from the dirty content-hash (position is always dropped).
+     * Use when a SEPARATE nested editor already tracks a child collection, so editing
+     * a child doesn't flip the parent row amber. Still saved; only the diff ignores it.
+     */
+    dirtyExclude?: string[];
+    /** Per-row validity — `true` (or `{ valid: true }`) = VALID. Drives the red rail + save guard. */
+    validate?: (item: TItem) => ListEditorValidationResult;
+    /**
+     * Vuelidate `$scope` (the same one the consumer's row forms / save-gate collector use). When set,
+     * the editor registers its aggregate validity under it, so a plain `v$.$invalid` save gate blocks
+     * AND reveals a collapsed invalid row — no `validateAll()` call needed in the save flow. Omit to
+     * keep legacy behavior (gate the save on the exposed `validateAll()` yourself); `false` opts out.
+     */
+    validationScope?: ListEditorValidationScope | false;
+    /**
+     * Opt-in lifted controller from `useListEditorController()` — pass it so editor
+     * state survives this component's unmount/remount. Omitted: the editor owns one
+     * internally. Either way the `ListEditorHandle` is reachable via `useTemplateRef`.
+     */
+    editor?: ListEditorHandle<TItem>;
+    /**
+     * Persist this editor's controller in the nearest ANCESTOR editor's row-state scope under this
+     * key, instead of owning it. Use it for an editor rendered in another editor's `#item` slot: that
+     * slot is behind a `v-if`, so collapsing the row unmounts this editor and a component-owned
+     * controller would re-baseline the already-edited data on re-expand (losing amber, tombstones and
+     * the red rail). Derive the key from the row slot's `stateKeyPrefix`, e.g.
+     * `:state-key="`${stateKeyPrefix}:adverts`"`. Options stay declared here, on this tag: the
+     * controller is built from THIS editor's `factory`/`get-key`/`position`/`dirty-exclude`/`validate`
+     * and rebound to each new instance's model on remount. Ignored when `:editor` is passed, and a
+     * no-op without an ancestor scope.
+     */
+    stateKey?: string;
+    readonly?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    error?: string | null;
+    /** Heading above the list. A ready translated string, like every text prop here. */
+    title?: string | null;
+    /**
+     * Field shown in a collapsed row when no `#item-compact` slot is given. A dotted path reads
+     * through nested objects (`texts.title`); a path that runs into nothing renders empty.
+     */
+    compactField?: string | null;
+    statusField?: string | null;
+    twoRows?: 'never' | 'mobile' | 'always';
+    chips?: boolean;
+    showAddButton?: boolean;
+    showDeleteButton?: boolean;
+    showEditButton?: boolean;
+    showAddAfterAction?: boolean;
+    /** Label of the add button. A ready translated string; omit it for the library's own wording. */
+    addLabel?: string | null;
+    /** Heading of the empty state. A ready translated string. */
+    emptyTitle?: string | null;
+    disableRowClick?: boolean;
+    disableDeleteConfirm?: boolean;
+    /** Disable unsaved-state tracking — no dirty markers, never reads as unsaved. */
+    disableUnsaved?: boolean;
+    deleteConfirmTitle?: string | null;
+    deleteConfirmText?: string | null;
+    /**
+     * How a row delete persists. `deferred` (default): the row disappears but the deletion counts as an
+     * unconfirmed change (`unsavedCount`) until save, and is revertible until then. `immediate`: the
+     * consumer deletes on the backend (`:on-delete`) — the dialog states it is irreversible and the
+     * delete does NOT read as unsaved.
+     */
+    deleteMode?: 'immediate' | 'deferred';
+    closeVariant?: 'auto' | 'icon' | 'labeled';
+    /**
+     * Render every `#item` slot expanded — no edit pencil, inline footer, or row-click
+     * toggle. Use when all forms should be visible at once (e.g. ThirdPartyTracker).
+     */
+    defaultExpanded?: boolean;
+    loadingKeys?: Set<ListEditorKey> | null;
+    onDeleteConfirm?: (item: TItem) => Promise<boolean> | boolean;
+    onDelete?: (item: TItem) => Promise<void> | void;
+    onItemSave?: (item: TItem) => Promise<void> | void;
+    /**
+     * Registers this editor as a named unsaved-changes section under this (already
+     * translated) label — replaces a per-consumer `useUnsavedSection` call.
+     */
+    unsavedSectionLabel?: string;
+}
+declare const __VLS_export: <TItem extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<(Props<TItem> & {
+        modelValue: TItem[];
+    }) & {
+        onDeleted?: ((item: ListViewItem<TItem>) => any) | undefined;
+        onClose?: ((item: ListViewItem<TItem>) => any) | undefined;
+        onEdit?: ((item: ListViewItem<TItem>) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: TItem[]) => any) | undefined;
+        "onItem-saved"?: ((item: ListViewItem<TItem>) => any) | undefined;
+        "onItem-expand"?: ((item: ListViewItem<TItem>, expanded: boolean) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import('vue').ShallowUnwrapRef<ListEditorHandle<TItem>>) => void;
+    attrs: any;
+    slots: {
+        header?: (props: HeaderSlotProps) => unknown;
+        empty?: (props: EmptySlotProps) => unknown;
+        'add-button'?: (props: AddButtonSlotProps) => unknown;
+        item?: (props: RowSlotProps<TItem>) => unknown;
+        'item-compact'?: (props: RowSlotProps<TItem>) => unknown;
+        'item-readonly'?: (props: RowSlotProps<TItem>) => unknown;
+        'item-status'?: (props: RowSlotProps<TItem>) => unknown;
+        'item-actions'?: (props: RowSlotProps<TItem>) => unknown;
+        'item-footer'?: (props: RowSlotProps<TItem>) => unknown;
+        'before-item'?: (props: RowSlotProps<TItem>) => unknown;
+        'after-item'?: (props: RowSlotProps<TItem>) => unknown;
+    };
+    emit: (((evt: "deleted", item: ListViewItem<TItem>) => void) & ((evt: "close", item: ListViewItem<TItem>) => void) & ((evt: "edit", item: ListViewItem<TItem>) => void) & ((evt: "item-saved", item: ListViewItem<TItem>) => void) & ((evt: "item-expand", item: ListViewItem<TItem>, expanded: boolean) => void)) & ((event: "update:modelValue", value: TItem[]) => void);
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};