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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AListEditor.vue_vue_type_script_setup_true_lang.js","names":["$slots","_useModel","resolveCompactText","resolveCompactTextUtil","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_toDisplayString","_createCommentVNode","_unref","_createVNode","_component_VProgressCircular","_component_VAlert","_withCtx","_createTextVNode","LeEmptyState","_Fragment","_renderList","_mergeProps","_createBlock","LeUnsavedLabel","_component_VBtn","_withModifiers","_component_VIcon","_component_VTooltip","_component_VMenu","_component_VList","_component_VListItem","_component_VListItemTitle","LeDeleteDialog","_isRef","LeDeleteDialog_default","LeEmptyState_default","LeUnsavedLabel_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","AListEditor_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__expose","__emit","props","__props","emit","modelValue","useModel","useI18n","slots","useSlots","display","useDisplay","rootEl","useTemplateRef","isTouch","computed","controllerOptions","v","stateEntry","useListEditorStateEntry","controller","useListEditorController","getKeyOpt","rowStateScope","provideListEditorStateScope","keyOf","item","keyFieldName","positionFieldName","p","viewItems","raw","warnedKeySignatures","warnOnBadKeys","seen","duplicates","missing","vi","items","signature","watch","expandedKeys","ref","rowsContainer","isInlineEdit","hasReadonlyDetail","useInlineEditing","key","data","it","hit","addLabelResolved","t","emptyTitleResolved","deleteConfirmTitleResolved","deleteConfirmTextResolved","canInteract","canAdd","unsavedCount","unsavedCountVisible","headerVisible","showInlineSaveFooter","decoratorCache","viewItemsDecorated","next","liveKeys","editing","editingKeys","expanded","loading","unsaved","dirty","validationState","cached","decorated","isEmpty","findVi","keyboardNav","useKeyboardNav","onEditClick","onCloseClick","resolveCompactText$1","resolveCompactText","onAddClick","requestAutoOpen","onRowAddAfterClick","beginEdit","onExpandClick","currentlyExpanded","k","isRowClickable","onRowClick","triggerDeleteClick","useDeleteDialog","editingSnapshots","onDeleteClick","savingKeys","onSaveClick","commitEdit","onCancelClick","closeEdit","actionsCache","getActions","actions","now","buildSlotProps","runValidateAndReveal","validateAllAndReveal","useListEditorScopeValidity","openBlock","createElementBlock","normalizeClass","createElementVNode","renderSlot","_ctx","toDisplayString","createCommentVNode","unref","createVNode","VProgressCircular","VAlert","withCtx","createTextVNode","Fragment","renderList","mergeProps","$event","createBlock","VBtn","withModifiers","VIcon","VTooltip","VMenu","VList","VListItem","VListItemTitle","_cache","deleteDialog","isRef","deleteError","deleteInFlight","onDeleteDialogConfirm","onDeleteDialogCancel"],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsNA,IAAM4D,IAAQC,GAuCRC,IAAOH,IAsBPI,IAAa9D,GAAoB4D,GAAA,YAAmB,GAEpD,EAAE,SAAMI,GAAQ,GAChBC,IAAQC,GAAS,GACjBC,KAAUC,GAAW,GAErBC,KAASC,GAA4B,QAAQ,GAE7CC,KAAUC,QAAwBL,GAAQ,SAAS,MAAM,KAAK,GAM9DM,KAAoD;GACxD,WAAWX,EAAW;GACtB,MAAM,MAAO,EAAW,QAAQY;GAChC,SAASf,EAAM;GACf,QAAQA,EAAM;GACd,UAAUA,EAAM;GAChB,oBAAoBA,EAAM,gBAAgB,CAAC;GAC3C,UAAUA,EAAM;EAClB,GAIMgB,KAAahB,EAAM,SAAS,OAAOiB,EAA+BjB,EAAM,UAAUc,EAAiB,GACnGI,IAAalB,EAAM,UAAUgB,IAAY,UAAUG,EAA+BL,EAAiB,GAGnGM,IAAYpB,EAAM,UAAU,MAM5BqB,KAAgBC,EAA4BN,IAAY,cAAc,IAAI,GAC1EO,KAAS,MACb,OAAOH,KAAc,aAAaA,EAAUI,CAAI,IAAKA,EAAKJ,IAEtDK,KAAeZ,QAAwB,OAAOO,KAAc,aAAa,SAAUA,CAAqB,GAGxGM,KAAoBb,QAAuB;GAC/C,IAAMc,IAAI3B,EAAM;GAIhB,OAHI2B,MAAM,KAAA,KACNA,MAAM,KAAc,aACpB,OAAOA,KAAM,WAAiBA,EAAE,QAC7BA;EACT,CAAC,GAGKC,IAAYf,QAChBV,EAAW,MAAM,KAAK,GAAK,OAAW;GACpC,KAAKoB,EAAMM,CAAG;GACd;GACA;GACA,UAAUA,EAAIH,GAAkB;EAClC,EAAE,CACJ,GAKMI,qBAAsB,IAAI,IAAY,GACtCC,MAAiB,MAAuC;GAC5D,IAAMC,oBAAO,IAAI,IAAmB,GAC9BC,oBAAa,IAAI,IAAY,GAC/BC,IAAU;GACd,KAAK,IAAMC,KAAMC,GACf,AAAID,EAAG,QAAQ,KAAA,KAAaA,EAAG,QAAQ,OACrC,OAGEH,EAAK,IAAIG,EAAG,GAAG,KAAGF,EAAW,IAAI,OAAOE,EAAG,GAAG,CAAC,GACnDH,EAAK,IAAIG,EAAG,GAAG;GAEjB,IAAID,MAAY,KAAKD,EAAW,SAAS,GAAG;GAC5C,IAAMI,IAAY,GAAGH,EAAQ,GAAG,CAAC,GAAGD,CAAU,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG;GAC/D,AAAIH,GAAoB,IAAIO,CAAS,MACrCP,GAAoB,IAAIO,CAAS,GAC7BH,IAAU,KACZ,QAAQ,KACN,iBAAiBA,EAAQ,kDAAkDT,GAAa,MAAM,2GAGhG,GAEEQ,EAAW,OAAO,KACpB,QAAQ,KACN,gDAAgDR,GAAa,MAAM,MAAM,CAAC,GAAGQ,CAAU,CAAC,CAAC,KAAK,IAAI,EAAE,oFAEtG;EAEJ;EAKA,AAJAK,GAAMV,IAAY,MAAUG,GAAcK,CAAK,GAAG,EAAE,WAAW,GAAK,CAAC,GAIrEE,SACQV,EAAU,MAAM,KAAK,MAAO,OAAOO,EAAG,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,SACpDd,GAAc,aAAaO,EAAU,MAAM,KAAK,MAAOO,EAAG,GAAG,CAAC,GACpE,EAAE,OAAO,OAAO,CAClB;EAEA,IAAMI,IAAeC,kBAAwB,IAAI,IAAI,CAAC,GAEhDC,KAAgB9B,GAA4B,eAAe,GAE3D+B,KAAe7B,QAAe,CAACb,EAAM,SAAS,CAAC,CAACM,EAAM,IAAI,GAC1DqC,KAAoB9B,QAAe,CAACb,EAAM,SAAS,CAAC,CAACM,EAAM,gBAAgB,GAE3E,EAAE,gBAAa,sBAAkB,eAAW,gBAAY,gBAAY,eAAW,wBACnFsC,EAA6C;GAC3C;GACA,aAAa;GACb;GACA,kBAAkB,GAAK,MAAS1B,EAAW,WAAW2B,GAAKC,CAAI;GAC/D,iBAAiB3C,EAAW,MAAM,KAAK,MAAOoB,EAAMwB,CAAE,CAAC;GACvD,YAAY,MAAQ;IAClB,IAAMC,IAAM7C,EAAW,MAAM,MAAM,MAAOoB,EAAMwB,CAAE,MAAMF,CAAG;IAC3D,OAAOG,IAAM,EAAE,MAAMA,EAAI,IAAI;GAC/B;GACA,gBAAgB,MAAQ;IACtB,EAAa,MAAM,OAAOH,CAAG;GAC/B;EACF,CAAC,GAEGI,KAAmBpC,QAAeb,EAAM,YAAYkD,EAAE,qBAAqB,CAAC,GAC5EC,KAAqBtC,QAAeb,EAAM,cAAckD,EAAE,4BAA4B,CAAC,GACvFE,KAA6BvC,QAAeb,EAAM,sBAAsBkD,EAAE,oCAAoC,CAAC,GAC/GG,KAA4BxC,QAE9Bb,EAAM,sBACLA,EAAM,eAAe,cAClBkD,EAAE,mCAAmC,IACrCA,EAAE,2CAA2C,EACrD,GAEMI,IAAczC,QAAe,CAACb,EAAM,YAAY,CAACA,EAAM,YAAY,CAACA,EAAM,OAAO,GACjFuD,IAAS1C,QAAeyC,EAAY,SAAStD,EAAM,aAAa,GAIhEwD,IAAetC,EAAW,cAC1BuC,KAAsB5C,QAAe,CAACb,EAAM,YAAY,CAACA,EAAM,kBAAkBwD,EAAa,QAAQ,CAAC,GACvGE,KAAgB7C,QAAe,CAAC,EAAEb,EAAM,SAASM,EAAM,WAAWmD,GAAoB,KAAK,GAI3FE,KAAuB9C,QAAe,CAAC,CAACb,EAAM,UAAU,GAMxD4D,oBAAiB,IAAI,IAA6C,GAClEC,IAAqBhD,QAA2C;GACpE,IAAMiD,IAAmC,CAAC,GACpCC,oBAAW,IAAI,IAAmB;GACxC,KAAK,IAAM5B,KAAMP,EAAU,OAAO;IAChC,EAAS,IAAIO,EAAG,GAAG;IACnB,IAAM6B,IAAUC,EAAY,MAAM,IAAI9B,EAAG,GAAG,GACtC+B,IAAW3B,EAAa,MAAM,IAAIJ,EAAG,GAAG,GACxCgC,KAAUnE,EAAM,aAAa,IAAImC,EAAG,GAAG,KAAK,IAG5CiC,IAAUpE,EAAM,kBAAkBA,EAAM,WAAW,KAAQkB,EAAW,UAAUiB,EAAG,GAAG,GACtFkC,IAAQD,GAERE,IAAkBpD,EAAW,SAASiB,EAAG,KAAKA,EAAG,KAAK6B,CAAO,GAC7DO,IAASX,EAAe,IAAIzB,EAAG,GAAG;IACxC,IACEoC,KACAA,EAAO,QAAQpC,EAAG,OAClBoC,EAAO,UAAUpC,EAAG,SACpBoC,EAAO,aAAapC,EAAG,YACvBoC,EAAO,YAAYP,KACnBO,EAAO,aAAaL,KACpBK,EAAO,YAAYJ,MACnBI,EAAO,UAAUF,KACjBE,EAAO,YAAYH,KACnBG,EAAO,oBAAoBD,GAC3B;KACA,EAAK,KAAKC,CAAM;KAChB;IACF;IACA,IAAMC,IAAsC;KAC1C,GAAGrC;KACH;KACA;KACA;KACA;KACA;KACA;IACF;IAEA,AADAyB,EAAe,IAAIzB,EAAG,KAAKqC,CAAS,GACpCV,EAAK,KAAKU,CAAS;GACrB;GACA,KAAK,IAAM3B,KAAOe,EAAe,KAAK,GACpC,AAAKG,EAAS,IAAIlB,CAAG,KAAGe,EAAe,OAAOf,CAAG;GAEnD,OAAOiB;EACT,CAAC,GAEKW,KAAU5D,QAAegD,EAAmB,MAAM,WAAW,CAAC,GAE9Da,KAAU,MACdb,EAAmB,MAAM,MAAM,MAAM9C,EAAE,QAAQ8B,CAAG,GAE9C8B,IAAcC,EAAe;GACjC,WAAW/D,QAAegD,EAAmB,MAAM,KAAK,OAAQ,EAAE,KAAK1B,EAAG,IAAI,EAAE,CAAC;GACjF,SAAS;GACT,eAAeK,EAAI,EAAK;GACxB,UAAU3B,QAAe,CAACyC,EAAY,KAAK;GAC3C,YAAY,MAAQW,EAAY,MAAM,IAAIpB,CAAG;GAC7C,eAAe,MAAQ;IACrB,IAAMV,IAAKuC,EAAO7B,CAAG;IACrB,AAAIV,KAAI0C,EAAY1C,CAAE;GACxB;GACA,eAAe,MAAQ;IACrB,IAAMA,IAAKuC,EAAO7B,CAAG;IACrB,AAAIV,KAAI2C,EAAa3C,CAAE;GACzB;EACF,CAAC,GAEK7F,MAAsB,MAAuBC,GAAuBsF,GAAK,EAAE,cAAc7B,EAAM,aAAa,CAAC,GAI7GiF,UAAmB;GACvB,AAAK1B,EAAO,UACZ2B,GAAgB,GAChBhE,EAAW,QAAQ,KAAA,GAAW,KAAA,CAAS;EACzC,GAEMiE,MAAsB,MAA4B;GACtD,AAAK7B,EAAY,UACjB4B,GAAgB,GAChBhE,EAAW,QAAQ,KAAA,GAAW,EAAE,SAASiB,EAAG,IAAI,CAAC;EACnD,GAEM0C,KAAe,MAA4B;GAC/C,AAAKvB,EAAY,UAEbW,EAAY,MAAM,IAAI9B,EAAG,GAAG,IAC9B2C,EAAa3C,CAAE,KAGbO,GAAa,UACf0C,GAAUjD,CAAE,GACZI,EAAa,MAAM,OAAOJ,EAAG,GAAG,IAElCjC,EAAK,QAAQiC,CAAE;EACjB,GAEMkD,MAAiB,MAA4B;GACjD,IAAIrF,EAAM,YAAYA,EAAM,SAAS;GACrC,IAAM6C,IAAMV,EAAG,KACTmD,IAAoB/C,EAAa,MAAM,IAAIM,CAAG;GACpD,IAAIyC,GACF,EAAa,MAAM,OAAOzC,CAAG;QACxB;IACL,KAAK,IAAM0C,KAAKhD,EAAa,OAAO,EAAa,MAAM,OAAOgD,CAAC;IAC/D,EAAa,MAAM,IAAI1C,CAAG;GAC5B;GACA,EAAK,eAAeV,GAAI,CAACmD,CAAiB;EAC5C,GAEME,MAAkB,MAClBxF,EAAM,SACNA,EAAM,mBACNA,EAAM,mBACNA,EAAM,YAAYA,EAAM,UAAgB,KAE5C,GADImC,EAAG,WAAWA,EAAG,YACjB,CAACnC,EAAM,YAAYA,EAAM,iBAIzByF,MAAc,MAAiC;GACnD,AAAKD,GAAerD,CAAE,MAClBA,EAAG,WAAWA,EAAG,WACnB2C,EAAa3C,CAAE,IAGbnC,EAAM,YAAY2C,GAAkB,QACtC0C,GAAclD,CAAE,IAEhB0C,EAAY1C,CAAE;EAElB,GAEM,EACJ,kBACA,oBACA,iBACA,eAAeuD,IACf,2BACA,6BACEC,EAA4C;GAC9C,kBAAkB,MAAS,GAAM,mBAAkB3F,EAAM,gBAAgB6B,CAAG;GAC5E,WAAW,MAAQ7B,EAAM,WAAW6B,CAAG;GACvC,YAAY,MAAO;IAQjB,AAPAoC,EAAY,MAAM,OAAO9B,EAAG,GAAG,GAC/ByD,GAAiB,MAAM,OAAOzD,EAAG,GAAG,GACpCI,EAAa,MAAM,OAAOJ,EAAG,GAAG,GAIhCjB,EAAW,WAAWiB,EAAG,KAAK,EAAE,cAAcnC,EAAM,eAAe,WAAW,CAAC,GAC/EE,EAAK,WAAWiC,CAAE;GACpB;GACA,4BAA4BnC,EAAM,wBAAwBA,EAAM;EAClE,CAAC,GAEK6F,KAAgB,OAAO,MAA4B;GACvD,AAAKvC,EAAY,SACjB,MAAMoC,GAAmBvD,CAAE;EAC7B,GAIM2D,KAAatD,kBAAwB,IAAI,IAAI,CAAC,GAC9CuD,KAAc,OAAO,MAA4B;GACrD,IAAI,IAAW,MAAM,IAAI5D,EAAG,GAAG,GAC/B;OAAW,MAAM,IAAIA,EAAG,GAAG;IAC3B,IAAI;KACF,AAAInC,EAAM,cAAY,MAAMA,EAAM,WAAWmC,EAAG,GAAG;IACrD,UAAU;KACR,GAAW,MAAM,OAAOA,EAAG,GAAG;IAChC;IAEA,AADA6D,GAAW7D,CAAE,GACbjC,EAAK,cAAciC,CAAE;GAPM;EAQ7B,GAEM8D,MAAiB,MAA4B;GACjD,GAAW9D,CAAE;EACf,GAEM2C,KAAgB,MAA4B;GAGhD,AAFAoB,GAAU/D,CAAE,GACZI,EAAa,MAAM,OAAOJ,EAAG,GAAG,GAChCjC,EAAK,SAASiC,CAAE;EAClB,GAeMgE,oBAAe,IAAI,IAAkC,GACrDC,MAAc,MAAsC;GACxD,IAAIC,IAAUF,EAAa,IAAItD,CAAG;GAmClC,OAlCKwD,MACH,IAAU;IACR,YAAY;KACV,IAAMlE,IAAKuC,EAAO7B,CAAG;KACrB,AAAIV,KAAI0C,EAAY1C,CAAE;IACxB;IACA,YAAY;KACV,IAAMA,IAAKuC,EAAO7B,CAAG;KACrB,OAAOV,IAAK4D,GAAY5D,CAAE,IAAI,KAAA;IAChC;IACA,cAAc;KACZ,IAAMA,IAAKuC,EAAO7B,CAAG;KACrB,AAAIV,KAAI8D,GAAc9D,CAAE;IAC1B;IACA,aAAa;KACX,IAAMA,IAAKuC,EAAO7B,CAAG;KACrB,AAAIV,KAAI2C,EAAa3C,CAAE;IACzB;IACA,QAAQ,YAAY;KAClB,IAAMA,IAAKuC,EAAO7B,CAAG;KACrB,AAAIV,KAAI,MAAM0D,GAAc1D,CAAE;IAChC;IACA,gBAAgB;KACd,IAAMA,IAAKuC,EAAO7B,CAAG;KACrB,AAAIV,KAAIgD,GAAmBhD,CAAE;IAC/B;IACA,oBAAoB;KAClB,IAAMA,IAAKuC,EAAO7B,CAAG;KACrB,AAAIV,KAAIkD,GAAclD,CAAE;IAC1B;IACA,SAAS,MAASjB,EAAW,WAAW2B,GAAKiB,CAAI;GACnD,GACAqC,EAAa,IAAItD,GAAKwD,CAAO,IAExBA;EACT;EAEA,SACQxC,EAAmB,QACxB,MAAQ;GACP,IAAIsC,EAAa,SAAS,GAAG;GAC7B,IAAMpC,IAAW,IAAI,IAAIuC,EAAI,KAAK,MAAMvF,EAAE,GAAG,CAAC;GAC9C,KAAK,IAAM8B,KAAOsD,EAAa,KAAK,GAClC,AAAKpC,EAAS,IAAIlB,CAAG,KAAGsD,EAAa,OAAOtD,CAAG;EAEnD,CACF;EAEA,IAAM0D,KAAkB,OAAkC;GACxD,MAAMpE;GACN,KAAKA,EAAG;GACR,OAAOA,EAAG;GACV,KAAKA,EAAG;GACR,UAAUnC,EAAM;GAChB,UAAUA,EAAM;GAChB,UAAUmC,EAAG;GACb,SAASA,EAAG,WAAWnC,EAAM;GAC7B,OAAOmC,EAAG;GACV,SAASA,EAAG;GACZ,OAAOvB,GAAQ;GACf,gBAAgBS,GAAc,UAAUc,EAAG,GAAG;GAC9C,SAASiE,GAAWjE,EAAG,GAAG;EAC5B;EAGA,QACEnC,EAAM,uBAAuB,CAACA,EAAM,iBAChC;GAAE,OAAOA,EAAM;GAAqB,OAAOkB,EAAW,WAAW;EAAM,IACvE,CAAC,CACP;EAKA,IAAMsF,WACJC,EAAqBvF,IAAa,MAAQ;GACxC,IAAMiB,IAAKP,EAAU,MAAM,MAAM,MAAMb,EAAE,QAAQ8B,CAAG;GACpD,AAAIV,KAAIiD,GAAUjD,CAAE;EACtB,CAAC;E,OAKHuE,EAA2B;GACzB,WAAWxF,EAAW;GACtB,iBAAiBlB,EAAM;GACvB,kBAAkBA,EAAM,aAAa,KAAA;GACrC,QAAQwG;EACV,CAAC,GAGD1G,EAAsC;GACpC,GAAGoB;GACH,aAAasF;EACf,CAAC,I,UAIChK,EAAA,GAAAC,EAoWM,OAAA;GAnWA,SAAA;GAAJ,KAAIiE;GACJ,OAAKhE,GAAA,CAAC,iBAAe,CACsB,2BAAAuD,EAAA,W;IAAsD,2BAAAA,EAAA;IAA6C,2BAAAA,EAAA;IAA0C,wBAAAW,GAAA;IAAyC,wBAAAX,EAAA;;;GAUjOtD,EA2TM,OAAA;IA1TA,SAAA;IAAJ,KAAI8F;IACJ,OAAM;;IAGEiB,GAAA,SADRlH,EAAA,GAAAC,EAsBM,OAtBN+B,IAsBM,CAlBJ5B,EAUOoK,EAAA,QAAA,UAAA,EARJ,OAAO/G,EAAA,MAAK,SAQR,CALGA,EAAA,SADRzD,EAAA,GAAAC,EAKK,MALLgC,IAKK5B,EADAoD,EAAA,KAAK,GAAA,CAAA,K,aAIJwD,GAAA,SADRjH,EAAA,GAAAC,EAMO,QAAA;;KAJL,OAAM;KACL,sBAAoBM,EAAAyG,CAAA;IAElB,GAAA3G,EAAAE,EAAAmG,CAAA,CAAC,CAAA,kCAAA,EAAA,OAA4CnG,EAAAyG,CAAA,EAAY,CAAA,CAAA,GAAA,GAAA9E,EAAA,K;IAKxDuB,EAAA,WADRzD,EAAA,GAAAC,EASM,OATNkC,IASM,CALJ3B,EAIEC,IAAA;KAHA,eAAA;KACA,OAAM;KACN,MAAK;I,QAKIgD,EAAA,SADbzD,EAAA,GAAAC,EAYM,OAZNmC,IAYM,CARJ5B,EAOSE,IAAA;KANP,MAAK;KACL,SAAQ;KACR,SAAQ;KACR,QAAO;;KAEP,SAAAC,QAAW,CAARC,EAAAP,EAAAoD,EAAA,KAAK,GAAA,CAAA,C;;I,QAKCwE,GAAA,SADbjI,EAAA,GAAAC,EAiBM,OAjBNoC,IAiBM,CAbJjC,EAYOoK,EAAA,QAAA,SAAA;KAVJ,UAAU/G,EAAA;KACV,UAAUA,EAAA;KACV,SAAO,EAAA,KAASgF,EAAU;IAJ7B,SAYO,CANLjI,EAKEK,IAAA;KAJC,OAAO8F,GAAA;KACP,aAAWF,GAAA;KACX,WAASM,EAAA;KACT,OAAK0B;;;;;I,WAMVzI,EAAA,EAAA,GAAAC,EA2NMa,GAAA,EAAA,KAAA,EAAA,GAAAC,GA1NSsG,EAAA,QAAN,OADTrH,EAAA,GAAAC,EA2NM,OAAA;KAzNH,KAAK,OAAO0F,EAAG,GAAG;KACnB,OAAM;;KAKNvF,EAGEoK,EAAA,QAAA,eAHFxJ,EAGE,EAAA,SAAA,GAAA,GADQ+I,EAAepE,CAAE,CAAA,CAAA;KAG3BxF,EAwMM,OAAA;MAvMH,WAAS,OAAOwF,EAAG,GAAG;MACvB,MAAK;MACJ,UAAUpF,EAAA4H,CAAA,CAAW,CAAC,YAAYxC,EAAG,GAAG;MACzC,OAAKzF,GAAA,CAAC,YAAU;OAC8B,sBAAAuD,EAAA,YAAO;OAAkD,qBAAAkC,EAAG;OAA6C,sBAAAA,EAAG;OAA6C,qBAAAA,EAAG;OAA8C,uBAAAqD,GAAerD,CAAE;QAA0C,wBAAAA,EAAG,oBAAoBA,EAAG,oBAAe;;MAQ3V,YAAO,MAAEpF,EAAA4H,CAAA,CAAW,CAAC,cAAcxC,EAAG,KAAKyF,CAAM;K,IAElDjL,EAsIM,OAAA;MArIJ,OAAM;MACL,UAAK,MAAE8I,GAAWtD,CAAE;;MAErBxF,EAaM,OAbNqC,IAaM,CAZJpC,EAOOoK,EAAA,QAAA,gBAPPxJ,EAOO,EAAA,SAAA,GAAA,GALG+I,EAAepE,CAAE,CAAA,SAKpB,CAHLxF,EAEO,QAFPsC,IAEOpC,EADFP,GAAmB6F,EAAG,GAAG,CAAA,GAAA,CAAA,C,IAIxBA,EAAG,WADX3F,EAAA,GAAAiB,EAGEC,IAAA;;OADC,YAAUuC,EAAA;;MAKNA,EAAA,Q,aADTzD,EAAA,GAAAC,EAeM,OAfNyC,IAeM,CAXJtC,EAUOoK,EAAA,QAAA,eAVPxJ,EAUO,EAAA,SAAA,GAAA,GARG+I,EAAepE,CAAE,CAAA,SAQpB,CALGlC,EAAA,eAAekC,EAAG,IAAIlC,EAAA,gBAAW,QAAakC,EAAG,IAAIlC,EAAA,iBAAW,MADxEzD,EAAA,GAAAC,EAKO,QALP0C,IAKOtC,EADFsF,EAAG,IAAIlC,EAAA,YAAW,GAAA,CAAA,K;MAK3BtD,EAiGM,OAjGNyC,IAiGM,CAhGJxC,EA+FOoK,EAAA,QAAA,gBA/FPxJ,EA+FO,EAAA,SAAA,GAAA,GA7FG+I,EAAepE,CAAE,CAAA,SA6FpB,CA1FGlC,EAAA,SAASA,EAAA,oBAAoBqD,EAAA,SADrC9G,EAAA,GAAAiB,EAeOE,GAAA;;OAbL,MAAA;OACA,MAAK;OACL,SAAQ;OACR,SAAQ;OACP,QAAQ;OACT,OAAM;OACL,cAAYZ,EAAAmG,CAAA,CAAC,CAAA,wBAAA;OACb,SAAKtF,GAAA,MAAOiI,GAAc1D,CAAE,GAAA,CAAA,MAAA,CAAA;;OAE7B,SAAAhF,QAGE,CAHFH,EAGEa,GAAA;QAFA,MAAK;QACL,MAAK;;;M,qCAGTrB,EAAA,GAAAC,EA0EWa,GAAA,EAAA,KAAA,EAAA,GAAA;OAxED2C,EAAA,kBAAkBqD,EAAA,SAAW,CAAKrD,EAAA,mBAD1CzD,EAAA,GAAAiB,EAoBOE,GAAA;;QAlBJ,cAAYZ,EAAAmG,CAAA,CAAC,CAAA,sBAAA;QACd,MAAA;QACA,MAAK;QACL,SAAQ;QACR,OAAM;QACN,SAAQ;QACR,OAAM;QACL,SAAKtF,GAAA,MAAOiH,EAAY1C,CAAE,GAAA,CAAA,MAAA,CAAA;;QAE3B,SAAAhF,QAGE,CAHFH,EAGEa,GAAA;SAFA,MAAK;SACL,MAAK;Q,IAEPb,EAIEc,GAAA;SAHA,WAAU;SACV,UAAS;SACR,MAAMf,EAAAmG,CAAA,CAAC,CAAA,sBAAA;;;;OAIJjD,EAAA,oBAAoBqD,EAAA,SAD5B9G,EAAA,GAAAiB,EAmBOE,GAAA;;QAjBJ,cAAYZ,EAAAmG,CAAA,CAAC,CAAA,wBAAA;QACd,MAAA;QACA,MAAK;QACL,SAAQ;QACR,SAAQ;QACR,OAAM;QACL,SAAKtF,GAAA,MAAOiI,GAAc1D,CAAE,GAAA,CAAA,MAAA,CAAA;;QAE7B,SAAAhF,QAGE,CAHFH,EAGEa,GAAA;SAFA,MAAK;SACL,MAAK;Q,IAEPb,EAIEc,GAAA;SAHA,WAAU;SACV,UAAS;SACR,MAAMf,EAAAmG,CAAA,CAAC,CAAA,wBAAA;;;;OAIJjD,EAAA,sBAAsBqD,EAAA,SAD9B9G,EAAA,GAAAiB,EA+BOE,GAAA;;QA7BL,MAAA;QACA,MAAK;QACL,SAAQ;QACR,SAAQ;QACP,QAAQ;QACT,OAAM;QACL,cAAYZ,EAAAmG,CAAA,CAAC,CAAA,sBAAA;;QAEd,SAAA/F,QAGE;SAHFH,EAGEa,GAAA;UAFA,MAAK;UACL,MAAK;;SAEPb,EAIEc,GAAA;UAHA,WAAU;UACV,UAAS;UACR,MAAMf,EAAAmG,CAAA,CAAC,CAAA,sBAAA;;SAEVlG,EAWQe,IAAA,EAXD,WAAU,SAAQ,GAAA;UACvB,SAAAZ,QASQ,CATRH,EASQgB,IAAA,EATD,SAAQ,UAAS,GAAA;WACtB,SAAAb,QAOY,CAPZH,EAOYiB,IAAA,EAPA,UAAK,MAAEkH,GAAmBhD,CAAE,E;YAC3B,SAAOhF,QACS,CAAzBH,EAAyBa,GAAA,EAAlB,MAAK,WAAU,CAAA,C;YAExB,SAAAV,QAEiB,CAFjBH,EAEiBkB,IAAA,MAAA;aADf,SAAAf,QAAmC,CAAhCC,EAAAP,EAAAE,EAAAmG,CAAA,CAAC,CAAA,0BAAA,CAAA,GAAA,CAAA,C;;;;;;;;;;;;;K,YAWLf,EAAG,WAAWlC,EAAA,oBAAoB7D,EAAAA,OAAO,QAA1DI,EAAA,GAAAC,EAoCWa,GAAA,EAAA,KAAA,EAAA,GAAA,CAnCTX,EAOM,OAPN0C,IAOM,CANJ1C,EAKM,OALN2C,IAKM,CAJJ1C,EAGEoK,EAAA,QAAA,QAHFxJ,EAGE,EAAA,SAAA,GAAA,GADQ+I,EAAepE,CAAE,CAAA,CAAA,C,MAI/BvF,EA0BOoK,EAAA,QAAA,eA1BPxJ,EA0BO,EAAA,SAAA,GAAA,GAxBG+I,EAAepE,CAAE,CAAA,SAwBpB,CArBGwB,GAAA,SAAoB,CAAK1D,EAAA,mBADjCzD,EAAA,GAAAC,EAqBM,OArBN8C,IAqBM;MAjBJ,AAAA+I,EAAA,OAAA3L,EAAsC,OAAA,EAAjC,OAAM,yBAAwB,GAAA,MAAA,EAAA;MACnCK,EAMOW,GAAA;OALL,SAAQ;OACP,UAAUwE,EAAG;OACb,SAAKvE,GAAA,MAAOqI,GAAc9D,CAAE,GAAA,CAAA,MAAA,CAAA;;OAE7B,SAAAhF,QAA+B,CAA5BC,EAAAP,EAAAE,EAAAmG,CAAA,CAAC,CAAA,sBAAA,CAAA,GAAA,CAAA,C;;;MAENlG,EAQOW,GAAA;OAPL,OAAM;OACN,SAAQ;OACR,gBAAa;OACZ,UAAUwE,EAAG;OACb,SAAKvE,GAAA,MAAOmI,GAAY5D,CAAE,GAAA,CAAA,MAAA,CAAA;;OAE3B,SAAAhF,QAA6B,CAA1BC,EAAAP,EAAAE,EAAAmG,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,CAAA,C;;;K,2BAOC9G,EAAAA,OAAM,qBAAsB6D,EAAA,YAAYkC,EAAG,aADxD3F,EAAA,GAAAC,EAUM,OAVN+C,IAUM,CANJ7C,EAKM,OALN8C,IAKM,CAJJ7C,EAGEoK,EAAA,QAAA,iBAHFxJ,EAGE,EAAA,SAAA,GAAA,GADQ+I,EAAepE,CAAE,CAAA,CAAA,C;KAMjCvF,EAGEoK,EAAA,QAAA,cAHFxJ,EAGE,EAAA,SAAA,GAAA,GADQ+I,EAAepE,CAAE,CAAA,CAAA;;IAMvBoB,EAAA,SAAM,CAAKtD,EAAA,WAAO,CAAKA,EAAA,SAAK,CAAKwE,GAAA,QADzC7H,EAmBOoK,EAAA,QAAA,cAAA;KAhBJ,UAAU/G,EAAA;KACV,UAAUA,EAAA;KACV,OAAK,EAAA,SAAagF,EAAU;KAC5B,SAAO,EAAA,KAASA,EAAU;IAN7B,SAmBO,CAXLtI,EAUS,UAAA;KATP,MAAK;KACL,OAAM;KACL,SAAOsI;I,IAERjI,EAGEa,GAAA;KAFA,MAAK;KACL,MAAK;I,IAEPlB,EAAmC,QAAA,MAAAE,EAA1BoG,GAAA,KAAgB,GAAA,CAAA,C;;GAK/BjG,EAUEmB,GAAA;IATS,YAAApB,EAAAwL,EAAA;IAAA,uBAAA,AAAAD,EAAA,QAAA,MAAAlK,GAAAmK,EAAA,IAAA,GAAY,QAAAX,IAAA;IACpB,OAAOxE,GAAA;IACP,MAAMC,GAAA;IACN,iBAAetG,EAAAmG,CAAA,CAAC,CAAA,wBAAA;IAChB,gBAAcnG,EAAAmG,CAAA,CAAC,CAAA,sBAAA;IACf,OAAOnG,EAAA0L,EAAA;IACP,aAAW1L,EAAA2L,EAAA;IACX,WAAS3L,EAAA4L,EAAA;IACT,UAAQ5L,EAAA6L,EAAA;;;;;;;;;;;;GAGXjM,EAaM,OAbN+C,IAaM7C,EAPFE,EAAA4H,CAAA,CAAW,CAAC,WAAW,UAAK,O,KAAsB5H,EAAAmG,CAAA,CAAC,CAAA,uCAAA;IAA2D,GAAAnG,EAAA4H,CAAA,CAAW,CAAC,aAAa,QAAK;IAA2B,OAAA5H,EAAA4H,CAAA,CAAW,CAAC,WAAW"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ANestedSortableListEditor.js","names":["_sfc_main","ANestedSortableListEditor_vue_vue_type_script_setup_true_lang_default","ANestedSortableListEditor_default"],"sources":["../../../../src/domains/listEditor/components/ANestedSortableListEditor.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"TItem extends Record<string, any>\">\nimport {\n  computed,\n  customRef,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  useSlots,\n  useTemplateRef,\n  watch,\n} from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useContainerWidth } from '@/domains/listEditor/composables/useContainerWidth'\nimport { useIsTouchDevice } from '@/domains/listEditor/composables/useIsTouchDevice'\nimport { useKeyboardNav } from '@/domains/listEditor/composables/useKeyboardNav'\nimport { useSortable } from '@vueuse/integrations/useSortable'\nimport { type NestedViewItem } from '@/domains/listEditor/composables/useNestedListEditor'\nimport {\n  useNestedListEditorController,\n  type GetKey,\n  type ListEditorValidationResult,\n  type NestedListEditorHandle,\n  type NestedSortableListEditorExtras,\n  type PositionOption,\n  type PositionStrategy,\n} from '@/domains/listEditor/composables/useNestedListEditorController'\nimport {\n  computeInstruction,\n  type ExecutableInstruction,\n  type Instruction,\n} from '@/domains/listEditor/composables/useDragInstruction'\nimport {\n  provideListEditorStateScope,\n  useNestedListEditorStateEntry,\n  type NestedListEditorStateBindings,\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 { useReorderMode } from '@/domains/listEditor/composables/useReorderMode'\nimport { cloneDeep } from '@/shared/utils/common'\nimport type {\n  ListEditorKey,\n  ListEditorValidationScope,\n  ListEditorValidationState,\n  NestedPositionHint,\n  NestedTree,\n  NestedTreeNode,\n} from '@/domains/listEditor/types/listEditorTypes'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { stringToInt } from '@/shared/utils/string'\nimport LeNestedRow from '@/domains/listEditor/components/internal/LeNestedRow.vue'\nimport LeDeleteDialog from '@/domains/listEditor/components/internal/LeDeleteDialog.vue'\nimport LeMoveToPositionDialog from '@/domains/listEditor/components/internal/LeMoveToPositionDialog.vue'\nimport LeChangeParentDialog from '@/domains/listEditor/components/internal/LeChangeParentDialog.vue'\nimport LeEmptyState from '@/domains/listEditor/components/internal/LeEmptyState.vue'\nimport LeStatus from '@/domains/listEditor/components/internal/LeStatus.vue'\nimport { DRAG_GHOST_CLASS, DRAG_CHOSEN_CLASS, DRAG_CLASS } from '@/domains/listEditor/components/internal/constants'\n\nexport interface DecoratedNestedViewItem<T> extends NestedViewItem<T> {\n  editing: boolean\n  expanded: boolean\n  childrenExpanded: boolean\n  loading: boolean\n  dirty: boolean\n  moved: boolean\n  unsaved: boolean\n}\n\nexport interface DragState {\n  sourceKey: ListEditorKey\n  sourceSubtreeDepth: number\n  instruction: Instruction | null\n}\n\nexport type ReorderMode = 'view' | 'reorder'\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  addChild: () => void\n  toggleExpand: () => void\n  toggleDetail: () => void\n  moveUp: () => void\n  moveDown: () => void\n  moveTop: () => void\n  moveBottom: () => void\n  indent: () => void\n  outdent: () => void\n  update: (data: TItem) => void\n}\nexport interface RowSlotProps<TItem extends Record<string, any>> {\n  item: DecoratedNestedViewItem<TItem> & { validationState: ListEditorValidationState }\n  raw: TItem\n  index: number\n  key: ListEditorKey\n  depth: number\n  parent: TItem | null\n  parentKey: ListEditorKey | null\n  childrenCount: number\n  hasChildren: boolean\n  childrenAllowed: boolean\n  firstInParent: boolean\n  lastInParent: boolean\n  readonly: boolean\n  disabled: boolean\n  expanded: boolean\n  childrenExpanded: boolean\n  editing: boolean\n  dirty: boolean\n  unsaved: boolean\n  moved: boolean\n  reorderMode: boolean\n  canMoveUp: boolean\n  canMoveDown: boolean\n  canIndent: boolean\n  canOutdent: boolean\n  canAddChild: 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 ToolbarSlotProps {\n  applying: boolean\n  hasPendingChanges: boolean\n  movedCount: number\n  error: string | null\n  actions: { apply: () => Promise<void>; cancel: () => void }\n}\nexport interface ReorderToggleSlotProps {\n  mode: ReorderMode\n  disabled: boolean\n  hasPendingChanges: boolean\n  actions: { enterReorderMode: () => void; exitReorderMode: () => void }\n}\nexport interface HeaderSlotProps extends ReorderToggleSlotProps {\n  title: string | null\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}\n\nexport interface Props<TItem extends Record<string, any>> {\n  maxDepth: number\n\n  /**\n   * New-row factory; if set, add/add-after/add-inside insert through the\n   * controller (no `@add` handler needed). Optional for read-only trees.\n   */\n  factory?: () => TItem\n  /**\n   * Stable row identity. Default `'id'`. Never point at the position field.\n   * Typed `string` (not `keyof TItem`): a bare keyof compiles to a Boolean-only\n   * runtime 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. Typed\n   * `[String, Boolean, Object]` with `string` before `false`: a bare keyof\n   * compiles Boolean-only, and `false`-first would coerce `position=\"position\"`\n   * (value == prop name) to `true`. Object form folds in `{ field, multiplier }`.\n   */\n  position?: string | false | { field: string; multiplier?: number; strategy?: PositionStrategy }\n  /** Parent-key field written onto reparented rows. Default `'parent'`. */\n  parentField?: string\n  /**\n   * Extra fields dropped from the dirty content-hash (position + parent always\n   * dropped), e.g. a child collection tracked by a separate editor.\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 (`useNestedListEditorController()`) so state\n   * survives unmount/remount; omitted = internal controller. Same handle\n   * reachable via `useTemplateRef`.\n   */\n  editor?: NestedListEditorHandle<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 tree on re-expand). Derive the key from the row\n   * slot's `stateKeyPrefix`. Options stay declared here, on this tag. Ignored when `:editor` is\n   * passed, and a 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\n  showAddButton?: boolean\n  showAddChildButton?: boolean\n  showDeleteButton?: boolean\n  showEditButton?: boolean\n  showAddAfterAction?: boolean\n  showMoveToPosition?: boolean\n  showChangeParent?: boolean\n  showExpandToggle?: 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  /**\n   * Disable unsaved-state tracking — no dirty markers, never reads as unsaved. For a list that is a\n   * VIEW of data owned elsewhere (a display cache rebuilt from a parent's field, say): nothing in\n   * such a component can ever clear an amber row, so it must not raise one. Mirrors `AListEditor`.\n   */\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 until save (revertible until then, incl. via reorder Cancel). `immediate`: the\n   * consumer deletes on the backend — the dialog says it is irreversible and it does NOT read as unsaved.\n   */\n  deleteMode?: 'immediate' | 'deferred'\n\n  closeVariant?: 'auto' | 'icon' | 'labeled'\n\n  loadingKeys?: Set<ListEditorKey> | null\n\n  showReorderToggle?: boolean\n  disableReorder?: boolean\n  disableDrag?: boolean\n\n  onDeleteConfirm?: (item: TItem) => Promise<boolean> | boolean\n  onDelete?: (item: TItem) => Promise<void> | void\n  onItemSave?: (item: TItem) => Promise<void> | void\n  onReorderApply?: (tree: NestedTree<TItem>) => Promise<void> | void\n\n  /** Registers this editor as a named unsaved-changes section under the given (translated) label. */\n  unsavedSectionLabel?: string\n}\n\nconst props = withDefaults(defineProps<Props<TItem>>(), {\n  unsavedSectionLabel: undefined,\n  factory: undefined,\n  getKey: undefined,\n  position: undefined,\n  parentField: 'parent',\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  showAddButton: true,\n  showAddChildButton: true,\n  showDeleteButton: true,\n  showEditButton: true,\n  showAddAfterAction: false,\n  showMoveToPosition: false,\n  showChangeParent: false,\n  showExpandToggle: true,\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  loadingKeys: null,\n  showReorderToggle: true,\n  disableReorder: false,\n  disableDrag: false,\n  onDeleteConfirm: undefined,\n  onDelete: undefined,\n  onItemSave: undefined,\n  onReorderApply: undefined,\n})\n\nconst emit = defineEmits<{\n  add: [hint: NestedPositionHint | undefined]\n  'add-child': [parent: NestedViewItem<TItem>]\n  edit: [item: NestedViewItem<TItem>]\n  deleted: [item: NestedViewItem<TItem>]\n  close: [item: NestedViewItem<TItem>]\n  'item-saved': [item: NestedViewItem<TItem>]\n  'item-expand': [item: NestedViewItem<TItem>, expanded: boolean]\n  'reorder-start': []\n  'reorder-cancel': []\n  'reorder-applied': [tree: NestedTree<TItem>]\n  'reorder-apply-error': [error: unknown]\n  'reorder-end': []\n  indent: [item: NestedViewItem<TItem>]\n  outdent: [item: NestedViewItem<TItem>]\n}>()\n\nconst modelProp = defineModel<NestedTree<TItem>>({ required: true })\n// Same-tick reads must see an emitted write (the prop lags it until the parent re-renders).\nlet pendingWrite: NestedTree<TItem> | null = null\nwatch(modelProp, () => (pendingWrite = null), { flush: 'sync' })\nconst modelValue = customRef<NestedTree<TItem>>((track, trigger) => ({\n  get: () => {\n    track()\n    // Read the prop every time, pending write or not: a computed evaluated while a write is pending must\n    // still subscribe to it.\n    const current = modelProp.value\n    return pendingWrite ?? current\n  },\n  set: (v) => {\n    pendingWrite = v\n    modelProp.value = v\n    trigger()\n    // Only this write's own clear: a newer pending write stays. The trigger lets readers see the prop\n    // again, e.g. when the parent ignored the update.\n    nextTick(() => {\n      if (pendingWrite !== v) return\n      pendingWrite = null\n      trigger()\n    })\n  },\n}))\nconst mode = defineModel<ReorderMode>('mode', { default: 'view' })\n\ndefineSlots<{\n  header?: (props: HeaderSlotProps) => unknown\n  'reorder-toggle'?: (props: ReorderToggleSlotProps) => unknown\n  'reorder-toolbar'?: (props: ToolbarSlotProps) => 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-footer'?: (props: RowSlotProps<TItem>) => unknown\n  'item-actions'?: (props: RowSlotProps<TItem>) => unknown\n  'before-item'?: (props: RowSlotProps<TItem>) => unknown\n  'after-item'?: (props: RowSlotProps<TItem>) => unknown\n}>()\n\nconst { t } = useI18n()\nconst slots = useSlots()\nconst { showWarningT } = useAlerts()\n\nconst rootEl = useTemplateRef<HTMLElement>('rootEl')\nconst { isNarrow } = useContainerWidth(rootEl)\n\nconst isTouch = useIsTouchDevice()\n\nconst effectiveCloseVariant = computed<'icon' | 'labeled'>(() => {\n  if (props.closeVariant === 'icon') return 'icon'\n  if (props.closeVariant === 'labeled') return 'labeled'\n  return isNarrow.value ? 'icon' : 'labeled'\n})\n\nconst childrenExpandedKeys = ref<Set<ListEditorKey>>(new Set())\n// Readonly detail body visibility — independent of subtree expansion.\nconst detailExpandedKeys = ref<Set<ListEditorKey>>(new Set())\n\n// Local mirror of the controller's key resolution so walkers + the template key\n// rows the same way the controller tracks them. Construction-time config, read once.\n/* eslint-disable vue/no-setup-props-reactivity-loss */\nconst getKeyOpt = props.getKey ?? 'id'\nconst keyFieldName = (typeof getKeyOpt === 'function' ? 'id' : getKeyOpt) as string\nconst keyOf = (data: TItem): ListEditorKey =>\n  typeof getKeyOpt === 'function' ? getKeyOpt(data) : (data[getKeyOpt as keyof TItem] as ListEditorKey)\n\n// Managed position field (row position, move-to-position dialog, flatViewItems). Mirrors the controller.\nconst positionFieldName = ((): string => {\n  const p = props.position\n  if (p === undefined || p === false) return 'position'\n  if (typeof p === 'object') return p.field\n  return p\n})()\n\nconst initChildrenExpanded = (tree: NestedTree<TItem>) => {\n  const walk = (nodes: NestedTreeNode<TItem>[]) => {\n    for (const n of nodes) {\n      if (n.children && n.children.length > 0) {\n        childrenExpandedKeys.value.add(keyOf(n.data))\n        walk(n.children)\n      }\n    }\n  }\n  walk(tree.children)\n}\n// eslint-disable-next-line vue/no-ref-object-reactivity-loss\ninitChildrenExpanded(modelValue.value)\n\n// State controller (v2). Undefined getKey/position/validate fall back to controller defaults\n// ('id' / 'position' / always-valid). Its `viewItems` ignores expand state, so we re-project an\n// expand-aware list below (flatViewItems).\nconst controllerOptions: NestedListEditorStateBindings<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  parentField: props.parentField,\n  maxDepth: props.maxDepth,\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 (rebound to this instance on every remount); else this\n// component owns the controller — today's behaviour, unchanged.\nconst stateEntry = props.editor ? null : useNestedListEditorStateEntry<TItem>(props.stateKey, controllerOptions)\nconst controller = props.editor ?? stateEntry?.handle ?? useNestedListEditorController<TItem>(controllerOptions)\n/* eslint-enable vue/no-setup-props-reactivity-loss */\n\n// Row-state scope for THIS editor's `#item` slot subtree — see ASortableListEditor.\nconst rowStateScope = provideListEditorStateScope(stateEntry?.childScope ?? null)\n\n// FULL flattened list (collapsed-branch rows included) built directly off the\n// tree: the recursive renderer (LeNestedRow) filters by parentKey + childrenExpandedKeys,\n// so it needs every row present in viewItemsDecorated even when hidden.\nconst flatViewItems = computed<NestedViewItem<TItem>[]>(() => {\n  const flat: NestedViewItem<TItem>[] = []\n  let flatIndex = 0\n  const maxDepth = props.maxDepth\n  const walk = (nodes: NestedTreeNode<TItem>[], depth: number, parentNode: NestedTreeNode<TItem> | null) => {\n    for (let i = 0; i < nodes.length; i++) {\n      const node = nodes[i]!\n      const key = keyOf(node.data)\n      const childrenAllowed = node.children !== undefined\n      const hasChildren = childrenAllowed && (node.children?.length ?? 0) > 0\n      const childrenCount = node.children?.length ?? 0\n      const remainingDepth = maxDepth - (depth + 1)\n      flat.push({\n        key,\n        index: flatIndex++,\n        raw: node.data,\n        position: node.data[positionFieldName] as number | undefined,\n        node,\n        depth,\n        parent: parentNode?.data ?? null,\n        parentKey: parentNode ? keyOf(parentNode.data) : null,\n        childrenCount,\n        hasChildren,\n        childrenAllowed,\n        siblingIndex: i,\n        siblingCount: nodes.length,\n        firstInParent: i === 0,\n        lastInParent: i === nodes.length - 1,\n        canAddChild: childrenAllowed && remainingDepth > 0,\n        canIndent: i > 0,\n        canOutdent: depth > 0,\n      })\n      if (hasChildren) walk(node.children as NestedTreeNode<TItem>[], depth + 1, node)\n    }\n  }\n  walk(modelValue.value.children, 0, null)\n  return flat\n})\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  () => flatViewItems.value.map((vi) => String(vi.key)).join('|'),\n  () => rowStateScope.retainOwners(flatViewItems.value.map((vi) => vi.key)),\n  { flush: 'post' }\n)\n\n// Snapshot for reorder-cancel restore only; dirty detection lives in the controller.\n// `movedKeys` is component view state driving the toolbar \"N pending\" counter,\n// cleared on every mode transition by `useReorderMode`.\nconst snapshot = shallowRef<NestedTree<TItem> | null>(null)\nconst movedKeys = ref<Set<ListEditorKey>>(new Set())\n// Deletes made during the current reorder session, split by mode — deferred ones count in the toolbar\n// and revert on Cancel; immediate (backend) ones are re-applied on Cancel so they stay gone (else the\n// snapshot-restore would resurrect a server-deleted row). Mirrors ASortableListEditor.\nconst sessionDeferredDeletes = ref<Set<ListEditorKey>>(new Set())\nconst sessionImmediateDeletes = ref<Set<ListEditorKey>>(new Set())\n\n// The exposed `commit`: the controller's, plus the moved markers, which are this component's view state.\nconst commit = (saved?: NestedTree<TItem>) => {\n  controller.commit(saved)\n  movedKeys.value = new Set()\n}\n// Mark row + every descendant moved — a moved parent visually carries its subtree.\nconst markMoved = (key: ListEditorKey) => {\n  const { node } = controller.findNode(key)\n  if (!node) {\n    movedKeys.value.add(key)\n    return\n  }\n  const collect = (n: NestedTreeNode<TItem>) => {\n    movedKeys.value.add(keyOf(n.data))\n    if (n.children) n.children.forEach(collect)\n  }\n  collect(node)\n}\n\nconst decoratorCache = new Map<ListEditorKey, DecoratedNestedViewItem<TItem>>()\nconst viewItemsDecorated = computed<DecoratedNestedViewItem<TItem>[]>(() => {\n  const next: DecoratedNestedViewItem<TItem>[] = []\n  const liveKeys = new Set<ListEditorKey>()\n  for (const vi of flatViewItems.value) {\n    liveKeys.add(vi.key)\n    const editing = editingKeys.value.has(vi.key)\n    const expanded = detailExpandedKeys.value.has(vi.key)\n    const childrenExpanded = childrenExpandedKeys.value.has(vi.key)\n    const loading = props.loadingKeys?.has(vi.key) ?? false\n    const moved = movedKeys.value.has(vi.key)\n    // Amber = controller dirty OR reorder-session moved. readonly suppresses it\n    // (read-only views can't be unsaved; also dodges a mount-before-load baseline). (QA 85050 sweep)\n    const dirty = props.readonly ? false : controller.isUnsaved(vi.key)\n    // `disableUnsaved` suppresses only the amber marker — the validation rail still shows, since\n    // hiding dirty state should not hide a real error.\n    const unsaved = props.disableUnsaved || props.readonly ? false : dirty || moved\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.depth === vi.depth &&\n      cached.parentKey === vi.parentKey &&\n      cached.childrenCount === vi.childrenCount &&\n      cached.firstInParent === vi.firstInParent &&\n      cached.lastInParent === vi.lastInParent &&\n      cached.editing === editing &&\n      cached.expanded === expanded &&\n      cached.childrenExpanded === childrenExpanded &&\n      cached.loading === loading &&\n      cached.dirty === dirty &&\n      cached.moved === moved &&\n      cached.unsaved === unsaved\n    ) {\n      next.push(cached)\n      continue\n    }\n    const decorated: DecoratedNestedViewItem<TItem> = {\n      ...vi,\n      editing,\n      expanded,\n      childrenExpanded,\n      loading,\n      dirty,\n      moved,\n      unsaved,\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(() => modelValue.value.children.length === 0)\nconst totalItemCount = computed(() => flatViewItems.value.length)\n\nconst rowsContainer = useTemplateRef<HTMLElement>('rowsContainer')\n\nconst canInteract = computed(() => !props.readonly && !props.disabled && !props.loading)\nconst canEnterReorder = computed(() => canInteract.value && !props.disableReorder && totalItemCount.value > 1)\n\nconst isInlineEdit = computed(() => !!(slots as Record<string, unknown>).item)\nconst hasReadonlyDetail = computed(() => !!(slots as Record<string, unknown>)['item-readonly'])\nconst showInlineSaveFooter = computed(() => !!props.onItemSave)\n\nconst { editingKeys, editingSnapshots, clearEditing, beginEdit, cancelEdit, commitEdit, closeEdit, requestAutoOpen } =\n  useInlineEditing<TItem, NestedViewItem<TItem>>({\n    rowsContainer,\n    rowSelector: '.a-le-row-wrapper',\n    isInlineEdit,\n    // markDirty=false: restoring the pre-edit snapshot on cancel must not flag the\n    // node dirty (it would otherwise be resent by partial-multi saves).\n    restoreSnapshot: (key, data) => controller.updateItem(key, data, false),\n    watchKeys: () => {\n      const keys: ListEditorKey[] = []\n      const walk = (nodes: NestedTreeNode<TItem>[]) => {\n        for (const n of nodes) {\n          keys.push(keyOf(n.data))\n          if (n.children && n.children.length) walk(n.children)\n        }\n      }\n      walk(modelValue.value.children)\n      return keys\n    },\n    findEntry: (key) => {\n      const { node } = controller.findNode(key)\n      return node ? { data: node.data } : null\n    },\n    afterAutoOpen: (key) => {\n      const { parent } = controller.findNode(key)\n      if (parent) {\n        childrenExpandedKeys.value.add(keyOf(parent.data))\n      }\n    },\n  })\n\nconst {\n  applying,\n  applyError,\n  hasPendingChanges,\n  movedCount,\n  reorderMode,\n  enterReorderMode,\n  cancelReorderMode,\n  applyReorder,\n} = useReorderMode<NestedTree<TItem>>({\n  mode,\n  snapshot,\n  movedKeys,\n  modelValue,\n  cloneModel: (m) => cloneDeep(m) as NestedTree<TItem>,\n  applyModel: (m) => {\n    modelValue.value = m\n  },\n  canEnterReorder,\n  onEnter: () => {\n    sessionDeferredDeletes.value = new Set()\n    sessionImmediateDeletes.value = new Set()\n    clearEditing()\n    // Expand every branch so all rows are reachable drag targets.\n    for (const k of expandableKeys.value) childrenExpandedKeys.value.add(k)\n    nextTick(() => {\n      if (dragEnabled.value) initSortables()\n    })\n  },\n  onExternalEnter: () => {\n    sessionDeferredDeletes.value = new Set()\n    sessionImmediateDeletes.value = new Set()\n    clearEditing()\n  },\n  // Cancel: the snapshot-restore has brought every deleted row back; reconcile the controller so a\n  // deferred delete truly reverts (clear tombstone, row stays) and an immediate delete stays gone (row\n  // removed again — it is deleted on the backend and must not resurrect / be re-created by a save).\n  onCancel: () => {\n    for (const key of sessionDeferredDeletes.value) controller.restoreDeleted(key)\n    for (const key of sessionImmediateDeletes.value)\n      controller.deleteItem(key, { trackDeleted: false, renumber: false })\n    sessionDeferredDeletes.value = new Set()\n    sessionImmediateDeletes.value = new Set()\n    destroySortables()\n  },\n  onApplyEnd: () => {\n    sessionDeferredDeletes.value = new Set()\n    sessionImmediateDeletes.value = new Set()\n    destroySortables()\n  },\n  onReorderApply: (tree) => props.onReorderApply?.(tree),\n  emit: {\n    reorderStart: () => emit('reorder-start'),\n    reorderCancel: () => emit('reorder-cancel'),\n    reorderApplied: (payload) => emit('reorder-applied', payload),\n    reorderApplyError: (err) => emit('reorder-apply-error', err),\n    reorderEnd: () => emit('reorder-end'),\n  },\n})\n\n// Reorder-toolbar pending indicator = session moves + deferred deletes made in the session, so a delete\n// in reorder mode no longer reads as \"no pending changes\" and Apply stays enabled.\nconst nestedPendingCount = computed<number>(() => movedCount.value + sessionDeferredDeletes.value.size)\nconst nestedPendingChanges = computed<boolean>(() => hasPendingChanges.value || sessionDeferredDeletes.value.size > 0)\n\nconst canAdd = computed(() => canInteract.value && props.showAddButton && !reorderMode.value)\nconst dragEnabled = computed(() => reorderMode.value && !isTouch.value && !props.disableDrag)\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 reorderToggleVisible = computed<boolean>(\n  (): boolean => !props.readonly && props.showReorderToggle && !reorderMode.value && totalItemCount.value > 0\n)\n\nconst compactReorderButton = computed<boolean>((): boolean => !!props.title && isNarrow.value)\n\n// Keys of every node that has children — the expand/collapse candidates.\nconst expandableKeys = computed<ListEditorKey[]>(() => {\n  const out: ListEditorKey[] = []\n  const walk = (nodes: NestedTreeNode<TItem>[]) => {\n    for (const n of nodes) {\n      if (n.children && n.children.length > 0) {\n        out.push(keyOf(n.data))\n        walk(n.children)\n      }\n    }\n  }\n  walk(modelValue.value.children)\n  return out\n})\n\nconst allExpanded = computed<boolean>(\n  () => expandableKeys.value.length > 0 && expandableKeys.value.every((k) => childrenExpandedKeys.value.has(k))\n)\n\nconst expandAllVisible = computed<boolean>(() => !reorderMode.value && expandableKeys.value.length > 0)\n\nconst toggleExpandAll = () => {\n  if (allExpanded.value) {\n    for (const k of expandableKeys.value) childrenExpandedKeys.value.delete(k)\n  } else {\n    for (const k of expandableKeys.value) childrenExpandedKeys.value.add(k)\n  }\n}\n\nconst headerVisible = computed<boolean>(\n  (): boolean =>\n    !!(\n      props.title ||\n      (slots as Record<string, unknown>).header ||\n      (slots as Record<string, unknown>)['reorder-toggle'] ||\n      reorderToggleVisible.value ||\n      expandAllVisible.value ||\n      reorderMode.value\n    )\n)\n\n// One Sortable instance per group so drag/drop moves items within/between groups;\n// SortableJS owns the pointer events, onEnd reconciles via editor.moveTo().\nconst sortableInstances = ref<Array<{ stop: () => void; option?: (k: string, v: unknown) => void }>>([])\nconst forceRerender = ref(0)\n\nconst destroySortables = () => {\n  for (const s of sortableInstances.value) {\n    try {\n      s.stop()\n    } catch {\n      // no-op\n    }\n  }\n  sortableInstances.value = []\n}\n\nconst GROUP_CLASS = 'a-nested-list-editor__group'\nconst HANDLE_CLASS = 'a-le-drag-handle'\n\n// Live drag state. `instruction` is recomputed on every pointermove and encodes\n// where + at what depth the dragged item lands (sibling-above/below/make-child/blocked);\n// the overlay reads it, onEnd applies it via `editor.moveTo`. SortableJS never moves\n// the DOM (onMove always returns false) — hit-testing, depth and the mutation are all ours.\nconst dragState = ref<DragState | null>(null)\n\n// Drop indicator anchor geometry, kept in sync with CSS (reorder-mode header\n// padding-left = 12 + depth*24, drag handle = 20px). ANCHOR_X = 12 + half handle\n// (10) = 22 puts the dot on the handle's centre; the line steps 24px per depth.\nconst INDENT_PX = 24\nconst ANCHOR_X = 22\n\nconst hitTestRow = (\n  clientX: number,\n  clientY: number\n): { el: HTMLElement; viewItem: DecoratedNestedViewItem<TItem> } | null => {\n  const hit = document.elementFromPoint(clientX, clientY) as HTMLElement | null\n  if (!hit) return null\n  const wrapper = hit.closest('.a-le-row-wrapper') as HTMLElement | null\n  if (!wrapper) return null\n  // Only wrappers inside our rowsContainer — elementFromPoint could hit a\n  // different ANestedSortableListEditor instance on the same page.\n  if (!rowsContainer.value || !rowsContainer.value.contains(wrapper)) return null\n  const key = parseKey(wrapper.getAttribute('data-id'))\n  if (key === null) return null\n  const vi = viewItemsDecorated.value.find((v) => v.key === key)\n  if (!vi) return null\n  return { el: wrapper, viewItem: vi }\n}\n\nconst recomputeInstruction = (clientX: number, clientY: number) => {\n  if (!dragState.value || !rowsContainer.value) return\n  const hit = hitTestRow(clientX, clientY)\n  if (!hit) {\n    dragState.value.instruction = null\n    return\n  }\n  const containerRect = rowsContainer.value.getBoundingClientRect()\n  // Hit-test the `.a-le-row` child, not the wrapper — the wrapper's height\n  // balloons when children are rendered.\n  const rowEl = hit.el.querySelector(':scope > .a-le-row') as HTMLElement | null\n  const rowRect = (rowEl ?? hit.el).getBoundingClientRect()\n  dragState.value.instruction = computeInstruction({\n    pointer: { x: clientX, y: clientY },\n    hoveredRow: {\n      key: hit.viewItem.key,\n      rect: rowRect,\n      depth: hit.viewItem.depth,\n      parentKey: hit.viewItem.parentKey,\n      siblingIndex: hit.viewItem.siblingIndex,\n      siblingCount: hit.viewItem.siblingCount,\n    },\n    sourceKey: dragState.value.sourceKey,\n    sourceSubtreeDepth: dragState.value.sourceSubtreeDepth,\n    viewItems: viewItemsDecorated.value,\n    maxDepth: props.maxDepth,\n    indentPx: INDENT_PX,\n    containerLeft: containerRect.left,\n    containerPaddingLeft: ANCHOR_X,\n  })\n}\n\nconst onPointerMove = (e: PointerEvent) => {\n  recomputeInstruction(e.clientX, e.clientY)\n}\n\nconst applyInstruction = (inst: ExecutableInstruction, sourceKey: ListEditorKey) => {\n  const ok = controller.moveTo(sourceKey, inst.parentKey, inst.index)\n  if (!ok) {\n    showWarningT('common.sortable.error.maxDeepExceed')\n    forceRerender.value++\n    nextTick(() => initSortables())\n    return\n  }\n  markMoved(sourceKey)\n  // makeChild: expand the new parent so the just-moved row doesn't vanish into a collapsed branch.\n  if (inst.makeChild && inst.parentKey !== null) {\n    childrenExpandedKeys.value.add(inst.parentKey)\n  }\n}\n\nconst initSortables = () => {\n  destroySortables()\n  if (!dragEnabled.value) return\n  if (!rowsContainer.value) return\n  const groups = Array.from(rowsContainer.value.querySelectorAll<HTMLElement>('.' + GROUP_CLASS))\n  for (const group of groups) {\n    const sortable = useSortable(group, [], {\n      group: { name: 'a-nested', pull: true, put: true },\n      handle: '.' + HANDLE_CLASS,\n      animation: 0,\n      ghostClass: DRAG_GHOST_CLASS,\n      chosenClass: DRAG_CHOSEN_CLASS,\n      dragClass: DRAG_CLASS,\n      fallbackOnBody: true,\n      forceFallback: true,\n      fallbackTolerance: 3,\n      onStart: (event) => {\n        const draggedEl = event.item as HTMLElement\n        const id = parseKey(draggedEl.getAttribute('data-id'))\n        if (id === null) return\n        const draggedNode = controller.findNode(id).node\n        const subtreeDepth = draggedNode ? controller.calculateSubtreeDepth(draggedNode) : 1\n        dragState.value = {\n          sourceKey: id,\n          sourceSubtreeDepth: subtreeDepth,\n          instruction: null,\n        }\n        document.addEventListener('pointermove', onPointerMove, { passive: true })\n      },\n      onMove: (event) => {\n        // Also track the pointer via SortableJS's stream — keeps `instruction`\n        // in sync when the browser coalesces pointermove events during fast drags.\n        const orig = (event as unknown as { originalEvent?: Event }).originalEvent\n        if (orig) {\n          if ('clientX' in orig && 'clientY' in orig) {\n            recomputeInstruction((orig as MouseEvent).clientX, (orig as MouseEvent).clientY)\n          } else if ('touches' in orig) {\n            const tev = orig as TouchEvent\n            if (tev.touches.length > 0) {\n              recomputeInstruction(tev.touches[0]!.clientX, tev.touches[0]!.clientY)\n            }\n          }\n        }\n        // Refuse SortableJS's own DOM insertion — onEnd's `editor.moveTo` drives the move.\n        return false\n      },\n      onEnd: () => {\n        document.removeEventListener('pointermove', onPointerMove)\n        const state = dragState.value\n        dragState.value = null\n        if (!state) return\n        const inst = state.instruction\n        if (inst === null) return\n        if (inst.type === 'blocked') return\n        applyInstruction(inst, state.sourceKey)\n      },\n    })\n    sortableInstances.value.push(sortable)\n  }\n}\n\nconst parseKey = (raw: string | null): ListEditorKey | null => {\n  if (raw === null || raw === '') return null\n  // Numeric key only when `data-id` is a pure integer string (incl. negative temp\n  // ids like \"-1\"); else a DocId/UUID. The old `n > 0` test sent negative temp ids\n  // to the string branch, so a freshly-added row's move marked the wrong key.\n  const n = stringToInt(raw)\n  return String(n) === raw ? n : raw\n}\n\nwatch(\n  () => dragEnabled.value,\n  () => {\n    if (dragEnabled.value) nextTick(() => initSortables())\n    else destroySortables()\n  }\n)\n\nwatch(\n  () => forceRerender.value,\n  () => {\n    if (dragEnabled.value) nextTick(() => initSortables())\n  }\n)\n\n// Rebuild sortables when the tree shape changes during drag mode, else newly rendered groups aren't draggable.\nwatch(\n  () => viewItemsDecorated.value.map((v) => v.key).join('|'),\n  () => {\n    if (dragEnabled.value) nextTick(() => initSortables())\n  }\n)\n\nonMounted(() => {\n  if (dragEnabled.value) initSortables()\n})\nonBeforeUnmount(() => {\n  destroySortables()\n  document.removeEventListener('pointermove', onPointerMove)\n})\n\n// Overlay visual props from the current instruction; `null` = hidden (no\n// instruction, or blocked). The optional connector is a rail from the drop line\n// up to the row whose level dictates the insert. Measured via getBoundingClientRect\n// rather than CSS anchor positioning: Chrome's anchor-reachability rule excludes\n// some deeply-nested descendants, so JS measurement is simpler and more reliable.\ntype OverlayVisual = {\n  line: { top: number; left: number; right: number }\n  connector: { top: number; height: number; left: number } | null\n}\n\nconst overlayVisual = computed<OverlayVisual | null>(() => {\n  const state = dragState.value\n  if (!state || state.instruction === null || !rowsContainer.value) return null\n  const inst = state.instruction\n  // Blocked drops render nothing — the silent empty space is the \"not here\" signal.\n  if (inst.type === 'blocked') return null\n  const refWrapper = rowsContainer.value.querySelector<HTMLElement>(\n    `.a-le-row-wrapper[data-id=\"${CSS.escape(String(inst.refKey))}\"]`\n  )\n  if (!refWrapper) return null\n  const rowEl = refWrapper.querySelector<HTMLElement>(':scope > .a-le-row')\n  const containerRect = rowsContainer.value.getBoundingClientRect()\n  const rowRect = (rowEl ?? refWrapper).getBoundingClientRect()\n\n  const lineLeft = ANCHOR_X + inst.depth * INDENT_PX\n  const lineTop = inst.refEdge === 'top' ? rowRect.top - containerRect.top : rowRect.bottom - containerRect.top\n  const line = { top: lineTop, left: lineLeft, right: 16 }\n\n  let connector: OverlayVisual['connector'] = null\n  if (inst.levelRowKey !== null) {\n    const levelWrapper = rowsContainer.value.querySelector<HTMLElement>(\n      `.a-le-row-wrapper[data-id=\"${CSS.escape(String(inst.levelRowKey))}\"]`\n    )\n    if (levelWrapper) {\n      const levelRow = levelWrapper.querySelector<HTMLElement>(':scope > .a-le-row')\n      const levelRect = (levelRow ?? levelWrapper).getBoundingClientRect()\n      const levelCentreY = levelRect.top - containerRect.top + levelRect.height / 2\n      if (levelCentreY < lineTop) {\n        connector = {\n          top: levelCentreY,\n          height: lineTop - levelCentreY,\n          left: lineLeft,\n        }\n      }\n    }\n  }\n\n  return { line, connector }\n})\n\n// With a `factory`, the editor inserts through the controller; without one it\n// stays emit-only so legacy `@add` consumers drive the insert. The `add` event\n// fires either way.\nconst onAddClick = () => {\n  if (!canAdd.value) return\n  requestAutoOpen()\n  if (props.factory) controller.addItem()\n  emit('add', undefined)\n}\n\nconst onRowAddAfterClick = (vi: NestedViewItem<TItem>) => {\n  if (!canInteract.value) return\n  requestAutoOpen()\n  if (props.factory) controller.addAfter(vi.key, undefined, vi.childrenAllowed)\n  emit('add', { afterId: vi.key, childrenAllowed: vi.childrenAllowed })\n}\n\nconst onAddChildClick = (vi: NestedViewItem<TItem>) => {\n  if (!canInteract.value) return\n  if (!vi.canAddChild) return\n  requestAutoOpen()\n  childrenExpandedKeys.value.add(vi.key)\n  emit('add-child', vi)\n  // Append to the end of children, matching the root \"Add item\" semantic.\n  // (Drag-drop make-child still lands at index 0 — its drop line sits just below the parent.)\n  if (props.factory) controller.addChild(vi.key, undefined, true)\n  emit('add', { parentId: vi.key, childrenAllowed: true })\n}\n\nconst onEditClick = (vi: NestedViewItem<TItem>) => {\n  if (!canInteract.value || reorderMode.value) return\n  // Clicking edit while already editing closes the form, so the pencil toggles like the row header.\n  if (editingKeys.value.has(vi.key)) {\n    onCloseClick(vi)\n    return\n  }\n  if (isInlineEdit.value) {\n    beginEdit(vi)\n  }\n  emit('edit', vi)\n}\n\n// Toggles tree children visibility (distinct from the readonly-detail body below).\nconst onChevronClick = (vi: NestedViewItem<TItem>) => {\n  if (props.disabled || props.loading) return\n  const key = vi.key\n  const currently = childrenExpandedKeys.value.has(key)\n  if (currently) childrenExpandedKeys.value.delete(key)\n  else childrenExpandedKeys.value.add(key)\n  emit('item-expand', vi, !currently)\n}\n\n// Toggles the row's readonly-detail body (separate from tree children).\nconst onDetailToggle = (vi: NestedViewItem<TItem>) => {\n  if (props.disabled || props.loading) return\n  const key = vi.key\n  const currently = detailExpandedKeys.value.has(key)\n  if (currently) detailExpandedKeys.value.delete(key)\n  else detailExpandedKeys.value.add(key)\n  emit('item-expand', vi, !currently)\n}\n\nconst isRowClickable = (vi: DecoratedNestedViewItem<TItem>): boolean => {\n  if (props.disableRowClick) return false\n  if (props.disabled || props.loading) return false\n  if (reorderMode.value) 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: DecoratedNestedViewItem<TItem>) => {\n  if (!isRowClickable(vi)) return\n  if (vi.editing || vi.expanded) {\n    onCloseClick(vi)\n    return\n  }\n  if (props.readonly && hasReadonlyDetail.value) onDetailToggle(vi)\n  else onEditClick(vi)\n}\n\nconst {\n  deleteDialog,\n  deleteInFlight,\n  deleteError,\n  onDeleteClick: triggerDeleteClick,\n  onDeleteDialogConfirm,\n  onDeleteDialogCancel,\n} = useDeleteDialog<TItem, NestedViewItem<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    detailExpandedKeys.value.delete(vi.key)\n    childrenExpandedKeys.value.delete(vi.key)\n    const deferred = props.deleteMode === 'deferred'\n    // A delete in reorder mode is a session change: deferred reverts on Cancel, immediate stays gone\n    // (re-applied after Cancel's snapshot-restore).\n    if (reorderMode.value) {\n      if (deferred) sessionDeferredDeletes.value.add(vi.key)\n      else sessionImmediateDeletes.value.add(vi.key)\n    }\n    // Controller owns removal (mirrors the flat editors): a deferred saved-row delete is tombstoned\n    // (counts as unsaved); immediate skips it (already deleted on the backend). Runs before the\n    // `deleted` emit so a consumer's handler still receives `vi.raw`.\n    // Immediate: the backend already dropped the row and does not renumber the siblings, so neither does\n    // the editor — their positions keep matching the server's and nothing reads as unsaved.\n    if (deferred) controller.deleteItem(vi.key, { trackDeleted: true })\n    else controller.deleteItem(vi.key, { trackDeleted: false, renumber: false })\n    emit('deleted', vi)\n  },\n  disableDeleteConfirm: () => props.disableDeleteConfirm,\n})\n\nconst onDeleteClick = async (vi: NestedViewItem<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: NestedViewItem<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: NestedViewItem<TItem>) => {\n  cancelEdit(vi)\n}\n\nconst onCloseClick = (vi: NestedViewItem<TItem>) => {\n  closeEdit(vi)\n  emit('close', vi)\n}\n\nconst moveUp = (id: ListEditorKey) => {\n  if (controller.moveUp(id)) markMoved(id)\n}\nconst moveDown = (id: ListEditorKey) => {\n  if (controller.moveDown(id)) markMoved(id)\n}\nconst moveTop = (id: ListEditorKey) => {\n  if (controller.moveTop(id)) markMoved(id)\n}\nconst moveBottom = (id: ListEditorKey) => {\n  if (controller.moveBottom(id)) markMoved(id)\n}\nconst doIndent = (vi: NestedViewItem<TItem>) => {\n  if (!controller.indent(vi.key)) {\n    showWarningT('common.sortable.error.maxDeepExceed')\n    return\n  }\n  markMoved(vi.key)\n  emit('indent', vi)\n}\nconst doOutdent = (vi: NestedViewItem<TItem>) => {\n  if (!controller.outdent(vi.key)) return\n  markMoved(vi.key)\n  emit('outdent', vi)\n}\n\nconst resolveCompactText = (raw: TItem): string => resolveCompactTextUtil(raw, { compactField: props.compactField })\n\n// Row validation from the controller's gated `rowState` — red rail shows only\n// once the row is unsaved or `validateAll()` ran.\n// `editing` → the controller reads amber (not red) while the row is being filled in. (QA 85050 b7)\nconst resolveValidation = (raw: TItem, key?: ListEditorKey): ListEditorValidationState =>\n  key === undefined ? null : controller.rowState(raw, key, editingKeys.value.has(key))\n\n// Per-key actions cache for stable per-row identity (see AListEditor). Closures\n// capture the stable key and look up the current vi via findVi at call time.\ntype ActionsBundle = {\n  edit: () => void\n  save: () => Promise<void> | void\n  cancel: () => void\n  close: () => void\n  delete: () => Promise<void>\n  addAfter: () => void\n  addChild: () => void\n  toggleExpand: () => void\n  toggleDetail: () => void\n  moveUp: () => void\n  moveDown: () => void\n  moveTop: () => void\n  moveBottom: () => void\n  indent: () => void\n  outdent: () => void\n  update: (data: 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      addChild: () => {\n        const vi = findVi(key)\n        if (vi) onAddChildClick(vi)\n      },\n      toggleExpand: () => {\n        const vi = findVi(key)\n        if (vi) onChevronClick(vi)\n      },\n      toggleDetail: () => {\n        const vi = findVi(key)\n        if (vi) onDetailToggle(vi)\n      },\n      moveUp: () => moveUp(key),\n      moveDown: () => moveDown(key),\n      moveTop: () => moveTop(key),\n      moveBottom: () => moveBottom(key),\n      indent: () => {\n        const vi = findVi(key)\n        if (vi) doIndent(vi)\n      },\n      outdent: () => {\n        const vi = findVi(key)\n        if (vi) doOutdent(vi)\n      },\n      update: (data: TItem) => controller.updateItem(key, data),\n    }\n    actionsCache.set(key, actions)\n  }\n  return actions\n}\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: DecoratedNestedViewItem<TItem>) => ({\n  item: { ...vi, validationState: resolveValidation(vi.raw as TItem, vi.key) },\n  raw: vi.raw,\n  index: vi.index,\n  key: vi.key,\n  depth: vi.depth,\n  parent: vi.parent,\n  parentKey: vi.parentKey,\n  childrenCount: vi.childrenCount,\n  hasChildren: vi.hasChildren,\n  childrenAllowed: vi.childrenAllowed,\n  firstInParent: vi.firstInParent,\n  lastInParent: vi.lastInParent,\n  readonly: props.readonly,\n  disabled: props.disabled,\n  expanded: vi.expanded,\n  childrenExpanded: vi.childrenExpanded,\n  editing: vi.editing,\n  dirty: vi.dirty,\n  unsaved: vi.unsaved,\n  moved: vi.moved,\n  reorderMode: reorderMode.value,\n  canMoveUp: !vi.firstInParent,\n  canMoveDown: !vi.lastInParent,\n  canIndent: vi.canIndent,\n  canOutdent: vi.canOutdent,\n  canAddChild: vi.canAddChild,\n  touch: isTouch.value,\n  stateKeyPrefix: rowStateScope.prefixFor(vi.key),\n  actions: getActions(vi.key),\n})\n\nconst toolbarSlotProps = computed(() => ({\n  applying: applying.value,\n  hasPendingChanges: nestedPendingChanges.value,\n  movedCount: nestedPendingCount.value,\n  error: applyError.value,\n  actions: {\n    apply: applyReorder,\n    cancel: cancelReorderMode,\n  },\n}))\n\nconst reorderToggleSlotProps = computed(() => ({\n  mode: mode.value,\n  disabled: !canEnterReorder.value,\n  hasPendingChanges: hasPendingChanges.value,\n  actions: {\n    enterReorderMode,\n    exitReorderMode: cancelReorderMode,\n  },\n}))\n\nconst expandableKeySet = computed(() => new Set(expandableKeys.value))\n\nconst findVi = (key: ListEditorKey): DecoratedNestedViewItem<TItem> | undefined =>\n  viewItemsDecorated.value.find((v) => v.key === key)\n\nconst keyboardNav = useKeyboardNav({\n  viewItems: computed(() =>\n    viewItemsDecorated.value.map((vi) => ({\n      key: vi.key,\n      expanded: vi.childrenExpanded,\n      canExpand: expandableKeySet.value.has(vi.key),\n      canIndent: true,\n      canOutdent: true,\n    }))\n  ),\n  variant: 'nested',\n  isReorderMode: reorderMode,\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  onMoveUp: (key) => moveUp(key),\n  onMoveDown: (key) => moveDown(key),\n  onMoveTop: (key) => moveTop(key),\n  onMoveBottom: (key) => moveBottom(key),\n  onIndent: (key) => {\n    const vi = findVi(key)\n    if (vi) doIndent(vi)\n  },\n  onOutdent: (key) => {\n    const vi = findVi(key)\n    if (vi) doOutdent(vi)\n  },\n  onToggleChildren: (key) => {\n    const vi = findVi(key)\n    if (vi) onChevronClick(vi)\n  },\n  onCancelReorder: () => cancelReorderMode(),\n})\n\nconst moveToPositionDialogOpen = ref<boolean>(false)\nconst moveToPositionTarget = shallowRef<DecoratedNestedViewItem<TItem> | null>(null)\nconst moveToPositionContext = computed<{\n  parentId: ListEditorKey | null\n  total: number\n  currentIndex: number\n} | null>(() => {\n  const target = moveToPositionTarget.value\n  if (!target) return null\n  const found = controller.findNode(target.key)\n  const siblings = found.parent?.children ?? modelValue.value.children\n  const idx = siblings.findIndex((s) => keyOf(s.data) === target.key)\n  return {\n    parentId: found.parent ? keyOf(found.parent.data) : null,\n    total: siblings.length,\n    currentIndex: idx,\n  }\n})\nconst moveToPositionLabel = computed<string>(() =>\n  moveToPositionTarget.value ? resolveCompactText(moveToPositionTarget.value.raw) : ''\n)\nconst openMoveToPosition = (vi: DecoratedNestedViewItem<TItem>) => {\n  if (!props.showMoveToPosition) return\n  moveToPositionTarget.value = vi\n  moveToPositionDialogOpen.value = true\n}\nconst onMoveToPositionConfirm = (newIndex: number) => {\n  const ctx = moveToPositionContext.value\n  const target = moveToPositionTarget.value\n  moveToPositionTarget.value = null\n  if (!ctx || !target) return\n  if (newIndex === ctx.currentIndex) return\n  const slot = newIndex > ctx.currentIndex ? newIndex + 1 : newIndex\n  if (controller.moveTo(target.key, ctx.parentId, slot)) {\n    markMoved(target.key)\n  }\n}\n\nconst changeParentDialogOpen = ref<boolean>(false)\nconst changeParentTarget = shallowRef<DecoratedNestedViewItem<TItem> | null>(null)\nconst openChangeParent = (vi: DecoratedNestedViewItem<TItem>) => {\n  if (!props.showChangeParent) return\n  changeParentTarget.value = vi\n  changeParentDialogOpen.value = true\n}\nconst onChangeParentConfirm = (parentId: ListEditorKey | null, position: 'first' | 'last') => {\n  const target = changeParentTarget.value\n  changeParentTarget.value = null\n  if (!target) return\n  // Sibling count under the new parent so 'last' resolves to the right index ('first' = 0).\n  let siblingCount = 0\n  if (parentId === null) {\n    siblingCount = modelValue.value.children.length\n  } else {\n    const found = controller.findNode(parentId)\n    siblingCount = found.node?.children?.length ?? 0\n  }\n  const targetIndex = position === 'first' ? 0 : siblingCount\n  if (controller.moveTo(target.key, parentId, targetIndex)) {\n    markMoved(target.key)\n    if (parentId !== null) childrenExpandedKeys.value.add(parentId)\n  }\n}\n\n// Aggregated display flags + helpers passed into each <LeNestedRow>.\nconst rowContext = computed(() => ({\n  reorderMode: reorderMode.value,\n  readonly: props.readonly,\n  canInteract: canInteract.value,\n  dragEnabled: dragEnabled.value,\n  showExpandToggle: props.showExpandToggle,\n  showEditButton: props.showEditButton,\n  showDeleteButton: props.showDeleteButton,\n  showAddChildButton: props.showAddChildButton,\n  showAddAfterAction: props.showAddAfterAction,\n  showMoveToPosition: props.showMoveToPosition,\n  showChangeParent: props.showChangeParent,\n  showInlineSaveFooter: showInlineSaveFooter.value,\n  statusField: props.statusField,\n  effectiveCloseVariant: effectiveCloseVariant.value,\n  keyboardNav,\n  isRowClickable,\n  resolveCompactText,\n  resolveValidation: (raw: TItem, key?: ListEditorKey) => resolveValidation(raw, key),\n  buildSlotProps,\n}))\n\n// Event callback bundle passed to each row.\nconst rowCallbacks = {\n  onRowClick,\n  onChevronClick,\n  onEditClick,\n  onDeleteClick,\n  onCloseClick,\n  onSaveClick,\n  onCancelClick,\n  onAddAfterClick: onRowAddAfterClick,\n  onAddChildClick,\n  moveUp: (id: ListEditorKey) => moveUp(id),\n  moveDown: (id: ListEditorKey) => moveDown(id),\n  moveTop: (id: ListEditorKey) => moveTop(id),\n  moveBottom: (id: ListEditorKey) => moveBottom(id),\n  indent: doIndent,\n  outdent: doOutdent,\n  openMoveToPosition,\n  openChangeParent,\n}\n\nconst rootViewItems = computed(() => viewItemsDecorated.value.filter((v) => v.parentKey === null))\n\n// `acceptChanges` re-baselines ONLY what its own op changed, not the whole tree: other pending\n// edits/moves must survive and keep arming the leave guard. Siblings the op merely renumbered stay\n// pending (`meta.dirty`) -- the server may not have renumbered them, so the page's save still has to\n// send theirs.\nconst nodesByKey = (): Map<ListEditorKey, NestedTreeNode<TItem>> => {\n  const out = new Map<ListEditorKey, NestedTreeNode<TItem>>()\n  const walk = (nodes: NestedTreeNode<TItem>[]) => {\n    for (const n of nodes) {\n      out.set(keyOf(n.data), n)\n      if (n.children?.length) walk(n.children)\n    }\n  }\n  walk(modelValue.value.children)\n  return out\n}\nconst pendingKeys = (): Set<ListEditorKey> => new Set([...nodesByKey().keys()].filter((k) => controller.isUnsaved(k)))\n/**\n * Runs a tree mutation the server has already made -- a row created or saved through a dialog -- and\n * adopts as saved only the rows it added or edited, plus `keys` (pass the row's key; a deleted one is\n * no longer in the tree to be found). Siblings it only renumbered and other pending work stay unsaved.\n */\nconst acceptChanges = (op: () => void, keys: ListEditorKey[] = []) => {\n  const existing = new Set(nodesByKey().keys())\n  const before = pendingKeys()\n  op()\n  nextTick(() => {\n    const nodes = nodesByKey()\n    const accepted = [...new Set([...keys, ...[...pendingKeys()].filter((k) => !before.has(k))])]\n    // A created row the op renumbered -- into a gap an immediate delete left -- sits where the server\n    // did not store it: adopted as saved, but its position stays pending for the page's save.\n    const renumbered = accepted.filter((k) => !existing.has(k) && nodes.get(k)?.meta.dirty)\n    controller.acceptRows(accepted)\n    const adopted = nodesByKey()\n    for (const k of renumbered) {\n      const node = adopted.get(k)\n      if (node) controller.updateItem(k, node.data, true)\n    }\n  })\n}\n\n// Registers this editor as a named unsaved-changes section when a label is passed.\nuseUnsavedSection(() =>\n  props.unsavedSectionLabel && !props.disableUnsaved\n    ? { label: props.unsavedSectionLabel, dirty: controller.hasUnsaved.value }\n    : []\n)\n\n// Expose the controller handle plus acceptChanges and reorder/expand controls. Entries after the\n// spread override controller methods where the component adds to them (`commit` also clears the moved\n// markers, `viewItems` is this component's expand-aware list).\n// Reveal for a blocked save: open invalid rows AND expand the offender's ancestor chain so a\n// collapsed nested row becomes visible. Shared by the exposed validateAll + scope reveal-on-touch.\nconst revealNestedInvalid = (): boolean =>\n  validateAllAndReveal(controller, (key) => {\n    let ancestor = controller.findNode(key).parent\n    while (ancestor) {\n      childrenExpandedKeys.value.add(keyOf(ancestor.data))\n      ancestor = controller.findNode(keyOf(ancestor.data)).parent\n    }\n    const vi = controller.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: revealNestedInvalid,\n})\n\ndefineExpose<NestedSortableListEditorExtras & NestedListEditorHandle<TItem>>({\n  ...controller,\n  validateAll: revealNestedInvalid,\n  commit,\n  acceptChanges,\n  // Expand-aware flattened view (controller's own `viewItems` ignores collapse state).\n  viewItems: flatViewItems,\n  enterReorderMode,\n  cancelReorderMode,\n  applyReorder,\n  expand: (id: ListEditorKey) => childrenExpandedKeys.value.add(id),\n  collapse: (id: ListEditorKey) => childrenExpandedKeys.value.delete(id),\n  toggleExpand: (id: ListEditorKey) => {\n    if (childrenExpandedKeys.value.has(id)) childrenExpandedKeys.value.delete(id)\n    else childrenExpandedKeys.value.add(id)\n  },\n  expandDetail: (id: ListEditorKey) => detailExpandedKeys.value.add(id),\n  collapseDetail: (id: ListEditorKey) => detailExpandedKeys.value.delete(id),\n})\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    class=\"a-nested-list-editor\"\n    :class=\"[\n      `a-nested-list-editor--mode-${mode}`,\n      {\n        'a-nested-list-editor--readonly': readonly,\n        'a-nested-list-editor--disabled': disabled,\n        'a-nested-list-editor--touch': isTouch,\n        'a-nested-list-editor--drag-enabled': dragEnabled,\n      },\n    ]\"\n  >\n    <div class=\"a-le-card\">\n      <div\n        v-if=\"headerVisible\"\n        class=\"a-le-header\"\n      >\n        <slot\n          name=\"header\"\n          :title=\"title\"\n          v-bind=\"reorderToggleSlotProps\"\n        >\n          <h3\n            v-if=\"title\"\n            class=\"a-le-title-heading\"\n          >\n            {{ title }}\n          </h3>\n          <div class=\"a-le-header-actions\">\n            <template v-if=\"reorderMode\">\n              <!-- Reorder-mode header: pending count + Cancel/Apply, sitting where\n                   the \"Reorder\" button lives in view mode (not a bottom toolbar). -->\n              <slot\n                name=\"reorder-toolbar\"\n                v-bind=\"toolbarSlotProps\"\n              >\n                <LeStatus\n                  :class=\"{ 'a-le-toolbar-status--pending': nestedPendingChanges }\"\n                  :has-pending-changes=\"nestedPendingChanges\"\n                  :pending-count=\"nestedPendingCount\"\n                  :error=\"applyError\"\n                />\n                <VBtn\n                  variant=\"text\"\n                  size=\"small\"\n                  :disabled=\"applying\"\n                  @click=\"cancelReorderMode\"\n                >\n                  {{ t('common.sortable.reorderCancel') }}\n                </VBtn>\n                <VBtn\n                  color=\"primary\"\n                  variant=\"flat\"\n                  size=\"small\"\n                  prepend-icon=\"mdi-check\"\n                  :loading=\"applying\"\n                  :disabled=\"applying || !nestedPendingChanges\"\n                  @click=\"applyReorder\"\n                >\n                  {{ t('common.sortable.reorderApply') }}\n                </VBtn>\n              </slot>\n            </template>\n            <template v-else>\n              <VBtn\n                v-if=\"expandAllVisible && compactReorderButton\"\n                :aria-label=\"allExpanded ? t('common.sortable.collapseAll') : t('common.sortable.expandAll')\"\n                variant=\"tonal\"\n                color=\"primary\"\n                icon\n                size=\"x-small\"\n                @click=\"toggleExpandAll\"\n              >\n                <VIcon\n                  :icon=\"allExpanded ? 'mdi-unfold-less-horizontal' : 'mdi-unfold-more-horizontal'\"\n                  size=\"18\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                  :text=\"allExpanded ? t('common.sortable.collapseAll') : t('common.sortable.expandAll')\"\n                />\n              </VBtn>\n              <VBtn\n                v-else-if=\"expandAllVisible\"\n                variant=\"tonal\"\n                color=\"primary\"\n                size=\"small\"\n                :prepend-icon=\"allExpanded ? 'mdi-unfold-less-horizontal' : 'mdi-unfold-more-horizontal'\"\n                @click=\"toggleExpandAll\"\n              >\n                {{ allExpanded ? t('common.sortable.collapseAll') : t('common.sortable.expandAll') }}\n              </VBtn>\n              <slot\n                v-if=\"reorderToggleVisible\"\n                name=\"reorder-toggle\"\n                v-bind=\"reorderToggleSlotProps\"\n              >\n                <VBtn\n                  v-if=\"compactReorderButton\"\n                  :aria-label=\"t('common.sortable.reorder')\"\n                  variant=\"tonal\"\n                  color=\"primary\"\n                  icon\n                  size=\"x-small\"\n                  :disabled=\"!canEnterReorder\"\n                  @click=\"enterReorderMode\"\n                >\n                  <VIcon\n                    icon=\"mdi-sort\"\n                    size=\"18\"\n                  />\n                  <VTooltip\n                    activator=\"parent\"\n                    location=\"bottom\"\n                    :text=\"t('common.sortable.reorder')\"\n                  />\n                </VBtn>\n                <VBtn\n                  v-else\n                  variant=\"tonal\"\n                  color=\"primary\"\n                  prepend-icon=\"mdi-sort\"\n                  size=\"small\"\n                  :disabled=\"!canEnterReorder\"\n                  @click=\"enterReorderMode\"\n                >\n                  {{ t('common.sortable.reorder') }}\n                </VBtn>\n              </slot>\n            </template>\n          </div>\n        </slot>\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      <div\n        v-else\n        :key=\"forceRerender\"\n        ref=\"rowsContainer\"\n        class=\"a-nested-list-editor__rows\"\n        :class=\"{ 'a-nested-list-editor__rows--dragging': dragState !== null }\"\n      >\n        <div\n          :class=\"[GROUP_CLASS, 'a-nested-list-editor__group--root']\"\n          data-parent-id=\"\"\n        >\n          <LeNestedRow\n            v-for=\"vi in rootViewItems\"\n            :key=\"String(vi.key)\"\n            :vi=\"vi\"\n            :view-items=\"viewItemsDecorated\"\n            :drag-state=\"dragState\"\n            :context=\"rowContext\"\n            :callbacks=\"rowCallbacks\"\n          >\n            <template #item=\"slotScope\">\n              <slot\n                name=\"item\"\n                v-bind=\"slotScope\"\n              />\n            </template>\n            <template #item-compact=\"slotScope\">\n              <slot\n                name=\"item-compact\"\n                v-bind=\"slotScope\"\n              />\n            </template>\n            <template #item-readonly=\"slotScope\">\n              <slot\n                name=\"item-readonly\"\n                v-bind=\"slotScope\"\n              />\n            </template>\n            <template #item-status=\"slotScope\">\n              <slot\n                name=\"item-status\"\n                v-bind=\"slotScope\"\n              />\n            </template>\n            <template #item-footer=\"slotScope\">\n              <slot\n                name=\"item-footer\"\n                v-bind=\"slotScope\"\n              />\n            </template>\n            <template #item-actions=\"slotScope\">\n              <slot\n                name=\"item-actions\"\n                v-bind=\"slotScope\"\n              />\n            </template>\n            <template #before-item=\"slotScope\">\n              <slot\n                name=\"before-item\"\n                v-bind=\"slotScope\"\n              />\n            </template>\n            <template #after-item=\"slotScope\">\n              <slot\n                name=\"after-item\"\n                v-bind=\"slotScope\"\n              />\n            </template>\n          </LeNestedRow>\n        </div>\n\n        <!-- Drop indicator overlay (valid drops only): horizontal line at a row\n             edge (depth in `left`) + an optional vertical connector rail to the\n             row whose level the insert matches. -->\n        <template v-if=\"overlayVisual !== null\">\n          <div\n            v-if=\"overlayVisual.connector !== null\"\n            class=\"a-nested-list-editor__drop-connector\"\n            :style=\"{\n              left: `${overlayVisual.connector.left}px`,\n              top: `${overlayVisual.connector.top}px`,\n              height: `${overlayVisual.connector.height}px`,\n            }\"\n          />\n          <div\n            class=\"a-nested-list-editor__drop-line\"\n            :style=\"{\n              top: `${overlayVisual.line.top}px`,\n              left: `${overlayVisual.line.left}px`,\n              right: `${overlayVisual.line.right}px`,\n            }\"\n          >\n            <span class=\"a-nested-list-editor__drop-line-dot\" />\n          </div>\n        </template>\n      </div>\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    <LeMoveToPositionDialog\n      v-model=\"moveToPositionDialogOpen\"\n      :total=\"moveToPositionContext?.total ?? 0\"\n      :current-index=\"moveToPositionContext?.currentIndex ?? 0\"\n      :item-label=\"moveToPositionLabel\"\n      @confirm=\"onMoveToPositionConfirm\"\n    />\n\n    <LeChangeParentDialog\n      v-model=\"changeParentDialogOpen\"\n      :tree=\"modelValue\"\n      :source-key=\"changeParentTarget?.key ?? null\"\n      :key-field=\"keyFieldName\"\n      :max-depth=\"maxDepth\"\n      :resolve-label=\"resolveCompactText\"\n      :calculate-subtree-depth=\"controller.calculateSubtreeDepth\"\n      @confirm=\"onChangeParentConfirm\"\n    />\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// Nested-variant rules — depth-aware padding, tree toggle caret, children\n// groups, drop indicator overlay, drag clone.\n.a-nested-list-editor {\n  // Depth-aware left padding — caret column + indent per depth level.\n  .a-le-row-header {\n    padding: var(--le-row-pad-y) 12px var(--le-row-pad-y) calc(16px + var(--nested-depth, 0) * var(--le-indent));\n  }\n\n  // Row wrappers + inter-row group layout.\n  &__rows {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__group {\n    display: flex;\n    flex-direction: column;\n  }\n\n  // Re-apply the `font` shorthand (shared class uses longhand for flat variants)\n  // so the nested variant keeps its explicit line-height reset.\n  .a-le-toolbar-status {\n    font: 500 13px/1 var(--v-font-body, inherit);\n  }\n}\n\n.a-le-row-wrapper {\n  display: flex;\n  flex-direction: column;\n}\n\n.a-nested-list-editor {\n  // Root rows get a bolder title weight to anchor the hierarchy without header rows.\n  .a-le-row:not(.a-le-row--child) .a-le-title {\n    font-weight: 600;\n  }\n\n  // Reorder mode — flat-variant padding offset by the row's indent level.\n  .a-le-row--reorder .a-le-row-header {\n    padding-left: calc(12px + var(--nested-depth, 0) * var(--le-indent));\n    padding-right: 8px;\n    gap: 8px;\n  }\n\n  // Active (editing / readonly-expanded) tree-toggle picks up the primary tint\n  // so the header reads \"active\" together with the title color.\n  .a-le-row--editing &__tree-toggle,\n  .a-le-row--expanded &__tree-toggle {\n    color: var(--le-primary);\n  }\n\n  // Children wrapper — depth conveyed by the row's padding-left indent alone.\n  &__children {\n    position: relative;\n  }\n\n  // Triangle-caret toggle — circular text-style button (24×24), transparent\n  // with a subtle tinted circle on hover.\n  &__tree-toggle {\n    width: 24px;\n    height: 24px;\n    padding: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border: none;\n    border-radius: 50%;\n    cursor: pointer;\n    pointer-events: auto;\n    color: rgb(0 0 0 / 54%);\n    z-index: 2;\n    flex-shrink: 0;\n    transition:\n      background 0.15s,\n      color 0.15s;\n\n    &:hover {\n      background: rgb(0 0 0 / 5%);\n      color: var(--le-on-surface);\n    }\n\n    &:focus-visible {\n      outline: none;\n      background: rgb(0 0 0 / 8%);\n    }\n\n    // Black at 54% is invisible on a dark surface (1.12:1). `:where` adds no specificity, so the primary\n    // tint of an editing / expanded row above still wins.\n    :where(.v-theme--dark) & {\n      color: rgb(255 255 255 / 70%);\n\n      &:hover {\n        background: rgb(255 255 255 / 8%);\n      }\n\n      &:focus-visible {\n        background: rgb(255 255 255 / 12%);\n      }\n    }\n  }\n\n  // Reserve caret column width on leaf rows so titles align across siblings.\n  &__tree-toggle--spacer,\n  &__tree-toggle--empty {\n    width: 24px;\n    height: 24px;\n    background: transparent;\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  // Pure CSS right-pointing triangle; rotates to down when the row is open.\n  &__tree-toggle-caret {\n    width: 0;\n    height: 0;\n    border-left: 5px solid currentcolor;\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent;\n    border-right: 0;\n    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    transform: translateX(1px); // optical centering — triangle leans left\n  }\n\n  &__tree-toggle--open &__tree-toggle-caret {\n    transform: translate(0, 1px) rotate(90deg);\n  }\n\n  // Dragged subtree (source + descendants) dimmed and non-hittable. `!important`\n  // on display beats SortableJS's inline `display: none` under `forceFallback`.\n  .a-le-row-wrapper.a-le-row--chosen,\n  .a-le-row-wrapper.a-le-row-wrapper--drop-disabled {\n    display: flex !important;\n    opacity: 0.4 !important;\n    pointer-events: none !important;\n  }\n\n  // Hide SortableJS's placeholder — our overlay is the sole landing indicator.\n  .a-le-row--ghost {\n    display: none !important;\n  }\n\n  // No floating clone — the line overlay carries all the \"where it lands\" info.\n  // Wrapper selector beats the `.row-wrapper--drop-disabled` rule the clone inherits.\n  .a-le-row-wrapper.a-le-row--drag {\n    display: none !important;\n  }\n\n  // Drop indicator line — 2px primary stroke with an 8px left terminal dot,\n  // absolute-positioned inside `__rows`.\n  &__drop-line {\n    position: absolute;\n    height: 2px;\n    margin-top: -1px;\n    background: var(--le-primary);\n    pointer-events: none;\n    z-index: 4;\n    border-radius: 1px;\n  }\n\n  &__drop-line-dot {\n    position: absolute;\n    left: -4px;\n    top: 50%;\n    width: 8px;\n    height: 8px;\n    background: var(--le-primary);\n    border-radius: 50%;\n    transform: translateY(-50%);\n  }\n\n  // Connector rail — vertical line linking the drop line up to the level-match row.\n  &__drop-connector {\n    position: absolute;\n    width: 2px;\n    margin-left: -1px;\n    background: var(--le-primary);\n    opacity: 0.5;\n    pointer-events: none;\n    z-index: 3;\n  }\n\n  // While dragging, dim the add-button so focus stays on the drag target.\n  &__rows--dragging .a-le-row-add {\n    opacity: 0.4;\n  }\n\n  // \"+N\" children indicator — hidden in the normal DOM, visible only inside the\n  // SortableJS drag clone so the user sees the whole branch will follow.\n  &__drag-count {\n    display: none;\n    align-items: center;\n    gap: 4px;\n    margin-left: 8px;\n    padding: 2px 8px;\n    font: 500 11px/1 var(--v-font-body, inherit);\n    letter-spacing: 0.02em;\n    color: var(--le-primary);\n    background: var(--le-primary-container);\n    border-radius: var(--le-radius-pill);\n    flex-shrink: 0;\n  }\n\n  .a-le-row--drag &__drag-count {\n    display: inline-flex;\n  }\n}\n\n// Desktop — depth-aware padding-left aligns the inline form with the title column:\n// 16 (pad) + 24 (caret) + 10 (gap) = 50, plus depth*indent.\n@container le-shell (min-width: 769px) {\n  .a-nested-list-editor {\n    .a-le-row--editing .a-le-row-body,\n    .a-le-row--expanded .a-le-row-body,\n    .a-le-row--editing .a-le-row-footer,\n    .a-le-row--expanded .a-le-row-footer {\n      padding-left: calc(50px + var(--nested-depth, 0) * var(--le-indent));\n      padding-right: 16px;\n    }\n  }\n}\n\n// Narrow / mobile — tighter indent so deep branches fit, taller touch rows,\n// always-visible actions, status badge dropped to make room for the title.\n/* stylelint-disable selector-max-compound-selectors */\n@container le-shell (max-width: 768px) {\n  .a-nested-list-editor {\n    --le-indent: 18px;\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    .a-le-row .a-le-action--up,\n    .a-le-row .a-le-action--down,\n    .a-le-row .a-le-action--add-child {\n      opacity: 1;\n    }\n  }\n}\n/* stylelint-enable selector-max-compound-selectors */\n</style>\n"],"mappings":""}