@abraca/nuxt 0.2.0 → 1.5.0

package/dist/runtime/components/renderers/timeline/ATimelineBarArea.d.vue.ts

@@ -0,0 +1,28 @@
+import type { TreeEntry } from '../../../composables/useChildTree.js';
+type __VLS_Props = {
+    epics: TreeEntry[];
+    tree: ReturnType<typeof import('../../../composables/useChildTree').useChildTree>;
+    dateToX: (dateStr: string) => number;
+    spanWidth: (start: string, end: string) => number;
+    todayOffset: number;
+    barDragId?: string | null;
+    barHoverEpicId?: string | null;
+    itemFocusers: (id: string) => Array<{
+        name: string;
+        color: string;
+    }>;
+    editable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "bar-pointer-down": (e: PointerEvent, id: string) => any;
+    "bar-click": (id: string, label: string) => any;
+    "focus-item": (id: string) => any;
+    "unfocus-item": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onBar-pointer-down"?: ((e: PointerEvent, id: string) => any) | undefined;
+    "onBar-click"?: ((id: string, label: string) => any) | undefined;
+    "onFocus-item"?: ((id: string) => any) | undefined;
+    "onUnfocus-item"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/timeline/ATimelineBarArea.vue

@@ -0,0 +1,109 @@
+<script setup>
+import ATimelineBar from "./ATimelineBar.vue";
+import ATimelineMilestone from "./ATimelineMilestone.vue";
+const _props = defineProps({
+  epics: { type: Array, required: true },
+  tree: { type: null, required: true },
+  dateToX: { type: Function, required: true },
+  spanWidth: { type: Function, required: true },
+  todayOffset: { type: Number, required: true },
+  barDragId: { type: [String, null], required: false },
+  barHoverEpicId: { type: [String, null], required: false },
+  itemFocusers: { type: Function, required: true },
+  editable: { type: Boolean, required: false }
+});
+const emit = defineEmits(["bar-pointer-down", "bar-click", "focus-item", "unfocus-item"]);
+function isMilestone(entry) {
+  return !entry.meta?.dateEnd || entry.meta.dateEnd === entry.meta.dateStart;
+}
+</script>
+
+<template>
+  <TransitionGroup
+    name="tepic"
+    tag="div"
+  >
+    <div
+      v-for="epic in epics"
+      :key="epic.id"
+      :data-epic-id="epic.id"
+      :class="barHoverEpicId === epic.id && barDragId ? 'bg-(--ui-primary)/5' : ''"
+    >
+      <!-- Epic bar row -->
+      <div class="h-10 relative border-b border-(--ui-border)">
+        <template v-if="epic.meta?.dateStart">
+          <ATimelineMilestone
+            v-if="isMilestone(epic)"
+            :entry="epic"
+            :left="dateToX(epic.meta.dateStart)"
+            :color="epic.meta?.color ?? '#6366f1'"
+            :is-dragging="barDragId === epic.id"
+            :focusers="itemFocusers(epic.id)"
+            @pointer-down="emit('bar-pointer-down', $event, epic.id)"
+            @pointer-enter="emit('focus-item', epic.id)"
+            @pointer-leave="emit('unfocus-item')"
+            @click="emit('bar-click', epic.id, epic.label)"
+          />
+          <ATimelineBar
+            v-else-if="epic.meta?.dateEnd"
+            :entry="epic"
+            :left="dateToX(epic.meta.dateStart)"
+            :width="spanWidth(epic.meta.dateStart, epic.meta.dateEnd)"
+            :color="epic.meta?.color ?? '#6366f1'"
+            :is-dragging="barDragId === epic.id"
+            :focusers="itemFocusers(epic.id)"
+            @pointer-down="emit('bar-pointer-down', $event, epic.id)"
+            @pointer-enter="emit('focus-item', epic.id)"
+            @pointer-leave="emit('unfocus-item')"
+            @click="emit('bar-click', epic.id, epic.label)"
+          />
+        </template>
+      </div>
+
+      <!-- Task bar rows -->
+      <div
+        v-for="task in tree.childrenOf(epic.id)"
+        :key="task.id"
+        class="h-9 relative border-b border-(--ui-border)"
+      >
+        <template v-if="task.meta?.dateStart">
+          <ATimelineMilestone
+            v-if="isMilestone(task)"
+            :entry="task"
+            :left="dateToX(task.meta.dateStart)"
+            :color="task.meta?.color ?? '#818cf8'"
+            :is-dragging="barDragId === task.id"
+            :focusers="itemFocusers(task.id)"
+            @pointer-down="emit('bar-pointer-down', $event, task.id)"
+            @pointer-enter="emit('focus-item', task.id)"
+            @pointer-leave="emit('unfocus-item')"
+            @click="emit('bar-click', task.id, task.label)"
+          />
+          <ATimelineBar
+            v-else-if="task.meta?.dateEnd"
+            :entry="task"
+            :left="dateToX(task.meta.dateStart)"
+            :width="spanWidth(task.meta.dateStart, task.meta.dateEnd)"
+            :color="task.meta?.color ?? '#818cf8'"
+            is-task
+            :is-dragging="barDragId === task.id"
+            :focusers="itemFocusers(task.id)"
+            @pointer-down="emit('bar-pointer-down', $event, task.id)"
+            @pointer-enter="emit('focus-item', task.id)"
+            @pointer-leave="emit('unfocus-item')"
+            @click="emit('bar-click', task.id, task.label)"
+          />
+        </template>
+      </div>
+
+      <!-- Add task spacer -->
+      <div class="h-7 border-b border-(--ui-border)" />
+    </div>
+  </TransitionGroup>
+
+  <!-- Today vertical line across bars -->
+  <div
+    class="absolute top-0 bottom-0 w-0.5 bg-(--ui-primary) opacity-20 pointer-events-none"
+    :style="{ left: `${todayOffset}px` }"
+  />
+</template>

package/dist/runtime/components/renderers/timeline/ATimelineBarArea.vue.d.ts

@@ -0,0 +1,28 @@
+import type { TreeEntry } from '../../../composables/useChildTree.js';
+type __VLS_Props = {
+    epics: TreeEntry[];
+    tree: ReturnType<typeof import('../../../composables/useChildTree').useChildTree>;
+    dateToX: (dateStr: string) => number;
+    spanWidth: (start: string, end: string) => number;
+    todayOffset: number;
+    barDragId?: string | null;
+    barHoverEpicId?: string | null;
+    itemFocusers: (id: string) => Array<{
+        name: string;
+        color: string;
+    }>;
+    editable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "bar-pointer-down": (e: PointerEvent, id: string) => any;
+    "bar-click": (id: string, label: string) => any;
+    "focus-item": (id: string) => any;
+    "unfocus-item": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onBar-pointer-down"?: ((e: PointerEvent, id: string) => any) | undefined;
+    "onBar-click"?: ((id: string, label: string) => any) | undefined;
+    "onFocus-item"?: ((id: string) => any) | undefined;
+    "onUnfocus-item"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/timeline/ATimelineLabelPanel.d.vue.ts

@@ -0,0 +1,43 @@
+import type { TreeEntry } from '../../../composables/useChildTree.js';
+import type { AbracadabraLocale } from '../../../locale.js';
+type __VLS_Props = {
+    epics: TreeEntry[];
+    tree: ReturnType<typeof import('../../../composables/useChildTree').useChildTree>;
+    epicDragId?: string | null;
+    epicDragOver?: string | null;
+    renameId?: string | null;
+    renameValue?: string;
+    visible?: boolean;
+    labelWidth?: number;
+    itemFocusers: (id: string) => Array<{
+        name: string;
+        color: string;
+    }>;
+    editable?: boolean;
+    labels?: Partial<AbracadabraLocale['renderers']['timeline']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "open-node": (id: string, label: string) => any;
+    "rename-input": (value: string) => any;
+    "rename-commit": () => any;
+    "rename-cancel": () => any;
+    "add-milestone": (epicId: string) => any;
+    "add-task": (epicId: string) => any;
+    "epic-pointer-down": (e: PointerEvent, id: string) => any;
+    "start-rename": (id: string, label: string) => any;
+    "delete-entry": (id: string) => any;
+    "duplicate-entry": (id: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onOpen-node"?: ((id: string, label: string) => any) | undefined;
+    "onRename-input"?: ((value: string) => any) | undefined;
+    "onRename-commit"?: (() => any) | undefined;
+    "onRename-cancel"?: (() => any) | undefined;
+    "onAdd-milestone"?: ((epicId: string) => any) | undefined;
+    "onAdd-task"?: ((epicId: string) => any) | undefined;
+    "onEpic-pointer-down"?: ((e: PointerEvent, id: string) => any) | undefined;
+    "onStart-rename"?: ((id: string, label: string) => any) | undefined;
+    "onDelete-entry"?: ((id: string) => any) | undefined;
+    "onDuplicate-entry"?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/timeline/ATimelineLabelPanel.vue

@@ -0,0 +1,168 @@
+<script setup>
+import { computed } from "vue";
+import { useRuntimeConfig } from "#imports";
+import { DEFAULT_LOCALE } from "../../../locale";
+const props = defineProps({
+  epics: { type: Array, required: true },
+  tree: { type: null, required: true },
+  epicDragId: { type: [String, null], required: false },
+  epicDragOver: { type: [String, null], required: false },
+  renameId: { type: [String, null], required: false },
+  renameValue: { type: String, required: false },
+  visible: { type: Boolean, required: false },
+  labelWidth: { type: Number, required: false },
+  itemFocusers: { type: Function, required: true },
+  editable: { type: Boolean, required: false },
+  labels: { type: Object, required: false }
+});
+const emit = defineEmits(["open-node", "add-task", "add-milestone", "epic-pointer-down", "start-rename", "rename-input", "rename-commit", "rename-cancel", "delete-entry", "duplicate-entry"]);
+const config = useRuntimeConfig();
+const locale = computed(() => ({
+  ...DEFAULT_LOCALE.renderers.timeline,
+  ...config.public?.abracadabra?.locale?.renderers?.timeline ?? {},
+  ...props.labels ?? {}
+}));
+function isMilestone(entry) {
+  return !entry.meta?.dateEnd || entry.meta.dateEnd === entry.meta.dateStart;
+}
+function epicMenuItems(epic) {
+  const items = [
+    [
+      { label: "Open", icon: "i-lucide-external-link", onSelect: () => emit("open-node", epic.id, epic.label) },
+      ...props.editable !== false ? [
+        { label: "Rename", icon: "i-lucide-pencil", onSelect: () => emit("start-rename", epic.id, epic.label) },
+        { label: "Duplicate", icon: "i-lucide-copy", onSelect: () => emit("duplicate-entry", epic.id) }
+      ] : []
+    ]
+  ];
+  if (props.editable !== false) {
+    items.push([
+      { label: locale.value.addTask, icon: "i-lucide-plus", onSelect: () => emit("add-task", epic.id) },
+      { label: locale.value.addMilestone, icon: "i-lucide-diamond", onSelect: () => emit("add-milestone", epic.id) }
+    ]);
+    items.push([
+      { label: "Delete", icon: "i-lucide-trash-2", color: "error", onSelect: () => emit("delete-entry", epic.id) }
+    ]);
+  }
+  return items;
+}
+</script>
+
+<template>
+  <div
+    class="flex-shrink-0 border-r border-(--ui-border) bg-(--ui-bg) z-10 transition-[opacity] overflow-hidden"
+    :class="visible === false ? 'opacity-0' : ''"
+    :style="visible === false ? { width: '0px' } : { width: (labelWidth ?? 192) + 'px' }"
+  >
+    <TransitionGroup
+      name="tepic"
+      tag="div"
+    >
+      <div
+        v-for="epic in epics"
+        :key="epic.id"
+      >
+        <!-- Epic row -->
+        <UDropdownMenu
+          :items="epicMenuItems(epic)"
+          :content="{ align: 'start' }"
+        >
+          <button
+            :data-drag-id="epic.id"
+            class="h-10 w-full flex items-center px-3 text-sm font-medium border-b border-(--ui-border) hover:bg-(--ui-bg-elevated) text-left transition-colors relative"
+            :class="[
+  editable !== false ? 'cursor-grab' : '',
+  {
+    'border-t-2 border-t-(--ui-primary)': epicDragOver === epic.id,
+    'opacity-40': epicDragId === epic.id
+  }
+]"
+            style="touch-action: pan-y"
+            @pointerdown="editable !== false && emit('epic-pointer-down', $event, epic.id)"
+            @click="emit('open-node', epic.id, epic.label)"
+            @contextmenu.prevent
+          >
+            <!-- Remote hover badge -->
+            <span
+              v-if="itemFocusers(epic.id).length > 0"
+              class="absolute -top-2 left-2 text-[10px] px-1 rounded text-white leading-tight z-10 pointer-events-none"
+              :style="{ backgroundColor: itemFocusers(epic.id)[0].color }"
+            >
+              {{ itemFocusers(epic.id)[0].name }}
+            </span>
+
+            <UIcon
+              name="i-lucide-chevron-right"
+              class="size-3 mr-1.5 text-(--ui-text-muted) shrink-0"
+            />
+
+            <!-- Inline rename -->
+            <UInput
+              v-if="renameId === epic.id"
+              :model-value="renameValue"
+              size="xs"
+              variant="none"
+              class="flex-1"
+              autofocus
+              @update:model-value="emit('rename-input', $event)"
+              @keydown.enter="emit('rename-commit')"
+              @keydown.escape="emit('rename-cancel')"
+              @blur="emit('rename-commit')"
+              @click.stop
+            />
+            <span
+              v-else
+              class="truncate flex-1"
+            >{{ epic.label }}</span>
+          </button>
+        </UDropdownMenu>
+
+        <!-- Task rows -->
+        <button
+          v-for="task in tree.childrenOf(epic.id)"
+          :key="task.id"
+          class="h-9 w-full flex items-center px-6 text-xs border-b border-(--ui-border) hover:bg-(--ui-bg-elevated) text-left relative"
+          :style="itemFocusers(task.id).length > 0 ? { borderLeft: `3px solid ${itemFocusers(task.id)[0].color}` } : void 0"
+          @click="emit('open-node', task.id, task.label)"
+        >
+          <UIcon
+            v-if="isMilestone(task)"
+            name="i-lucide-diamond"
+            class="size-3 mr-1.5 text-(--ui-text-dimmed) shrink-0"
+          />
+          <!-- Inline rename -->
+          <UInput
+            v-if="renameId === task.id"
+            :model-value="renameValue"
+            size="xs"
+            variant="none"
+            class="flex-1"
+            autofocus
+            @update:model-value="emit('rename-input', $event)"
+            @keydown.enter="emit('rename-commit')"
+            @keydown.escape="emit('rename-cancel')"
+            @blur="emit('rename-commit')"
+            @click.stop
+          />
+          <span
+            v-else
+            class="truncate text-(--ui-text-dimmed)"
+          >{{ task.label }}</span>
+        </button>
+
+        <!-- Add task row -->
+        <button
+          v-if="editable !== false"
+          class="h-7 w-full flex items-center px-6 text-xs text-(--ui-text-dimmed) hover:text-(--ui-text) border-b border-(--ui-border) text-left"
+          @click="emit('add-task', epic.id)"
+        >
+          + {{ locale.task }}
+        </button>
+        <div
+          v-else
+          class="h-7 border-b border-(--ui-border)"
+        />
+      </div>
+    </TransitionGroup>
+  </div>
+</template>

package/dist/runtime/components/renderers/timeline/ATimelineLabelPanel.vue.d.ts

@@ -0,0 +1,43 @@
+import type { TreeEntry } from '../../../composables/useChildTree.js';
+import type { AbracadabraLocale } from '../../../locale.js';
+type __VLS_Props = {
+    epics: TreeEntry[];
+    tree: ReturnType<typeof import('../../../composables/useChildTree').useChildTree>;
+    epicDragId?: string | null;
+    epicDragOver?: string | null;
+    renameId?: string | null;
+    renameValue?: string;
+    visible?: boolean;
+    labelWidth?: number;
+    itemFocusers: (id: string) => Array<{
+        name: string;
+        color: string;
+    }>;
+    editable?: boolean;
+    labels?: Partial<AbracadabraLocale['renderers']['timeline']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "open-node": (id: string, label: string) => any;
+    "rename-input": (value: string) => any;
+    "rename-commit": () => any;
+    "rename-cancel": () => any;
+    "add-milestone": (epicId: string) => any;
+    "add-task": (epicId: string) => any;
+    "epic-pointer-down": (e: PointerEvent, id: string) => any;
+    "start-rename": (id: string, label: string) => any;
+    "delete-entry": (id: string) => any;
+    "duplicate-entry": (id: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onOpen-node"?: ((id: string, label: string) => any) | undefined;
+    "onRename-input"?: ((value: string) => any) | undefined;
+    "onRename-commit"?: (() => any) | undefined;
+    "onRename-cancel"?: (() => any) | undefined;
+    "onAdd-milestone"?: ((epicId: string) => any) | undefined;
+    "onAdd-task"?: ((epicId: string) => any) | undefined;
+    "onEpic-pointer-down"?: ((e: PointerEvent, id: string) => any) | undefined;
+    "onStart-rename"?: ((id: string, label: string) => any) | undefined;
+    "onDelete-entry"?: ((id: string) => any) | undefined;
+    "onDuplicate-entry"?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/timeline/ATimelineMilestone.d.vue.ts

@@ -0,0 +1,24 @@
+import type { TreeEntry } from '../../../composables/useChildTree.js';
+type __VLS_Props = {
+    entry: TreeEntry;
+    left: number;
+    color: string;
+    isDragging?: boolean;
+    focusers?: Array<{
+        name: string;
+        color: string;
+    }>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (id: string, label: string) => any;
+    "pointer-enter": (id: string) => any;
+    "pointer-leave": () => any;
+    "pointer-down": (e: PointerEvent, id: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((id: string, label: string) => any) | undefined;
+    "onPointer-enter"?: ((id: string) => any) | undefined;
+    "onPointer-leave"?: (() => any) | undefined;
+    "onPointer-down"?: ((e: PointerEvent, id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/timeline/ATimelineMilestone.vue

@@ -0,0 +1,46 @@
+<script setup>
+defineProps({
+  entry: { type: Object, required: true },
+  left: { type: Number, required: true },
+  color: { type: String, required: true },
+  isDragging: { type: Boolean, required: false },
+  focusers: { type: Array, required: false }
+});
+const emit = defineEmits(["pointer-down", "pointer-enter", "pointer-leave", "click"]);
+</script>
+
+<template>
+  <div
+    class="absolute flex items-center gap-1 select-none transition-opacity"
+    :class="isDragging ? 'opacity-50 cursor-grabbing' : 'cursor-grab'"
+    :style="{ left: `${left - 8}px`, top: '4px' }"
+    style="touch-action: none"
+    @pointerdown="emit('pointer-down', $event, entry.id)"
+    @pointerenter="emit('pointer-enter', entry.id)"
+    @pointerleave="emit('pointer-leave')"
+    @click.stop="emit('click', entry.id, entry.label)"
+  >
+    <!-- Remote hover badge -->
+    <span
+      v-if="focusers?.length"
+      class="absolute -top-3 left-0 text-[10px] px-1 rounded text-white leading-tight z-10 pointer-events-none"
+      :style="{ backgroundColor: focusers[0].color }"
+    >
+      {{ focusers[0].name }}
+    </span>
+
+    <!-- Diamond shape -->
+    <div
+      class="w-4 h-4 rotate-45 rounded-sm shrink-0"
+      :style="{
+  background: color,
+  ...focusers?.length ? { outline: `2px solid ${focusers[0].color}`, outlineOffset: '1px' } : {}
+}"
+    />
+
+    <!-- Label -->
+    <span class="text-[10px] sm:text-[11px] text-(--ui-text) whitespace-nowrap max-w-24 truncate">
+      {{ entry.label }}
+    </span>
+  </div>
+</template>

package/dist/runtime/components/renderers/timeline/ATimelineMilestone.vue.d.ts

@@ -0,0 +1,24 @@
+import type { TreeEntry } from '../../../composables/useChildTree.js';
+type __VLS_Props = {
+    entry: TreeEntry;
+    left: number;
+    color: string;
+    isDragging?: boolean;
+    focusers?: Array<{
+        name: string;
+        color: string;
+    }>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (id: string, label: string) => any;
+    "pointer-enter": (id: string) => any;
+    "pointer-leave": () => any;
+    "pointer-down": (e: PointerEvent, id: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((id: string, label: string) => any) | undefined;
+    "onPointer-enter"?: ((id: string) => any) | undefined;
+    "onPointer-leave"?: (() => any) | undefined;
+    "onPointer-down"?: ((e: PointerEvent, id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/timeline/ATimelineToolbar.d.vue.ts

@@ -0,0 +1,34 @@
+import type { AbracadabraLocale } from '../../../locale.js';
+type __VLS_Props = {
+    pixelsPerDay: number;
+    isMobile: boolean;
+    showLabels: boolean;
+    remoteViewers: Array<{
+        clientId: number;
+        name: string;
+        color: string;
+    }>;
+    editable?: boolean;
+    labels?: Partial<AbracadabraLocale['renderers']['timeline']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    today: () => any;
+    "zoom-in": () => any;
+    "zoom-out": () => any;
+    "go-to-date": (date: string) => any;
+    "add-epic": () => any;
+    "add-milestone": () => any;
+    "toggle-labels": () => any;
+    fit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToday?: (() => any) | undefined;
+    "onZoom-in"?: (() => any) | undefined;
+    "onZoom-out"?: (() => any) | undefined;
+    "onGo-to-date"?: ((date: string) => any) | undefined;
+    "onAdd-epic"?: (() => any) | undefined;
+    "onAdd-milestone"?: (() => any) | undefined;
+    "onToggle-labels"?: (() => any) | undefined;
+    onFit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;