nuxt-ui-elements-pro 0.1.9 → 0.1.11

package/dist/runtime/components/event-calendar/EventCalendarTimeGrid.vue

@@ -1,6 +1,6 @@
 <script>
 import { Primitive } from "reka-ui";
-import {} from "vue";
+import { ref, onMounted, watch, nextTick } from "vue";
 import { useEventCalendarContext } from "../../composables/useEventCalendarContext";
 import { format } from "#std/date";
 </script>
@@ -11,6 +11,26 @@ const props = defineProps({
 });
 defineSlots();
 const ctx = useEventCalendarContext();
+const timeGridEl = ref(null);
+function scrollToTime() {
+  const el = timeGridEl.value;
+  if (!el) return;
+  const config = ctx.view.value === "day" ? ctx.dayConfig.value : ctx.weekConfig.value;
+  const scrollTime = config.scrollTime;
+  if (scrollTime == null) return;
+  const clampedScrollTime = Math.max(config.startHour, Math.min(scrollTime, config.endHour - 1));
+  const slotsPerHour = 60 / config.slotDuration;
+  const offsetHours = clampedScrollTime - config.startHour;
+  el.scrollTop = offsetHours * slotsPerHour * ctx.SLOT_HEIGHT;
+}
+onMounted(() => {
+  nextTick(scrollToTime);
+});
+watch(() => ctx.view.value, (v) => {
+  if (v === "week" || v === "day") {
+    nextTick(scrollToTime);
+  }
+});
 </script>
 
 <template>
@@ -163,8 +183,8 @@ const ctx = useEventCalendarContext();
     </div>
 
     <!-- Time grid -->
-    <div class="relative">
-    <div data-slot="timeGrid" :class="ctx.ui.value.timeGrid({ class: ctx.propUi.value?.timeGrid })" @selectstart.prevent>
+    <div data-slot="timeGridWrapper" :class="ctx.ui.value.timeGridWrapper({ class: ctx.propUi.value?.timeGridWrapper })">
+    <div ref="timeGridEl" data-slot="timeGrid" :class="ctx.ui.value.timeGrid({ class: ctx.propUi.value?.timeGrid })" @selectstart.prevent>
       <!-- Time gutter -->
       <div data-slot="timeGutter" :class="ctx.ui.value.timeGutter({ class: ctx.propUi.value?.timeGutter })">
         <div

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    icon: string;
+    label: string;
+};
+declare var __VLS_1: {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    isOpen: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/feedback-widget/FeedbackWidgetButton.vue

@@ -0,0 +1,27 @@
+<script setup>
+import { useFeedbackWidgetContext } from "../../composables/useFeedbackWidgetContext";
+defineProps({
+  icon: { type: String, required: true },
+  label: { type: String, required: true }
+});
+const ctx = useFeedbackWidgetContext();
+</script>
+
+<template>
+  <slot
+    :open="ctx.open"
+    :close="ctx.close"
+    :toggle="ctx.toggle"
+    :is-open="ctx.isOpen.value"
+  >
+    <button
+      type="button"
+      data-slot="button"
+      :class="ctx.ui.value.button({ class: ctx.propUi.value?.button })"
+      :aria-label="label"
+      @click="ctx.toggle"
+    >
+      <UIcon :name="icon" :class="ctx.ui.value.buttonIcon({ class: ctx.propUi.value?.buttonIcon })" />
+    </button>
+  </slot>
+</template>

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    icon: string;
+    label: string;
+};
+declare var __VLS_1: {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    isOpen: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/feedback-widget/FeedbackWidgetPanel.d.vue.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/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;
+    };
+};