nuxt-ui-elements-pro 0.1.10 → 0.1.11

package/dist/runtime/components/feedback-widget/FeedbackWidgetPanel.vue

@@ -0,0 +1,288 @@
+<script setup>
+import { onMounted, onUnmounted, ref, watch } from "vue";
+import { useFeedbackWidgetContext } from "../../composables/useFeedbackWidgetContext";
+defineProps({
+  title: { type: String, required: true }
+});
+const ctx = useFeedbackWidgetContext();
+const captchaContainerRef = ref(null);
+let captchaWidgetId = null;
+const CAPTCHA_SCRIPTS = {
+  turnstile: "https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit",
+  recaptcha: "https://www.google.com/recaptcha/api.js?render=explicit",
+  hcaptcha: "https://js.hcaptcha.com/1/api.js?render=explicit"
+};
+function loadCaptchaScript(provider) {
+  const existingScript = document.querySelector(`script[data-captcha-provider="${provider}"]`);
+  if (existingScript) return Promise.resolve();
+  return new Promise((resolve, reject) => {
+    const script = document.createElement("script");
+    script.src = CAPTCHA_SCRIPTS[provider];
+    script.async = true;
+    script.defer = true;
+    script.dataset.captchaProvider = provider;
+    script.onload = () => resolve();
+    script.onerror = () => reject(new Error(`Failed to load ${provider} script`));
+    document.head.appendChild(script);
+  });
+}
+function renderCaptcha() {
+  if (!captchaContainerRef.value || !ctx.captchaEnabled.value) return;
+  const provider = ctx.captchaProvider.value;
+  const siteKey = ctx.captchaSiteKey.value;
+  if (!provider || !siteKey) return;
+  if (captchaContainerRef.value) {
+    captchaContainerRef.value.innerHTML = "";
+  }
+  const callback = (token) => ctx.setCaptchaToken(token);
+  if (provider === "turnstile" && window.turnstile) {
+    captchaWidgetId = window.turnstile.render(captchaContainerRef.value, {
+      sitekey: siteKey,
+      callback
+    });
+  } else if (provider === "recaptcha" && window.grecaptcha) {
+    captchaWidgetId = window.grecaptcha.render(captchaContainerRef.value, {
+      sitekey: siteKey,
+      callback
+    });
+  } else if (provider === "hcaptcha" && window.hcaptcha) {
+    captchaWidgetId = window.hcaptcha.render(captchaContainerRef.value, {
+      sitekey: siteKey,
+      callback
+    });
+  }
+}
+watch(() => ctx.isOpen.value, async (open) => {
+  if (open && ctx.captchaEnabled.value && ctx.captchaProvider.value) {
+    try {
+      await loadCaptchaScript(ctx.captchaProvider.value);
+      setTimeout(renderCaptcha, 100);
+    } catch {
+    }
+  }
+});
+function onKeydown(e) {
+  if (e.key === "Escape" && ctx.isOpen.value) {
+    ctx.close();
+  }
+}
+onMounted(() => {
+  document.addEventListener("keydown", onKeydown);
+});
+onUnmounted(() => {
+  document.removeEventListener("keydown", onKeydown);
+});
+</script>
+
+<template>
+  <div
+    data-slot="panel"
+    :class="[
+  ctx.ui.value.panel({ class: ctx.propUi.value?.panel }),
+  ctx.isOpen.value ? ctx.ui.value.panelVisible({ class: ctx.propUi.value?.panelVisible }) : ctx.ui.value.panelHidden({ class: ctx.propUi.value?.panelHidden })
+]"
+  >
+    <!-- Success state -->
+    <template v-if="ctx.isSubmitted.value">
+      <slot name="success" :reset="ctx.reset" :close="ctx.close">
+        <div data-slot="successState" :class="ctx.ui.value.successState({ class: ctx.propUi.value?.successState })">
+          <UIcon name="i-lucide-check-circle-2" :class="ctx.ui.value.successIcon({ class: ctx.propUi.value?.successIcon })" />
+          <p :class="ctx.ui.value.successTitle({ class: ctx.propUi.value?.successTitle })">Thank you!</p>
+          <p :class="ctx.ui.value.successMessage({ class: ctx.propUi.value?.successMessage })">
+            Your feedback has been submitted successfully.
+          </p>
+          <UButton size="sm" color="neutral" variant="outline" @click="ctx.reset">
+            Send more feedback
+          </UButton>
+        </div>
+      </slot>
+    </template>
+
+    <!-- Main form flow -->
+    <template v-else>
+      <!-- Header -->
+      <slot name="header" :title="title" :close="ctx.close">
+        <div data-slot="panelHeader" :class="ctx.ui.value.panelHeader({ class: ctx.propUi.value?.panelHeader })">
+          <span :class="ctx.ui.value.panelTitle({ class: ctx.propUi.value?.panelTitle })">{{ title }}</span>
+          <UButton
+            size="xs"
+            color="neutral"
+            variant="ghost"
+            icon="i-lucide-x"
+            square
+            :class="ctx.ui.value.panelCloseButton({ class: ctx.propUi.value?.panelCloseButton })"
+            aria-label="Close feedback panel"
+            @click="ctx.close"
+          />
+        </div>
+      </slot>
+
+      <!-- Type selector (step 1) -->
+      <template v-if="!ctx.selectedType.value">
+        <slot
+          name="type-selector"
+          :types="ctx.feedbackTypes.value"
+          :selected="ctx.selectedType.value"
+          :select="(id) => ctx.selectedType.value = id"
+        >
+          <div data-slot="typeSelector" :class="ctx.ui.value.typeSelector({ class: ctx.propUi.value?.typeSelector })">
+            <button
+              v-for="feedbackType in ctx.feedbackTypes.value"
+              :key="feedbackType.id"
+              type="button"
+              data-slot="typeOption"
+              :class="[
+  ctx.ui.value.typeOption({ class: ctx.propUi.value?.typeOption }),
+  ctx.selectedType.value === feedbackType.id && ctx.ui.value.typeOptionSelected({ class: ctx.propUi.value?.typeOptionSelected })
+]"
+              @click="ctx.selectedType.value = feedbackType.id"
+            >
+              <UIcon
+                v-if="feedbackType.icon"
+                :name="feedbackType.icon"
+                :class="ctx.ui.value.typeOptionIcon({ class: ctx.propUi.value?.typeOptionIcon })"
+              />
+              <div>
+                <div :class="ctx.ui.value.typeOptionLabel({ class: ctx.propUi.value?.typeOptionLabel })">
+                  {{ feedbackType.label }}
+                </div>
+                <div
+                  v-if="feedbackType.description"
+                  :class="ctx.ui.value.typeOptionDescription({ class: ctx.propUi.value?.typeOptionDescription })"
+                >
+                  {{ feedbackType.description }}
+                </div>
+              </div>
+            </button>
+          </div>
+        </slot>
+      </template>
+
+      <!-- Form (step 2) -->
+      <template v-else>
+        <slot
+          name="form"
+          :email="ctx.email.value"
+          :message="ctx.message.value"
+          :screenshot="ctx.screenshot.value"
+        >
+          <div data-slot="form" :class="ctx.ui.value.form({ class: ctx.propUi.value?.form })">
+            <!-- Back button -->
+            <UButton
+              size="xs"
+              color="neutral"
+              variant="ghost"
+              icon="i-lucide-arrow-left"
+              label="Back"
+              data-slot="backButton"
+              :class="ctx.ui.value.backButton({ class: ctx.propUi.value?.backButton })"
+              @click="ctx.selectedType.value = null"
+            />
+
+            <!-- Email -->
+            <div data-slot="formField" :class="ctx.ui.value.formField({ class: ctx.propUi.value?.formField })">
+              <label :class="ctx.ui.value.formLabel({ class: ctx.propUi.value?.formLabel })">Email</label>
+              <UInput
+                :model-value="ctx.email.value"
+                type="email"
+                :color="ctx.color.value"
+                :placeholder="ctx.emailPlaceholder.value"
+                data-slot="formInput"
+                @update:model-value="ctx.email.value = $event"
+              />
+            </div>
+
+            <!-- Message -->
+            <div data-slot="formField" :class="ctx.ui.value.formField({ class: ctx.propUi.value?.formField })">
+              <label :class="ctx.ui.value.formLabel({ class: ctx.propUi.value?.formLabel })">Message</label>
+              <UTextarea
+                :model-value="ctx.message.value"
+                :color="ctx.color.value"
+                :placeholder="ctx.messagePlaceholder.value"
+                :rows="3"
+                data-slot="formTextarea"
+                class="resize-none"
+                @update:model-value="ctx.message.value = $event"
+              />
+            </div>
+
+            <!-- Screenshot -->
+            <template v-if="ctx.showScreenshot.value">
+              <div v-if="ctx.screenshot.value" :class="ctx.ui.value.screenshotPreview({ class: ctx.propUi.value?.screenshotPreview })">
+                <img :src="ctx.screenshot.value" alt="Screenshot preview" :class="ctx.ui.value.screenshotImage({ class: ctx.propUi.value?.screenshotImage })">
+                <UButton
+                  size="xs"
+                  color="neutral"
+                  variant="ghost"
+                  icon="i-lucide-x"
+                  square
+                  :class="ctx.ui.value.screenshotRemove({ class: ctx.propUi.value?.screenshotRemove })"
+                  aria-label="Remove screenshot"
+                  @click="ctx.removeScreenshot"
+                />
+              </div>
+              <UButton
+                v-else
+                size="xs"
+                color="neutral"
+                variant="ghost"
+                icon="i-lucide-camera"
+                label="Capture screenshot"
+                :class="ctx.ui.value.screenshotButton({ class: ctx.propUi.value?.screenshotButton })"
+                @click="ctx.captureScreenshot"
+              />
+            </template>
+
+            <!-- Honeypot (invisible to real users) -->
+            <div :class="ctx.ui.value.honeypot({ class: ctx.propUi.value?.honeypot })" aria-hidden="true" tabindex="-1">
+              <label for="_feedback_hp">Leave this empty</label>
+              <input
+                id="_feedback_hp"
+                :value="ctx.honeypot.value"
+                type="text"
+                name="_hp"
+                autocomplete="off"
+                tabindex="-1"
+                @input="ctx.honeypot.value = $event.target.value"
+              >
+            </div>
+
+            <!-- CAPTCHA -->
+            <div
+              v-if="ctx.captchaEnabled.value"
+              ref="captchaContainerRef"
+              data-slot="captchaContainer"
+              :class="ctx.ui.value.captchaContainer({ class: ctx.propUi.value?.captchaContainer })"
+            />
+          </div>
+        </slot>
+
+        <!-- Error message -->
+        <p v-if="ctx.submitError.value" data-slot="errorMessage" :class="ctx.ui.value.errorMessage({ class: ctx.propUi.value?.errorMessage })">
+          {{ ctx.submitError.value }}
+        </p>
+
+        <!-- Submit area -->
+        <slot
+          name="submit-area"
+          :submit="ctx.submit"
+          :is-valid="ctx.isValid.value"
+          :is-submitting="ctx.isSubmitting.value"
+        >
+          <div data-slot="submitArea" :class="ctx.ui.value.submitArea({ class: ctx.propUi.value?.submitArea })">
+            <span class="text-xs text-muted">
+              {{ ctx.feedbackTypes.value.find((t) => t.id === ctx.selectedType.value)?.label }}
+            </span>
+            <UButton
+              size="sm"
+              :color="ctx.color.value"
+              :disabled="!ctx.isValid.value || ctx.isSubmitting.value"
+              :label="ctx.isSubmitting.value ? 'Sending...' : 'Submit'"
+              @click="ctx.submit"
+            />
+          </div>
+        </slot>
+      </template>
+    </template>
+  </div>
+</template>

package/dist/runtime/components/feedback-widget/FeedbackWidgetPanel.vue.d.ts

@@ -0,0 +1,42 @@
+type __VLS_Props = {
+    title: string;
+};
+declare var __VLS_1: {
+    reset: () => void;
+    close: () => void;
+}, __VLS_16: {
+    title: string;
+    close: () => void;
+}, __VLS_25: {
+    types: import("../../types/feedback-widget.js").FeedbackType[];
+    selected: (string & {}) | null;
+    select: (id: string) => string;
+}, __VLS_32: {
+    email: string;
+    message: string;
+    screenshot: string | null;
+}, __VLS_69: {
+    submit: () => Promise<void>;
+    isValid: boolean;
+    isSubmitting: boolean;
+};
+type __VLS_Slots = {} & {
+    success?: (props: typeof __VLS_1) => any;
+} & {
+    header?: (props: typeof __VLS_16) => any;
+} & {
+    'type-selector'?: (props: typeof __VLS_25) => any;
+} & {
+    form?: (props: typeof __VLS_32) => any;
+} & {
+    'submit-area'?: (props: typeof __VLS_69) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/gantt-chart/GanttChartDependencies.d.vue.ts

@@ -0,0 +1,16 @@
+import type { GanttDependencyPath } from "../../types/gantt-chart.js";
+declare var __VLS_1: {
+    paths: GanttDependencyPath[];
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/gantt-chart/GanttChartDependencies.vue

@@ -0,0 +1,70 @@
+<script setup>
+import { computed } from "vue";
+import { useGanttChartContext } from "../../composables/useGanttChartContext";
+import { buildDependencyPath } from "../../utils/gantt-chart";
+const ctx = useGanttChartContext();
+const activePaths = computed(() => {
+  const basePaths = ctx.layout.value.dependencyPaths;
+  const dragId = ctx.draggedTaskId.value;
+  const dragPreview = ctx.dragPreview.value;
+  const resizeId = ctx.resizingTaskId.value;
+  const resizePreview = ctx.resizePreview.value;
+  if ((!dragId || !dragPreview) && (!resizeId || !resizePreview)) {
+    return basePaths;
+  }
+  const activeId = dragId ?? resizeId;
+  const preview = dragPreview ?? resizePreview;
+  if (!activeId || !preview) return basePaths;
+  return basePaths.map((dep) => {
+    const isFromActive = dep.from.task.id === activeId;
+    const isToActive = dep.to.task.id === activeId;
+    if (!isFromActive && !isToActive) return dep;
+    const adjustedFrom = isFromActive ? { ...dep.from, leftPx: preview.leftPx, widthPx: preview.widthPx } : dep.from;
+    const adjustedTo = isToActive ? { ...dep.to, leftPx: preview.leftPx, widthPx: preview.widthPx } : dep.to;
+    const result = buildDependencyPath(adjustedFrom, adjustedTo, ctx.rowHeight.value);
+    return { ...dep, path: result.path, fromPoint: result.fromPoint, toPoint: result.toPoint };
+  });
+});
+</script>
+
+<template>
+  <svg
+    v-if="activePaths.length > 0"
+    data-slot="dependencyLayer"
+    :class="ctx.ui.value.dependencyLayer({ class: ctx.propUi.value?.dependencyLayer })"
+    :width="ctx.layout.value.totalWidth"
+    :height="ctx.layout.value.totalHeight"
+    :viewBox="`0 0 ${ctx.layout.value.totalWidth} ${ctx.layout.value.totalHeight}`"
+    aria-hidden="true"
+  >
+    <!-- Arrowhead marker definition -->
+    <defs>
+      <marker
+        id="gantt-arrowhead"
+        viewBox="0 0 10 10"
+        refX="10"
+        refY="5"
+        markerWidth="6"
+        markerHeight="6"
+        orient="auto-start-reverse"
+      >
+        <path d="M 0 0 L 10 5 L 0 10 z" fill="currentColor" class="text-muted" />
+      </marker>
+    </defs>
+
+    <slot :paths="activePaths">
+      <template v-for="dep in activePaths" :key="`${dep.dependency.fromId}-${dep.dependency.toId}`">
+        <path
+          data-slot="dependencyArrow"
+          :d="dep.path"
+          :class="ctx.ui.value.dependencyArrow({ class: ctx.propUi.value?.dependencyArrow })"
+          stroke-width="1.5"
+          marker-end="url(#gantt-arrowhead)"
+        />
+        <!-- Connection dots at both ends -->
+        <circle :cx="dep.fromPoint.x" :cy="dep.fromPoint.y" r="3" fill="currentColor" class="text-muted" />
+        <circle :cx="dep.toPoint.x" :cy="dep.toPoint.y" r="3" fill="currentColor" class="text-muted" />
+      </template>
+    </slot>
+  </svg>
+</template>

package/dist/runtime/components/gantt-chart/GanttChartDependencies.vue.d.ts

@@ -0,0 +1,16 @@
+import type { GanttDependencyPath } from "../../types/gantt-chart.js";
+declare var __VLS_1: {
+    paths: GanttDependencyPath[];
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/gantt-chart/GanttChartHeader.d.vue.ts

@@ -0,0 +1,41 @@
+import type { GanttZoomLevel } from "../../types/gantt-chart.js";
+import type { Component } from "vue";
+export interface GanttChartHeaderProps {
+    /** Rendered element type @defaultValue 'div' */
+    as?: string | Component;
+}
+export interface GanttChartHeaderSlots {
+    default: (props: {
+        title: string;
+        prev: () => void;
+        next: () => void;
+        today: () => void;
+        zoomLevel: GanttZoomLevel;
+        setZoomLevel: (level: GanttZoomLevel) => void;
+        zoomLevels: GanttZoomLevel[];
+    }) => any;
+    /** Replace just the title element */
+    title: (props: {
+        title: string;
+    }) => any;
+    /** Replace just the navigation buttons */
+    nav: (props: {
+        prev: () => void;
+        next: () => void;
+        today: () => void;
+    }) => any;
+    /** Replace just the zoom level switcher */
+    "zoom-switcher": (props: {
+        zoomLevel: GanttZoomLevel;
+        setZoomLevel: (level: GanttZoomLevel) => void;
+        zoomLevels: GanttZoomLevel[];
+    }) => any;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<GanttChartHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<GanttChartHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, GanttChartHeaderSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/gantt-chart/GanttChartHeader.vue

@@ -0,0 +1,56 @@
+<script>
+import { Primitive } from "reka-ui";
+import { useGanttChartContext } from "../../composables/useGanttChartContext";
+</script>
+
+<script setup>
+const props = defineProps({
+  as: { type: null, required: false }
+});
+defineSlots();
+const ctx = useGanttChartContext();
+</script>
+
+<template>
+  <Primitive :as="props.as ?? 'div'" data-slot="header" :class="ctx.ui.value.header({ class: ctx.propUi.value?.header })">
+    <slot
+      :title="ctx.headerTitle.value"
+      :prev="ctx.goToPrev"
+      :next="ctx.goToNext"
+      :today="ctx.goToToday"
+      :zoom-level="ctx.zoomLevel.value"
+      :set-zoom-level="ctx.setZoomLevel"
+      :zoom-levels="ctx.zoomLevels.value">
+      <slot name="title" :title="ctx.headerTitle.value">
+        <span data-slot="headerTitle" :class="ctx.ui.value.headerTitle({ class: ctx.propUi.value?.headerTitle })" aria-live="polite" aria-atomic="true">
+          {{ ctx.headerTitle.value }}
+        </span>
+      </slot>
+
+      <div data-slot="headerActions" :class="ctx.ui.value.headerActions({ class: ctx.propUi.value?.headerActions })">
+        <slot name="zoom-switcher" :zoom-level="ctx.zoomLevel.value" :set-zoom-level="ctx.setZoomLevel" :zoom-levels="ctx.zoomLevels.value">
+          <div data-slot="zoomSwitcher" role="group" aria-label="Zoom level" :class="ctx.ui.value.zoomSwitcher({ class: ctx.propUi.value?.zoomSwitcher })">
+            <UButton
+              v-for="level in ctx.zoomLevels.value"
+              :key="level"
+              :label="level"
+              size="xs"
+              :color="ctx.zoomLevel.value === level ? ctx.color.value : 'neutral'"
+              :variant="ctx.zoomLevel.value === level ? 'subtle' : 'ghost'"
+              :aria-pressed="ctx.zoomLevel.value === level"
+              class="capitalize"
+              @click="ctx.setZoomLevel(level)" />
+          </div>
+        </slot>
+
+        <slot name="nav" :prev="ctx.goToPrev" :next="ctx.goToNext" :today="ctx.goToToday">
+          <div data-slot="headerNav" :class="ctx.ui.value.headerNav({ class: ctx.propUi.value?.headerNav })">
+            <UButton icon="i-lucide-chevron-left" color="neutral" variant="ghost" size="xs" square aria-label="Previous" @click="ctx.goToPrev" />
+            <UButton label="Today" color="neutral" variant="ghost" size="xs" aria-label="Go to today" @click="ctx.goToToday" />
+            <UButton icon="i-lucide-chevron-right" color="neutral" variant="ghost" size="xs" square aria-label="Next" @click="ctx.goToNext" />
+          </div>
+        </slot>
+      </div>
+    </slot>
+  </Primitive>
+</template>

package/dist/runtime/components/gantt-chart/GanttChartHeader.vue.d.ts

@@ -0,0 +1,41 @@
+import type { GanttZoomLevel } from "../../types/gantt-chart.js";
+import type { Component } from "vue";
+export interface GanttChartHeaderProps {
+    /** Rendered element type @defaultValue 'div' */
+    as?: string | Component;
+}
+export interface GanttChartHeaderSlots {
+    default: (props: {
+        title: string;
+        prev: () => void;
+        next: () => void;
+        today: () => void;
+        zoomLevel: GanttZoomLevel;
+        setZoomLevel: (level: GanttZoomLevel) => void;
+        zoomLevels: GanttZoomLevel[];
+    }) => any;
+    /** Replace just the title element */
+    title: (props: {
+        title: string;
+    }) => any;
+    /** Replace just the navigation buttons */
+    nav: (props: {
+        prev: () => void;
+        next: () => void;
+        today: () => void;
+    }) => any;
+    /** Replace just the zoom level switcher */
+    "zoom-switcher": (props: {
+        zoomLevel: GanttZoomLevel;
+        setZoomLevel: (level: GanttZoomLevel) => void;
+        zoomLevels: GanttZoomLevel[];
+    }) => any;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<GanttChartHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<GanttChartHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, GanttChartHeaderSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/gantt-chart/GanttChartTimeline.d.vue.ts

@@ -0,0 +1,34 @@
+declare var __VLS_1: {}, __VLS_10: {
+    paths: import("../../types/gantt-chart.js").GanttDependencyPath[];
+}, __VLS_12: {
+    task: import("../../types/gantt-chart.js").GanttTask;
+    bar: import("../../types/gantt-chart.js").GanttTaskBar;
+}, __VLS_14: {
+    task: import("../../types/gantt-chart.js").GanttTask;
+    bar: import("../../types/gantt-chart.js").GanttTaskBar;
+    expanded: boolean;
+    toggle: () => void;
+}, __VLS_21: {
+    task: import("../../types/gantt-chart.js").GanttTask;
+    bar: import("../../types/gantt-chart.js").GanttTaskBar;
+};
+type __VLS_Slots = {} & {
+    'today-marker'?: (props: typeof __VLS_1) => any;
+} & {
+    dependency?: (props: typeof __VLS_10) => any;
+} & {
+    milestone?: (props: typeof __VLS_12) => any;
+} & {
+    'group-header'?: (props: typeof __VLS_14) => any;
+} & {
+    'task-bar'?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};