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

package/dist/domains/listEditor/components/internal/LeChangeParentDialog.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeChangeParentDialog.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","_component_VDialog","_withKeys","_withCtx","_createVNode","_component_VCard","_component_VCardTitle","_createTextVNode","_toDisplayString","_unref","_component_VCardText","_component_VAlert","_createElementVNode","_createElementBlock","_Fragment","_component_VList","_renderList","_component_VListItem","_normalizeStyle","_component_VIcon","_component_VRadioGroup","_component_VRadio","_createCommentVNode","_component_VCardActions","_component_VSpacer","_component_VBtn","_hoisted_1","LeChangeParentDialog_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__emit","props","__props","emit","open","useModel","useI18n","selectedKey","ref","placement","now","descendantKeys","computed","out","walk","n","nodes","collect","s","sub","sourceNode","find","hit","currentParentKey","parentKey","candidates","subtreeDepth","t","key","disallowed","reason","depth","validCandidates","c","selectedCandidate","showPlacementPicker","onCandidateClick","onConfirm","onCancel","indent","reasonLabel","openBlock","createBlock","VDialog","_cache","$event","withKeys","withCtx","createVNode","VCard","VCardTitle","createTextVNode","toDisplayString","unref","VCardText","VAlert","createElementVNode","createElementBlock","Fragment","VList","renderList","VListItem","normalizeStyle","VIcon","VRadioGroup","VRadio","createCommentVNode","VCardActions","VSpacer","VBtn"],"sources":["../../../../../src/domains/listEditor/components/internal/LeChangeParentDialog.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"TItem extends Record<string, any>\">\nimport { computed, ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { ListEditorKey, NestedTree, NestedTreeNode } from '@/domains/listEditor/types/listEditorTypes'\n\nexport interface Props<TItem extends Record<string, any>> {\n  tree: NestedTree<TItem>\n  sourceKey: ListEditorKey | null\n  keyField: string\n  maxDepth: number\n  resolveLabel: (raw: TItem, key: ListEditorKey) => string\n  calculateSubtreeDepth: (node: NestedTreeNode<TItem>) => number\n}\n\ninterface Candidate {\n  key: ListEditorKey | null\n  depth: number\n  label: string\n  hasChildren: boolean\n  disallowed: boolean\n  reason: 'self' | 'descendant' | 'maxDepth' | 'currentParent' | null\n}\n\nconst props = defineProps<Props<TItem>>()\n\nconst emit = defineEmits<{\n  confirm: [parentId: ListEditorKey | null, position: 'first' | 'last']\n}>()\n\nconst open = defineModel<boolean>({ required: true })\n\nconst { t } = useI18n()\n\nconst selectedKey = ref<ListEditorKey | null | undefined>(undefined)\nconst placement = ref<'first' | 'last'>('last')\n\nwatch(open, (now) => {\n  if (now) {\n    selectedKey.value = undefined\n    placement.value = 'last'\n  }\n})\n\n// Walk the source's subtree to gather descendant keys (cycle prevention).\nconst descendantKeys = computed<Set<ListEditorKey>>(() => {\n  const out = new Set<ListEditorKey>()\n  if (props.sourceKey === null) return out\n  const walk = (nodes: NestedTreeNode<TItem>[]): boolean => {\n    for (const n of nodes) {\n      const k = n.data[props.keyField] as ListEditorKey\n      if (k === props.sourceKey) {\n        const collect = (sub: NestedTreeNode<TItem>[]) => {\n          for (const s of sub) {\n            out.add(s.data[props.keyField] as ListEditorKey)\n            if (s.children?.length) collect(s.children)\n          }\n        }\n        if (n.children?.length) collect(n.children)\n        return true\n      }\n      if (n.children?.length && walk(n.children)) return true\n    }\n    return false\n  }\n  walk(props.tree.children)\n  return out\n})\n\nconst sourceNode = computed<NestedTreeNode<TItem> | null>(() => {\n  if (props.sourceKey === null) return null\n  const find = (nodes: NestedTreeNode<TItem>[]): NestedTreeNode<TItem> | null => {\n    for (const n of nodes) {\n      if ((n.data[props.keyField] as ListEditorKey) === props.sourceKey) return n\n      if (n.children?.length) {\n        const hit = find(n.children)\n        if (hit) return hit\n      }\n    }\n    return null\n  }\n  return find(props.tree.children)\n})\n\n// `currentParentKey` = parent of the source row (null if source is at root).\n// We exclude this from candidates because moving to \"the same parent\" is not a\n// \"change parent\" operation (use Move-to-position instead).\nconst currentParentKey = computed<ListEditorKey | null | undefined>(() => {\n  if (props.sourceKey === null) return undefined\n  const find = (nodes: NestedTreeNode<TItem>[], parentKey: ListEditorKey | null): ListEditorKey | null | undefined => {\n    for (const n of nodes) {\n      if ((n.data[props.keyField] as ListEditorKey) === props.sourceKey) return parentKey\n      if (n.children?.length) {\n        const hit = find(n.children, n.data[props.keyField] as ListEditorKey)\n        if (hit !== undefined) return hit\n      }\n    }\n    return undefined\n  }\n  return find(props.tree.children, null)\n})\n\nconst candidates = computed<Candidate[]>(() => {\n  const out: Candidate[] = []\n  const subtreeDepth = sourceNode.value ? props.calculateSubtreeDepth(sourceNode.value) : 1\n\n  out.push({\n    key: null,\n    depth: 0,\n    label: t('common.sortable.changeParent.rootLabel'),\n    hasChildren: props.tree.children.length > 0,\n    disallowed: currentParentKey.value === null,\n    reason: currentParentKey.value === null ? 'currentParent' : null,\n  })\n\n  const walk = (nodes: NestedTreeNode<TItem>[], depth: number) => {\n    for (const n of nodes) {\n      const key = n.data[props.keyField] as ListEditorKey\n      let disallowed = false\n      let reason: Candidate['reason'] = null\n      if (key === props.sourceKey) {\n        disallowed = true\n        reason = 'self'\n      } else if (descendantKeys.value.has(key)) {\n        disallowed = true\n        reason = 'descendant'\n      } else if (currentParentKey.value !== undefined && currentParentKey.value === key) {\n        disallowed = true\n        reason = 'currentParent'\n      } else if (depth + 1 + subtreeDepth > props.maxDepth) {\n        disallowed = true\n        reason = 'maxDepth'\n      }\n      out.push({\n        key,\n        depth: depth + 1,\n        label: props.resolveLabel(n.data as TItem, key),\n        hasChildren: !!(n.children && n.children.length > 0),\n        disallowed,\n        reason,\n      })\n      if (n.children?.length) walk(n.children, depth + 1)\n    }\n  }\n  walk(props.tree.children, 0)\n  return out\n})\n\nconst validCandidates = computed(() => candidates.value.filter((c) => !c.disallowed))\n\nconst selectedCandidate = computed<Candidate | null>(() =>\n  selectedKey.value === undefined ? null : (candidates.value.find((c) => c.key === selectedKey.value) ?? null)\n)\n\nconst showPlacementPicker = computed<boolean>(() => !!selectedCandidate.value && selectedCandidate.value.hasChildren)\n\nconst onCandidateClick = (c: Candidate) => {\n  if (c.disallowed) return\n  selectedKey.value = c.key\n}\n\nconst onConfirm = () => {\n  if (!selectedCandidate.value) return\n  emit('confirm', selectedCandidate.value.key, placement.value)\n  open.value = false\n}\n\nconst onCancel = () => {\n  open.value = false\n}\n\nconst indent = (depth: number): string => `${depth * 16}px`\n\nconst reasonLabel = (reason: Candidate['reason']): string => {\n  if (reason === 'maxDepth') return t('common.sortable.changeParent.errorMaxDepth')\n  return ''\n}\n</script>\n\n<template>\n  <VDialog\n    v-model=\"open\"\n    max-width=\"540\"\n    persistent\n    @keydown.esc=\"onCancel\"\n  >\n    <VCard>\n      <VCardTitle>\n        {{ t('common.sortable.changeParent.title') }}\n      </VCardTitle>\n\n      <VCardText\n        v-if=\"validCandidates.length === 0\"\n        class=\"text-body-medium\"\n      >\n        <VAlert\n          type=\"info\"\n          variant=\"tonal\"\n          density=\"compact\"\n        >\n          <strong>{{ t('common.sortable.changeParent.noTargetsTitle') }}</strong>\n          <div>{{ t('common.sortable.changeParent.noTargetsText') }}</div>\n        </VAlert>\n      </VCardText>\n\n      <template v-else>\n        <VCardText class=\"pb-1\">\n          <VList\n            density=\"compact\"\n            class=\"le-change-parent__list\"\n          >\n            <VListItem\n              v-for=\"c in candidates\"\n              :key=\"c.key === null ? '__root__' : String(c.key)\"\n              :disabled=\"c.disallowed\"\n              :active=\"selectedKey === c.key\"\n              :title=\"c.label\"\n              :subtitle=\"reasonLabel(c.reason)\"\n              :style=\"{ paddingInlineStart: indent(c.depth) }\"\n              :data-disallowed=\"c.disallowed ? 'true' : 'false'\"\n              :data-reason=\"c.reason ?? ''\"\n              @click=\"onCandidateClick(c)\"\n            >\n              <template #prepend>\n                <VIcon\n                  v-if=\"c.key === null\"\n                  icon=\"mdi-folder-home-outline\"\n                  size=\"18\"\n                />\n                <VIcon\n                  v-else-if=\"c.hasChildren\"\n                  icon=\"mdi-folder-outline\"\n                  size=\"18\"\n                />\n                <VIcon\n                  v-else\n                  icon=\"mdi-file-outline\"\n                  size=\"18\"\n                />\n              </template>\n            </VListItem>\n          </VList>\n        </VCardText>\n\n        <VCardText\n          v-if=\"showPlacementPicker\"\n          class=\"pt-0\"\n        >\n          <div class=\"text-body-medium mb-2\">\n            {{\n              t('common.sortable.changeParent.placementHeading', {\n                label: selectedCandidate?.label ?? '',\n              })\n            }}\n          </div>\n          <VRadioGroup\n            v-model=\"placement\"\n            density=\"compact\"\n            hide-details\n          >\n            <VRadio\n              value=\"first\"\n              :label=\"t('common.sortable.changeParent.placeFirst')\"\n            />\n            <VRadio\n              value=\"last\"\n              :label=\"t('common.sortable.changeParent.placeLast')\"\n            />\n          </VRadioGroup>\n        </VCardText>\n      </template>\n\n      <VCardActions>\n        <VSpacer />\n        <VBtn\n          variant=\"text\"\n          @click=\"onCancel\"\n        >\n          {{ t('common.sortable.reorderCancel') }}\n        </VBtn>\n        <VBtn\n          color=\"primary\"\n          variant=\"elevated\"\n          :disabled=\"!selectedCandidate || selectedCandidate.disallowed\"\n          @click=\"onConfirm\"\n        >\n          {{ t('common.sortable.changeParent.confirm') }}\n        </VBtn>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n\n<style lang=\"scss\" scoped>\n.le-change-parent__list {\n  max-height: 340px;\n  overflow-y: auto;\n}\n</style>\n"],"mappings":"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"}

package/dist/domains/listEditor/components/internal/LeDeleteDialog.js

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

package/dist/domains/listEditor/components/internal/LeDeleteDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeDeleteDialog.js","names":["_sfc_main","LeDeleteDialog_vue_vue_type_script_setup_true_lang_default","LeDeleteDialog_default"],"sources":["../../../../../src/domains/listEditor/components/internal/LeDeleteDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// Shared delete-confirmation dialog used by all three list-editor variants.\n// The outer editors keep their own dialog-related state (open flag, in-flight,\n// error message) and supply i18n-resolved title / text / button labels — this\n// component is pure presentation plus confirm/cancel emits.\n\nexport interface Props {\n  title: string\n  text: string\n  confirmLabel?: string\n  cancelLabel?: string\n  error?: string | null\n  inFlight?: boolean\n}\n\nwithDefaults(defineProps<Props>(), {\n  confirmLabel: 'Delete',\n  cancelLabel: 'Cancel',\n  error: null,\n  inFlight: false,\n})\n\ndefineEmits<{\n  confirm: []\n  cancel: []\n}>()\n\nconst open = defineModel<boolean>({ required: true })\n</script>\n\n<template>\n  <VDialog\n    v-model=\"open\"\n    max-width=\"420\"\n    :persistent=\"inFlight\"\n  >\n    <VCard>\n      <VCardTitle class=\"text-headline-small\">\n        {{ title }}\n      </VCardTitle>\n      <VCardText>\n        {{ text }}\n        <VAlert\n          v-if=\"error\"\n          type=\"error\"\n          variant=\"tonal\"\n          density=\"compact\"\n          class=\"mt-3\"\n        >\n          {{ error }}\n        </VAlert>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <VBtn\n          variant=\"text\"\n          :disabled=\"inFlight\"\n          @click=\"$emit('cancel')\"\n        >\n          {{ cancelLabel }}\n        </VBtn>\n        <VBtn\n          color=\"error\"\n          variant=\"flat\"\n          :loading=\"inFlight\"\n          :disabled=\"inFlight\"\n          @click=\"$emit('confirm')\"\n        >\n          {{ confirmLabel }}\n        </VBtn>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":""}

package/dist/domains/listEditor/components/internal/LeDeleteDialog.vue.d.ts

@@ -0,0 +1,29 @@
+export interface Props {
+    title: string;
+    text: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    error?: string | null;
+    inFlight?: boolean;
+}
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    modelValue: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: () => any;
+    confirm: () => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    error: string | null;
+    confirmLabel: string;
+    cancelLabel: string;
+    inFlight: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/domains/listEditor/components/internal/LeDeleteDialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,89 @@
+import { createBlock as e, createCommentVNode as t, createTextVNode as n, createVNode as r, defineComponent as i, mergeModels as a, openBlock as o, toDisplayString as s, useModel as c, withCtx as l } from "vue";
+import { VSpacer as u } from "vuetify/components/VGrid";
+import { VAlert as d } from "vuetify/components/VAlert";
+import { VCard as f, VCardActions as p, VCardText as m, VCardTitle as h } from "vuetify/components/VCard";
+import { VBtn as g } from "vuetify/components/VBtn";
+import { VDialog as _ } from "vuetify/components/VDialog";
+//#region src/domains/listEditor/components/internal/LeDeleteDialog.vue?vue&type=script&setup=true&lang.ts
+var v = /*@__PURE__*/ i({
+	__name: "LeDeleteDialog",
+	props: /*@__PURE__*/ a({
+		title: {},
+		text: {},
+		confirmLabel: { default: "Delete" },
+		cancelLabel: { default: "Cancel" },
+		error: { default: null },
+		inFlight: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: {
+			type: Boolean,
+			required: !0
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ a(["confirm", "cancel"], ["update:modelValue"]),
+	setup(i) {
+		let a = c(i, "modelValue");
+		return (c, v) => (o(), e(_, {
+			modelValue: a.value,
+			"onUpdate:modelValue": v[2] ||= (e) => a.value = e,
+			"max-width": "420",
+			persistent: i.inFlight
+		}, {
+			default: l(() => [r(f, null, {
+				default: l(() => [
+					r(h, { class: "text-headline-small" }, {
+						default: l(() => [n(s(i.title), 1)]),
+						_: 1
+					}),
+					r(m, null, {
+						default: l(() => [n(s(i.text) + " ", 1), i.error ? (o(), e(d, {
+							key: 0,
+							type: "error",
+							variant: "tonal",
+							density: "compact",
+							class: "mt-3"
+						}, {
+							default: l(() => [n(s(i.error), 1)]),
+							_: 1
+						})) : t("", !0)]),
+						_: 1
+					}),
+					r(p, null, {
+						default: l(() => [
+							r(u),
+							r(g, {
+								variant: "text",
+								disabled: i.inFlight,
+								onClick: v[0] ||= (e) => c.$emit("cancel")
+							}, {
+								default: l(() => [n(s(i.cancelLabel), 1)]),
+								_: 1
+							}, 8, ["disabled"]),
+							r(g, {
+								color: "error",
+								variant: "flat",
+								loading: i.inFlight,
+								disabled: i.inFlight,
+								onClick: v[1] ||= (e) => c.$emit("confirm")
+							}, {
+								default: l(() => [n(s(i.confirmLabel), 1)]),
+								_: 1
+							}, 8, ["loading", "disabled"])
+						]),
+						_: 1
+					})
+				]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["modelValue", "persistent"]));
+	}
+});
+//#endregion
+export { v as default };
+
+//# sourceMappingURL=LeDeleteDialog.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/listEditor/components/internal/LeDeleteDialog.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeDeleteDialog.vue_vue_type_script_setup_true_lang.js","names":["$emit","_useModel","_openBlock","_createBlock","_component_VDialog","_withCtx","_createVNode","_component_VCard","_component_VCardTitle","_createTextVNode","_toDisplayString","_component_VCardText","_component_VAlert","_createCommentVNode","_component_VCardActions","_component_VSpacer","_component_VBtn","LeDeleteDialog_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","open","useModel","__props","openBlock","createBlock","VDialog","_cache","$event","withCtx","createVNode","VCard","VCardTitle","createTextVNode","toDisplayString","VCardText","VAlert","createCommentVNode","VCardActions","VSpacer","VBtn","_ctx"],"sources":["../../../../../src/domains/listEditor/components/internal/LeDeleteDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// Shared delete-confirmation dialog used by all three list-editor variants.\n// The outer editors keep their own dialog-related state (open flag, in-flight,\n// error message) and supply i18n-resolved title / text / button labels — this\n// component is pure presentation plus confirm/cancel emits.\n\nexport interface Props {\n  title: string\n  text: string\n  confirmLabel?: string\n  cancelLabel?: string\n  error?: string | null\n  inFlight?: boolean\n}\n\nwithDefaults(defineProps<Props>(), {\n  confirmLabel: 'Delete',\n  cancelLabel: 'Cancel',\n  error: null,\n  inFlight: false,\n})\n\ndefineEmits<{\n  confirm: []\n  cancel: []\n}>()\n\nconst open = defineModel<boolean>({ required: true })\n</script>\n\n<template>\n  <VDialog\n    v-model=\"open\"\n    max-width=\"420\"\n    :persistent=\"inFlight\"\n  >\n    <VCard>\n      <VCardTitle class=\"text-headline-small\">\n        {{ title }}\n      </VCardTitle>\n      <VCardText>\n        {{ text }}\n        <VAlert\n          v-if=\"error\"\n          type=\"error\"\n          variant=\"tonal\"\n          density=\"compact\"\n          class=\"mt-3\"\n        >\n          {{ error }}\n        </VAlert>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <VBtn\n          variant=\"text\"\n          :disabled=\"inFlight\"\n          @click=\"$emit('cancel')\"\n        >\n          {{ cancelLabel }}\n        </VBtn>\n        <VBtn\n          color=\"error\"\n          variant=\"flat\"\n          :loading=\"inFlight\"\n          :disabled=\"inFlight\"\n          @click=\"$emit('confirm')\"\n        >\n          {{ confirmLabel }}\n        </VBtn>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BA,IAAMoB,IAAOnB,EAAoBqB,GAAA,YAAmB;E,kBAIlDpB,EAAA,GAAAC,EAyCUC,GAAA;GAxCC,YAAAgB,EAAA;GAAA,uBAAA,AAAAM,EAAA,QAAA,MAAA,EAAI,QAAAC;GACb,aAAU;GACT,YAAYL,EAAA;;GAEb,SAAAjB,QAmCQ,CAnCRC,EAmCQC,GAAA,MAAA;IAlCN,SAAAF,QAEa;KAFbC,EAEaE,GAAA,EAFD,OAAM,sBAAqB,GAAA;MACrC,SAAAH,QAAW,CAARI,EAAAC,EAAAY,EAAA,KAAK,GAAA,CAAA,C;;;KAEVhB,EAWYK,GAAA,MAAA;MAVV,SAAAN,QAAU,CAAPI,EAAAC,EAAAY,EAAA,IAAI,IAAG,KACV,CAAA,GACQA,EAAA,SADRpB,EAAA,GAAAC,EAQSS,GAAA;;OANP,MAAK;OACL,SAAQ;OACR,SAAQ;OACR,OAAM;;OAEN,SAAAP,QAAW,CAARI,EAAAC,EAAAY,EAAA,KAAK,GAAA,CAAA,C;;;;;KAGZhB,EAkBeQ,GAAA,MAAA;MAjBb,SAAAT,QAAW;OAAXC,EAAWS,CAAA;OACXT,EAMOU,GAAA;QALL,SAAQ;QACP,UAAUM,EAAA;QACV,SAAK,AAAAI,EAAA,QAAA,MAAE1B,EAAAA,MAAK,QAAA;;QAEb,SAAAK,QAAiB,CAAdI,EAAAC,EAAAY,EAAA,WAAW,GAAA,CAAA,C;;;OAEhBhB,EAQOU,GAAA;QAPL,OAAM;QACN,SAAQ;QACP,SAASM,EAAA;QACT,UAAUA,EAAA;QACV,SAAK,AAAAI,EAAA,QAAA,MAAE1B,EAAAA,MAAK,SAAA;;QAEb,SAAAK,QAAkB,CAAfI,EAAAC,EAAAY,EAAA,YAAY,GAAA,CAAA,C"}

package/dist/domains/listEditor/components/internal/LeDragHandle.js

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

package/dist/domains/listEditor/components/internal/LeDragHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeDragHandle.js","names":["_sfc_main","LeDragHandle_vue_vue_type_script_setup_true_lang_default","LeDragHandle_default"],"sources":["../../../../../src/domains/listEditor/components/internal/LeDragHandle.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// Drag-handle icon. Emits the shared `.a-le-drag-handle` class so SortableJS\n// `handle` selectors ('.a-le-drag-handle') match across every variant.\n</script>\n\n<template>\n  <VIcon\n    class=\"a-le-drag-handle\"\n    icon=\"mdi-drag\"\n    size=\"20\"\n  />\n</template>\n"],"mappings":""}

package/dist/domains/listEditor/components/internal/LeDragHandle.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/domains/listEditor/components/internal/LeDragHandle.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+import { createBlock as e, defineComponent as t, openBlock as n } from "vue";
+import { VIcon as r } from "vuetify/components/VIcon";
+//#region src/domains/listEditor/components/internal/LeDragHandle.vue?vue&type=script&setup=true&lang.ts
+var i = /*@__PURE__*/ t({
+	__name: "LeDragHandle",
+	setup(t) {
+		return (t, i) => (n(), e(r, {
+			class: "a-le-drag-handle",
+			icon: "mdi-drag",
+			size: "20"
+		}));
+	}
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=LeDragHandle.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/listEditor/components/internal/LeDragHandle.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeDragHandle.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VIcon","LeDragHandle_vue_vue_type_script_setup_true_lang_default","openBlock","createBlock","VIcon"],"sources":["../../../../../src/domains/listEditor/components/internal/LeDragHandle.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// Drag-handle icon. Emits the shared `.a-le-drag-handle` class so SortableJS\n// `handle` selectors ('.a-le-drag-handle') match across every variant.\n</script>\n\n<template>\n  <VIcon\n    class=\"a-le-drag-handle\"\n    icon=\"mdi-drag\"\n    size=\"20\"\n  />\n</template>\n"],"mappings":";;;;;;E,kBAMEA,EAAA,GAAAC,EAIEC,GAAA;GAHA,OAAM;GACN,MAAK;GACL,MAAK"}

package/dist/domains/listEditor/components/internal/LeEmptyState.js

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

package/dist/domains/listEditor/components/internal/LeEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeEmptyState.js","names":["_sfc_main","LeEmptyState_vue_vue_type_script_setup_true_lang_default","LeEmptyState_default"],"sources":["../../../../../src/domains/listEditor/components/internal/LeEmptyState.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useI18n } from 'vue-i18n'\n\nexport interface Props {\n  title: string\n  addLabel?: string | null\n  canAdd?: boolean\n}\n\nwithDefaults(defineProps<Props>(), {\n  addLabel: null,\n  canAdd: false,\n})\n\ndefineEmits<{\n  add: []\n}>()\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div class=\"a-le-empty\">\n    <h3 class=\"a-le-empty-title\">\n      {{ title }}\n    </h3>\n    <VBtn\n      v-if=\"addLabel && canAdd\"\n      color=\"primary\"\n      variant=\"flat\"\n      prepend-icon=\"mdi-plus\"\n      @click=\"$emit('add')\"\n    >\n      {{ addLabel || t('common.sortable.addFirst') }}\n    </VBtn>\n  </div>\n</template>\n"],"mappings":""}

package/dist/domains/listEditor/components/internal/LeEmptyState.vue.d.ts

@@ -0,0 +1,15 @@
+export interface Props {
+    title: string;
+    addLabel?: string | null;
+    canAdd?: boolean;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    add: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onAdd?: (() => any) | undefined;
+}>, {
+    addLabel: string | null;
+    canAdd: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/domains/listEditor/components/internal/LeEmptyState.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import { createBlock as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, openBlock as o, toDisplayString as s, unref as c, withCtx as l } from "vue";
+import { useI18n as u } from "vue-i18n";
+import { VBtn as d } from "vuetify/components/VBtn";
+//#region src/domains/listEditor/components/internal/LeEmptyState.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "a-le-empty" }, p = { class: "a-le-empty-title" }, m = /*@__PURE__*/ a({
+	__name: "LeEmptyState",
+	props: {
+		title: {},
+		addLabel: { default: null },
+		canAdd: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["add"],
+	setup(a) {
+		let { t: m } = u();
+		return (u, h) => (o(), n("div", f, [r("h3", p, s(a.title), 1), a.addLabel && a.canAdd ? (o(), e(d, {
+			key: 0,
+			color: "primary",
+			variant: "flat",
+			"prepend-icon": "mdi-plus",
+			onClick: h[0] ||= (e) => u.$emit("add")
+		}, {
+			default: l(() => [i(s(a.addLabel || c(m)("common.sortable.addFirst")), 1)]),
+			_: 1
+		})) : t("", !0)]));
+	}
+});
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=LeEmptyState.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/listEditor/components/internal/LeEmptyState.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeEmptyState.vue_vue_type_script_setup_true_lang.js","names":["$emit","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createBlock","_component_VBtn","_withCtx","_createTextVNode","_unref","_createCommentVNode","_hoisted_1","_hoisted_2","LeEmptyState_vue_vue_type_script_setup_true_lang_default","useI18n","openBlock","createElementBlock","createElementVNode","toDisplayString","__props","createBlock","VBtn","_cache","_ctx","withCtx","createTextVNode","unref","t","createCommentVNode"],"sources":["../../../../../src/domains/listEditor/components/internal/LeEmptyState.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useI18n } from 'vue-i18n'\n\nexport interface Props {\n  title: string\n  addLabel?: string | null\n  canAdd?: boolean\n}\n\nwithDefaults(defineProps<Props>(), {\n  addLabel: null,\n  canAdd: false,\n})\n\ndefineEmits<{\n  add: []\n}>()\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div class=\"a-le-empty\">\n    <h3 class=\"a-le-empty-title\">\n      {{ title }}\n    </h3>\n    <VBtn\n      v-if=\"addLabel && canAdd\"\n      color=\"primary\"\n      variant=\"flat\"\n      prepend-icon=\"mdi-plus\"\n      @click=\"$emit('add')\"\n    >\n      {{ addLabel || t('common.sortable.addFirst') }}\n    </VBtn>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAkBA,IAAM,EAAE,SAAMc,EAAQ;E,kBAIpBb,EAAA,GAAAC,EAaM,OAbNS,GAaM,CAZJR,EAEK,MAFLS,GAEKR,EADAe,EAAA,KAAK,GAAA,CAAA,GAGFA,EAAA,YAAYA,EAAA,UADpBlB,EAAA,GAAAI,EAQOC,GAAA;;GANL,OAAM;GACN,SAAQ;GACR,gBAAa;GACZ,SAAK,AAAAgB,EAAA,QAAA,MAAEtB,EAAAA,MAAK,KAAA;;GAEb,SAAAO,QAA+C,CAA5CC,EAAAJ,EAAAe,EAAA,YAAYV,EAAAkB,CAAA,CAAC,CAAA,0BAAA,CAAA,GAAA,CAAA,C"}

package/dist/domains/listEditor/components/internal/LeMoveToPositionDialog.js

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

package/dist/domains/listEditor/components/internal/LeMoveToPositionDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeMoveToPositionDialog.js","names":["_sfc_main","LeMoveToPositionDialog_vue_vue_type_script_setup_true_lang_default","LeMoveToPositionDialog_default"],"sources":["../../../../../src/domains/listEditor/components/internal/LeMoveToPositionDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nexport interface Props {\n  total: number\n  currentIndex: number\n  itemLabel?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  itemLabel: undefined,\n})\n\nconst emit = defineEmits<{\n  confirm: [newIndex: number]\n}>()\n\nconst open = defineModel<boolean>({ required: true })\n\nconst { t } = useI18n()\n\n// `currentIndex` is read once at setup to seed the field; subsequent changes\n// to the prop don't reset the user's typed-in value mid-edit, only re-opening\n// the dialog (via the `open` watcher below) does.\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst targetPosition = ref<number>(props.currentIndex + 1)\n\nwatch(open, (now) => {\n  if (now) targetPosition.value = props.currentIndex + 1\n})\n\nconst totalLabel = computed(() => Math.max(props.total, 1))\nconst isInvalid = computed<boolean>(\n  () => !Number.isFinite(targetPosition.value) || targetPosition.value < 1 || targetPosition.value > totalLabel.value\n)\n\nconst onConfirm = () => {\n  if (isInvalid.value) return\n  const newIndex = Math.max(0, Math.min(props.total - 1, targetPosition.value - 1))\n  emit('confirm', newIndex)\n  open.value = false\n}\n\nconst onCancel = () => {\n  open.value = false\n}\n</script>\n\n<template>\n  <VDialog\n    v-model=\"open\"\n    max-width=\"420\"\n    persistent\n    @keydown.esc=\"onCancel\"\n  >\n    <VCard>\n      <VCardTitle>\n        {{ t('common.sortable.moveToPosition.title') }}\n      </VCardTitle>\n\n      <VCardText>\n        <p\n          v-if=\"itemLabel\"\n          class=\"text-body-medium mb-3\"\n        >\n          {{ t('common.sortable.moveToPosition.itemDescription', { label: itemLabel }) }}\n        </p>\n        <VTextField\n          v-model.number=\"targetPosition\"\n          type=\"number\"\n          :min=\"1\"\n          :max=\"totalLabel\"\n          :label=\"t('common.sortable.moveToPosition.positionLabel', { max: totalLabel })\"\n          :hint=\"\n            t('common.sortable.moveToPosition.positionHint', {\n              current: currentIndex + 1,\n              max: totalLabel,\n            })\n          \"\n          :error=\"isInvalid\"\n          autofocus\n          density=\"comfortable\"\n          variant=\"outlined\"\n          @keydown.enter.prevent=\"onConfirm\"\n        />\n      </VCardText>\n\n      <VCardActions>\n        <VSpacer />\n        <VBtn\n          variant=\"text\"\n          @click=\"onCancel\"\n        >\n          {{ t('common.sortable.reorderCancel') }}\n        </VBtn>\n        <VBtn\n          color=\"primary\"\n          variant=\"elevated\"\n          :disabled=\"isInvalid\"\n          @click=\"onConfirm\"\n        >\n          {{ t('common.sortable.moveToPosition.confirm') }}\n        </VBtn>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":""}

package/dist/domains/listEditor/components/internal/LeMoveToPositionDialog.vue.d.ts

@@ -0,0 +1,21 @@
+export interface Props {
+    total: number;
+    currentIndex: number;
+    itemLabel?: string;
+}
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    modelValue: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    confirm: (newIndex: number) => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onConfirm?: ((newIndex: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    itemLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/domains/listEditor/components/internal/LeMoveToPositionDialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,111 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createTextVNode as i, createVNode as a, defineComponent as o, mergeModels as s, openBlock as c, ref as l, toDisplayString as u, unref as d, useModel as f, watch as p, withCtx as m, withKeys as h, withModifiers as g } from "vue";
+import { useI18n as _ } from "vue-i18n";
+import { VSpacer as v } from "vuetify/components/VGrid";
+import { VCard as y, VCardActions as b, VCardText as x, VCardTitle as S } from "vuetify/components/VCard";
+import { VTextField as C } from "vuetify/components/VTextField";
+import { VBtn as w } from "vuetify/components/VBtn";
+import { VDialog as T } from "vuetify/components/VDialog";
+//#region src/domains/listEditor/components/internal/LeMoveToPositionDialog.vue?vue&type=script&setup=true&lang.ts
+var E = {
+	key: 0,
+	class: "text-body-medium mb-3"
+}, D = /*@__PURE__*/ o({
+	__name: "LeMoveToPositionDialog",
+	props: /*@__PURE__*/ s({
+		total: {},
+		currentIndex: {},
+		itemLabel: { default: void 0 }
+	}, {
+		modelValue: {
+			type: Boolean,
+			required: !0
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ s(["confirm"], ["update:modelValue"]),
+	setup(o, { emit: s }) {
+		let D = o, O = s, k = f(o, "modelValue"), { t: A } = _(), j = l(D.currentIndex + 1);
+		p(k, (e) => {
+			e && (j.value = D.currentIndex + 1);
+		});
+		let M = e(() => Math.max(D.total, 1)), N = e(() => !Number.isFinite(j.value) || j.value < 1 || j.value > M.value), P = () => {
+			if (N.value) return;
+			let e = Math.max(0, Math.min(D.total - 1, j.value - 1));
+			O("confirm", e), k.value = !1;
+		}, F = () => {
+			k.value = !1;
+		};
+		return (e, s) => (c(), t(T, {
+			modelValue: k.value,
+			"onUpdate:modelValue": s[1] ||= (e) => k.value = e,
+			"max-width": "420",
+			persistent: "",
+			onKeydown: h(F, ["esc"])
+		}, {
+			default: m(() => [a(y, null, {
+				default: m(() => [
+					a(S, null, {
+						default: m(() => [i(u(d(A)("common.sortable.moveToPosition.title")), 1)]),
+						_: 1
+					}),
+					a(x, null, {
+						default: m(() => [o.itemLabel ? (c(), r("p", E, u(d(A)("common.sortable.moveToPosition.itemDescription", { label: o.itemLabel })), 1)) : n("", !0), a(C, {
+							modelValue: j.value,
+							"onUpdate:modelValue": s[0] ||= (e) => j.value = e,
+							modelModifiers: { number: !0 },
+							type: "number",
+							min: 1,
+							max: M.value,
+							label: d(A)("common.sortable.moveToPosition.positionLabel", { max: M.value }),
+							hint: d(A)("common.sortable.moveToPosition.positionHint", {
+								current: o.currentIndex + 1,
+								max: M.value
+							}),
+							error: N.value,
+							autofocus: "",
+							density: "comfortable",
+							variant: "outlined",
+							onKeydown: h(g(P, ["prevent"]), ["enter"])
+						}, null, 8, [
+							"modelValue",
+							"max",
+							"label",
+							"hint",
+							"error",
+							"onKeydown"
+						])]),
+						_: 1
+					}),
+					a(b, null, {
+						default: m(() => [
+							a(v),
+							a(w, {
+								variant: "text",
+								onClick: F
+							}, {
+								default: m(() => [i(u(d(A)("common.sortable.reorderCancel")), 1)]),
+								_: 1
+							}),
+							a(w, {
+								color: "primary",
+								variant: "elevated",
+								disabled: N.value,
+								onClick: P
+							}, {
+								default: m(() => [i(u(d(A)("common.sortable.moveToPosition.confirm")), 1)]),
+								_: 1
+							}, 8, ["disabled"])
+						]),
+						_: 1
+					})
+				]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["modelValue"]));
+	}
+});
+//#endregion
+export { D as default };
+
+//# sourceMappingURL=LeMoveToPositionDialog.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/listEditor/components/internal/LeMoveToPositionDialog.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeMoveToPositionDialog.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","_component_VDialog","_withKeys","_withCtx","_createVNode","_component_VCard","_component_VCardTitle","_createTextVNode","_toDisplayString","_unref","_component_VCardText","_createElementBlock","_createCommentVNode","_component_VTextField","_withModifiers","_component_VCardActions","_component_VSpacer","_component_VBtn","_hoisted_1","LeMoveToPositionDialog_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__emit","props","__props","emit","open","useModel","useI18n","targetPosition","ref","now","totalLabel","computed","isInvalid","onConfirm","newIndex","onCancel","openBlock","createBlock","VDialog","_cache","$event","withKeys","withCtx","createVNode","VCard","VCardTitle","createTextVNode","toDisplayString","unref","t","VCardText","createElementBlock","createCommentVNode","VTextField","withModifiers","VCardActions","VSpacer","VBtn"],"sources":["../../../../../src/domains/listEditor/components/internal/LeMoveToPositionDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nexport interface Props {\n  total: number\n  currentIndex: number\n  itemLabel?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  itemLabel: undefined,\n})\n\nconst emit = defineEmits<{\n  confirm: [newIndex: number]\n}>()\n\nconst open = defineModel<boolean>({ required: true })\n\nconst { t } = useI18n()\n\n// `currentIndex` is read once at setup to seed the field; subsequent changes\n// to the prop don't reset the user's typed-in value mid-edit, only re-opening\n// the dialog (via the `open` watcher below) does.\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst targetPosition = ref<number>(props.currentIndex + 1)\n\nwatch(open, (now) => {\n  if (now) targetPosition.value = props.currentIndex + 1\n})\n\nconst totalLabel = computed(() => Math.max(props.total, 1))\nconst isInvalid = computed<boolean>(\n  () => !Number.isFinite(targetPosition.value) || targetPosition.value < 1 || targetPosition.value > totalLabel.value\n)\n\nconst onConfirm = () => {\n  if (isInvalid.value) return\n  const newIndex = Math.max(0, Math.min(props.total - 1, targetPosition.value - 1))\n  emit('confirm', newIndex)\n  open.value = false\n}\n\nconst onCancel = () => {\n  open.value = false\n}\n</script>\n\n<template>\n  <VDialog\n    v-model=\"open\"\n    max-width=\"420\"\n    persistent\n    @keydown.esc=\"onCancel\"\n  >\n    <VCard>\n      <VCardTitle>\n        {{ t('common.sortable.moveToPosition.title') }}\n      </VCardTitle>\n\n      <VCardText>\n        <p\n          v-if=\"itemLabel\"\n          class=\"text-body-medium mb-3\"\n        >\n          {{ t('common.sortable.moveToPosition.itemDescription', { label: itemLabel }) }}\n        </p>\n        <VTextField\n          v-model.number=\"targetPosition\"\n          type=\"number\"\n          :min=\"1\"\n          :max=\"totalLabel\"\n          :label=\"t('common.sortable.moveToPosition.positionLabel', { max: totalLabel })\"\n          :hint=\"\n            t('common.sortable.moveToPosition.positionHint', {\n              current: currentIndex + 1,\n              max: totalLabel,\n            })\n          \"\n          :error=\"isInvalid\"\n          autofocus\n          density=\"comfortable\"\n          variant=\"outlined\"\n          @keydown.enter.prevent=\"onConfirm\"\n        />\n      </VCardText>\n\n      <VCardActions>\n        <VSpacer />\n        <VBtn\n          variant=\"text\"\n          @click=\"onCancel\"\n        >\n          {{ t('common.sortable.reorderCancel') }}\n        </VBtn>\n        <VBtn\n          color=\"primary\"\n          variant=\"elevated\"\n          :disabled=\"isInvalid\"\n          @click=\"onConfirm\"\n        >\n          {{ t('common.sortable.moveToPosition.confirm') }}\n        </VBtn>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,IAAMyB,IAAQC,GAIRC,IAAOH,GAIPI,IAAO5B,EAAoB0B,GAAA,YAAmB,GAE9C,EAAE,SAAMI,EAAQ,GAMhBC,IAAiBC,EAAYP,EAAM,eAAe,CAAC;EAEzD,EAAMG,IAAO,MAAQ;GACnB,AAAIK,MAAK,EAAe,QAAQR,EAAM,eAAe;EACvD,CAAC;EAED,IAAMS,IAAaC,QAAe,KAAK,IAAIV,EAAM,OAAO,CAAC,CAAC,GACpDW,IAAYD,QACV,CAAC,OAAO,SAASJ,EAAe,KAAK,KAAKA,EAAe,QAAQ,KAAKA,EAAe,QAAQG,EAAW,KAChH,GAEMG,UAAkB;GACtB,IAAID,EAAU,OAAO;GACrB,IAAME,IAAW,KAAK,IAAI,GAAG,KAAK,IAAIb,EAAM,QAAQ,GAAGM,EAAe,QAAQ,CAAC,CAAC;GAEhF,AADAJ,EAAK,WAAWW,CAAQ,GACxB,EAAK,QAAQ;EACf,GAEMC,UAAiB;GACrB,EAAK,QAAQ;EACf;E,kBAIEtC,EAAA,GAAAC,EAwDUC,GAAA;GAvDC,YAAAyB,EAAA;GAAA,uBAAA,AAAAe,EAAA,QAAA,MAAA,EAAI,QAAAC;GACb,aAAU;GACV,YAAA;GACC,WAAOxC,EAAMmC,GAAQ,CAAA,KAAA,CAAA;;GAEtB,SAAAlC,QAiDQ,CAjDRC,EAiDQC,GAAA,MAAA;IAhDN,SAAAF,QAEa;KAFbC,EAEaE,GAAA,MAAA;MADX,SAAAH,QAA+C,CAA5CI,EAAAC,EAAAC,EAAA0C,CAAA,CAAC,CAAA,sCAAA,CAAA,GAAA,CAAA,C;;;KAGN/C,EAyBYM,GAAA,MAAA;MAxBV,SAAAP,QAKI,CAJIqB,EAAA,aADRzB,EAAA,GAAAY,EAKI,KALJO,GAKIV,EADCC,EAAA0C,CAAA,CAAC,CAAA,kDAAA,EAAA,OAA4D3B,EAAA,UAAS,CAAA,CAAA,GAAA,CAAA,K,WAE3EpB,EAiBES,GAAA;OAhBgB,YAAAgB,EAAA;OAAA,uBAAA,AAAAY,EAAA,QAAA,MAAA,EAAc,QAAAC;OAA9B,gBAAA,EAAA,QAAA,GAAA;OACA,MAAK;OACJ,KAAK;OACL,KAAKV,EAAA;OACL,OAAOvB,EAAA0C,CAAA,CAAC,CAAA,gDAAA,EAAA,KAAwDnB,EAAA,MAAU,CAAA;OAC1E,MAAmBvB,EAAA0C,CAAA,CAAC,CAAA,+CAAA;QAAyE,SAAA3B,EAAA,eAAY;QAAyB,KAAAQ,EAAA;;OAMlI,OAAOE,EAAA;OACR,WAAA;OACA,SAAQ;OACR,SAAQ;OACP,WAAOhC,EAAAY,EAAgBqB,GAAS,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;;;;;;;;;;;KAIrC/B,EAgBeW,GAAA,MAAA;MAfb,SAAAZ,QAAW;OAAXC,EAAWY,CAAA;OACXZ,EAKOa,GAAA;QAJL,SAAQ;QACP,SAAOoB;;QAER,SAAAlC,QAAwC,CAArCI,EAAAC,EAAAC,EAAA0C,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,CAAA,C;;;OAEN/C,EAOOa,GAAA;QANL,OAAM;QACN,SAAQ;QACP,UAAUiB,EAAA;QACV,SAAOC;;QAER,SAAAhC,QAAiD,CAA9CI,EAAAC,EAAAC,EAAA0C,CAAA,CAAC,CAAA,wCAAA,CAAA,GAAA,CAAA,C"}

package/dist/domains/listEditor/components/internal/LeNestedRow.js

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

package/dist/domains/listEditor/components/internal/LeNestedRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeNestedRow.js","names":["_sfc_main","LeNestedRow_vue_vue_type_script_setup_true_lang_default","LeNestedRow_default"],"sources":["../../../../../src/domains/listEditor/components/internal/LeNestedRow.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"TItem extends Record<string, any>\">\nimport { useI18n } from 'vue-i18n'\nimport LeNestedRowSelf from './LeNestedRow.vue'\nimport LeDragHandle from '@/domains/listEditor/components/internal/LeDragHandle.vue'\nimport LeUnsavedLabel from '@/domains/listEditor/components/internal/LeUnsavedLabel.vue'\nimport type { ListEditorKey, ListEditorValidationState } from '@/domains/listEditor/types/listEditorTypes'\n\n// Self-recursive row. Interior uses `any` — strong typing lives on the public ANestedSortableListEditor wrapper.\n\nexport type Props = {\n  vi: any\n  viewItems: any[]\n  dragState: any\n  context: any\n  callbacks: any\n}\nconst props = defineProps<Props>()\n\n// `as any` breaks Vue's circular type inference on self-import.\nconst LeNestedRow = LeNestedRowSelf as any\n\nconst { t } = useI18n()\n\nconst GROUP_CLASS = 'a-nested-list-editor__group'\nconst HANDLE_CLASS = 'a-le-drag-handle'\n\nconst anchorName = (key: ListEditorKey): string => `--row-${String(key).replace(/\\W/g, '_')}`\n\n// Delegate to the parent editor's resolver so the registry + getValidationState\n// prop apply consistently. Falls back to reading raw.validationState if context\n// doesn't supply one.\nconst resolveValidation = (raw: TItem): ListEditorValidationState => {\n  if (typeof props.context.resolveValidation === 'function') {\n    return props.context.resolveValidation(raw, props.vi.key, props.vi.index)\n  }\n  const v = raw.validationState\n  if (v === 'valid' || v === 'invalid' || v === 'warning') return v\n  return null\n}\n\nconst buildSlotProps = () => props.context.buildSlotProps(props.vi)\n\nconst directChildren = (): any[] => props.viewItems.filter((v) => v.parentKey === props.vi.key)\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'a-le-row-wrapper',\n      {\n        'a-le-row-wrapper--drop-disabled': dragState !== null && dragState.sourceKey === vi.key,\n      },\n    ]\"\n    :data-id=\"String(vi.key)\"\n    role=\"treeitem\"\n    :aria-level=\"vi.depth + 1\"\n    :tabindex=\"context.keyboardNav ? context.keyboardNav.rowTabindex(vi.key) : undefined\"\n    @keydown=\"context.keyboardNav ? context.keyboardNav.handleKeydown(vi.key, $event) : undefined\"\n  >\n    <!-- Interstitial slots are SIBLINGS of `.a-le-row` (children of this wrapper),\n         so between-row content never inherits the row's unsaved/editing/grabbed/\n         validation tint. (QA 85050 BUG-04/05) -->\n    <slot\n      name=\"before-item\"\n      v-bind=\"buildSlotProps()\"\n    />\n\n    <div\n      :class=\"[\n        'a-le-row',\n        vi.depth > 0 ? 'a-le-row--child' : null,\n        {\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--reorder': context.reorderMode,\n          'a-le-row--grabbed': context.keyboardNav && context.keyboardNav.isGrabbed(vi.key),\n          'a-le-row--clickable': context.isRowClickable(vi),\n          'a-le-row--drop-source': dragState !== null && dragState.sourceKey === vi.key,\n          [`a-le-row--validation-${resolveValidation(vi.raw)}`]: resolveValidation(vi.raw) !== null,\n        },\n      ]\"\n      :style=\"{\n        '--nested-depth': vi.depth,\n        'anchor-name': anchorName(vi.key),\n        '--parent-anchor': vi.parentKey !== null ? anchorName(vi.parentKey) : 'none',\n      }\"\n    >\n      <div\n        class=\"a-le-row-header\"\n        @click=\"callbacks.onRowClick(vi)\"\n      >\n        <LeDragHandle\n          v-if=\"context.dragEnabled\"\n          :class=\"HANDLE_CLASS\"\n        />\n\n        <!-- Expand toggle — a small triangular caret rendered uniformly for both\n             root and nested rows. For leaf rows (no children) the toggle is\n             hidden via `visibility: hidden` so the column stays aligned. -->\n        <button\n          v-if=\"context.showExpandToggle && vi.childrenAllowed\"\n          type=\"button\"\n          :class=\"[\n            'a-nested-list-editor__tree-toggle',\n            {\n              'a-nested-list-editor__tree-toggle--empty': !vi.hasChildren,\n              'a-nested-list-editor__tree-toggle--open': vi.childrenExpanded,\n            },\n          ]\"\n          :aria-label=\"vi.childrenExpanded ? t('common.sortable.collapse') : t('common.sortable.expand')\"\n          :aria-expanded=\"vi.hasChildren ? vi.childrenExpanded : undefined\"\n          @click.stop=\"vi.hasChildren && callbacks.onChevronClick(vi)\"\n        >\n          <span class=\"a-nested-list-editor__tree-toggle-caret\" />\n        </button>\n        <!-- Spacer for leaf rows that have no caret, so titles align with\n             parents having one. -->\n        <span\n          v-else-if=\"context.showExpandToggle\"\n          class=\"a-nested-list-editor__tree-toggle a-nested-list-editor__tree-toggle--spacer\"\n          aria-hidden=\"true\"\n        />\n\n        <div class=\"a-le-row-main\">\n          <slot\n            name=\"item-compact\"\n            v-bind=\"buildSlotProps()\"\n          >\n            <span class=\"a-le-title\">\n              {{ context.resolveCompactText(vi.raw, vi.key) }}\n            </span>\n          </slot>\n          <!-- Visible only inside the SortableJS drag clone — signals that the\n               item being moved carries a subtree so the user realises the whole\n               branch will follow. Sits right after the title. Hidden in the\n               normal DOM via CSS. -->\n          <span\n            v-if=\"vi.hasChildren\"\n            class=\"a-nested-list-editor__drag-count\"\n            aria-hidden=\"true\"\n          >\n            <VIcon\n              icon=\"mdi-file-tree\"\n              size=\"14\"\n            />\n            +{{ vi.childrenCount }}\n          </span>\n          <LeUnsavedLabel v-if=\"vi.unsaved\" />\n        </div>\n\n        <div\n          v-if=\"!context.reorderMode\"\n          class=\"a-le-status\"\n        >\n          <slot\n            name=\"item-status\"\n            v-bind=\"buildSlotProps()\"\n          >\n            <span\n              v-if=\"context.statusField && vi.raw[context.statusField] != null && vi.raw[context.statusField] !== ''\"\n              class=\"a-le-status-badge\"\n            >\n              {{ vi.raw[context.statusField] }}\n            </span>\n          </slot>\n        </div>\n\n        <div class=\"a-le-actions\">\n          <slot\n            name=\"item-actions\"\n            v-bind=\"buildSlotProps()\"\n          >\n            <template v-if=\"context.reorderMode\">\n              <VBtn\n                :aria-label=\"t('common.sortable.moveUp')\"\n                icon\n                size=\"small\"\n                variant=\"text\"\n                density=\"comfortable\"\n                :disabled=\"vi.firstInParent\"\n                class=\"mx-1 a-le-action a-le-action--up\"\n                @click.stop=\"callbacks.moveUp(vi.key)\"\n              >\n                <VIcon\n                  icon=\"mdi-arrow-up\"\n                  size=\"18\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                  :text=\"t('common.sortable.moveUp')\"\n                />\n              </VBtn>\n              <VBtn\n                :aria-label=\"t('common.sortable.moveDown')\"\n                icon\n                size=\"small\"\n                variant=\"text\"\n                density=\"comfortable\"\n                :disabled=\"vi.lastInParent\"\n                class=\"mx-1 a-le-action a-le-action--down\"\n                @click.stop=\"callbacks.moveDown(vi.key)\"\n              >\n                <VIcon\n                  icon=\"mdi-arrow-down\"\n                  size=\"18\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                  :text=\"t('common.sortable.moveDown')\"\n                />\n              </VBtn>\n              <VBtn\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\n                      :disabled=\"vi.firstInParent\"\n                      @click.stop=\"callbacks.moveTop(vi.key)\"\n                    >\n                      <template #prepend>\n                        <VIcon icon=\"mdi-arrow-collapse-up\" />\n                      </template>\n                      <VListItemTitle>{{ t('common.sortable.moveToTop') }}</VListItemTitle>\n                    </VListItem>\n                    <VListItem\n                      :disabled=\"vi.lastInParent\"\n                      @click.stop=\"callbacks.moveBottom(vi.key)\"\n                    >\n                      <template #prepend>\n                        <VIcon icon=\"mdi-arrow-collapse-down\" />\n                      </template>\n                      <VListItemTitle>{{ t('common.sortable.moveToBottom') }}</VListItemTitle>\n                    </VListItem>\n                    <VListItem\n                      v-if=\"context.showMoveToPosition && (!vi.firstInParent || !vi.lastInParent)\"\n                      @click.stop=\"callbacks.openMoveToPosition(vi)\"\n                    >\n                      <template #prepend>\n                        <VIcon icon=\"mdi-target\" />\n                      </template>\n                      <VListItemTitle>\n                        {{ t('common.sortable.moveToPosition.action') }}\n                      </VListItemTitle>\n                    </VListItem>\n                    <VListItem\n                      v-if=\"context.showChangeParent\"\n                      @click.stop=\"callbacks.openChangeParent(vi)\"\n                    >\n                      <template #prepend>\n                        <VIcon icon=\"mdi-folder-move-outline\" />\n                      </template>\n                      <VListItemTitle>\n                        {{ t('common.sortable.changeParent.action') }}\n                      </VListItemTitle>\n                    </VListItem>\n                    <VListItem\n                      :disabled=\"!vi.canIndent\"\n                      @click.stop=\"callbacks.indent(vi)\"\n                    >\n                      <template #prepend>\n                        <VIcon icon=\"mdi-format-indent-increase\" />\n                      </template>\n                      <VListItemTitle>{{ t('common.sortable.indent') }}</VListItemTitle>\n                    </VListItem>\n                    <VListItem\n                      :disabled=\"!vi.canOutdent\"\n                      @click.stop=\"callbacks.outdent(vi)\"\n                    >\n                      <template #prepend>\n                        <VIcon icon=\"mdi-format-indent-decrease\" />\n                      </template>\n                      <VListItemTitle>{{ t('common.sortable.outdent') }}</VListItemTitle>\n                    </VListItem>\n                    <VListItem\n                      v-if=\"context.showDeleteButton && context.canInteract\"\n                      @click.stop=\"callbacks.onDeleteClick(vi)\"\n                    >\n                      <template #prepend>\n                        <VIcon\n                          icon=\"mdi-trash-can-outline\"\n                          color=\"error\"\n                        />\n                      </template>\n                      <VListItemTitle class=\"text-error\">\n                        {{ t('common.sortable.delete') }}\n                      </VListItemTitle>\n                    </VListItem>\n                  </VList>\n                </VMenu>\n              </VBtn>\n            </template>\n            <template v-else>\n              <VBtn\n                v-if=\"context.showEditButton && context.canInteract\"\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=\"callbacks.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=\"context.showDeleteButton && context.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=\"callbacks.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=\"\n                  context.canInteract && ((context.showAddChildButton && vi.canAddChild) || context.showAddAfterAction)\n                \"\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\n                      v-if=\"context.showAddAfterAction\"\n                      @click.stop=\"callbacks.onAddAfterClick(vi)\"\n                    >\n                      <template #prepend>\n                        <VIcon icon=\"mdi-playlist-plus\" />\n                      </template>\n                      <VListItemTitle>\n                        {{ t('common.sortable.addAfter') }}\n                      </VListItemTitle>\n                    </VListItem>\n                    <VListItem\n                      v-if=\"context.showAddChildButton && vi.canAddChild\"\n                      @click.stop=\"callbacks.onAddChildClick(vi)\"\n                    >\n                      <template #prepend>\n                        <VIcon icon=\"mdi-subdirectory-arrow-right\" />\n                      </template>\n                      <VListItemTitle>\n                        {{ t('common.sortable.addChild') }}\n                      </VListItemTitle>\n                    </VListItem>\n                  </VList>\n                </VMenu>\n              </VBtn>\n            </template>\n          </slot>\n        </div>\n      </div>\n\n      <!-- Inline edit body — status badge intentionally NOT rendered here,\n           the compact header's status is enough; stacking it in the form body\n           was visually noisy. -->\n      <template v-if=\"vi.editing && !context.reorderMode && $slots.item\">\n        <div class=\"a-le-row-body\">\n          <div class=\"a-le-form\">\n            <slot\n              name=\"item\"\n              v-bind=\"buildSlotProps()\"\n            />\n          </div>\n        </div>\n        <slot\n          name=\"item-footer\"\n          v-bind=\"buildSlotProps()\"\n        >\n          <div\n            v-if=\"context.showInlineSaveFooter\"\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=\"callbacks.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=\"callbacks.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'] && (context.readonly || vi.expanded) && !context.reorderMode\"\n        class=\"a-le-row-body\"\n      >\n        <div class=\"a-le-form\">\n          <slot\n            name=\"item-readonly\"\n            v-bind=\"buildSlotProps()\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <slot\n      name=\"after-item\"\n      v-bind=\"buildSlotProps()\"\n    />\n\n    <!-- Recursive children — any depth level. The `::before` on this wrapper\n         renders the single continuous vertical tree line at the parent's\n         chevron column (see CSS). One line per group = no per-row gaps. -->\n    <div\n      v-if=\"vi.hasChildren && vi.childrenExpanded\"\n      class=\"a-nested-list-editor__children\"\n      :style=\"{ '--parent-depth': vi.depth }\"\n    >\n      <div\n        :class=\"[GROUP_CLASS]\"\n        :data-parent-id=\"String(vi.key)\"\n      >\n        <LeNestedRow\n          v-for=\"child in directChildren()\"\n          :key=\"String(child.key)\"\n          :vi=\"child\"\n          :view-items=\"viewItems\"\n          :drag-state=\"dragState\"\n          :context=\"context\"\n          :callbacks=\"callbacks\"\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    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/domains/listEditor/components/internal/LeNestedRow.vue.d.ts

@@ -0,0 +1,57 @@
+export type Props = {
+    vi: any;
+    viewItems: any[];
+    dragState: any;
+    context: any;
+    callbacks: any;
+};
+declare const __VLS_export: <TItem extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<Props> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        'before-item'?: (props: any) => any;
+    } & {
+        'item-compact'?: (props: any) => any;
+    } & {
+        'item-status'?: (props: any) => any;
+    } & {
+        'item-actions'?: (props: any) => any;
+    } & {
+        item?: (props: any) => any;
+    } & {
+        'item-footer'?: (props: any) => any;
+    } & {
+        'item-readonly'?: (props: any) => any;
+    } & {
+        'after-item'?: (props: any) => any;
+    } & {
+        item?: (props: any) => any;
+    } & {
+        'item-compact'?: (props: any) => any;
+    } & {
+        'item-readonly'?: (props: any) => any;
+    } & {
+        'item-status'?: (props: any) => any;
+    } & {
+        'item-footer'?: (props: any) => any;
+    } & {
+        'item-actions'?: (props: any) => any;
+    } & {
+        'before-item'?: (props: any) => any;
+    } & {
+        'after-item'?: (props: any) => any;
+    };
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};