@frigear-nu/forms 0.0.6 → 0.0.8

package/dist/runtime/app/components/FormBuilder.vue

@@ -0,0 +1,220 @@
+<script setup>
+import { fieldTypes } from "../../utils";
+import { useCaptchaSecrets } from "../composables/useCaptchaSecrets";
+import { useFormBuilderEditor } from "../composables/useFormBuilderEditor";
+import { fieldTypeIcons, useFormBuilderLabels } from "../composables/useFormBuilderLabels";
+const definition = defineModel({ type: Object, ...{ required: true } });
+const props = defineProps({
+  formId: { type: String, required: false }
+});
+const t = useModuleT("forms");
+const { typeLabel } = useFormBuilderLabels();
+const {
+  selection,
+  selectedField,
+  selectedStep,
+  isSelected,
+  isStepSelected,
+  selectField,
+  selectStep,
+  startFieldDrag,
+  startStepDrag,
+  endDrag,
+  overField,
+  overStepBody,
+  overStep,
+  overStepSlot,
+  drop,
+  isFieldDragged,
+  isStepDragged,
+  showLine,
+  showStepLine,
+  addField,
+  addStep,
+  removeAtField,
+  copyField,
+  nudge,
+  nudgeStep,
+  deleteStep,
+  patchField,
+  renameKey,
+  patchStep,
+  moveToStep,
+  setMode,
+  conditionFields
+} = useFormBuilderEditor(definition);
+const secrets = useCaptchaSecrets(() => props.formId, selectedField);
+const stepped = computed(() => definition.value.mode === "stepped");
+const modeItems = computed(() => [
+  { value: "single", label: t("admin.single", "Single page"), icon: "i-lucide-file" },
+  { value: "stepped", label: t("admin.stepped", "Stepped"), icon: "i-lucide-layers" }
+]);
+const insertItems = (at) => [fieldTypes.map((type) => ({
+  label: typeLabel(type),
+  icon: fieldTypeIcons[type],
+  onSelect: () => addField(type, at)
+}))];
+</script>
+
+<template>
+  <div class="grid items-start gap-4 lg:grid-cols-[minmax(0,1fr)_minmax(0,20rem)] xl:grid-cols-[minmax(0,1fr)_minmax(0,28rem)]">
+    <!-- Canvas -->
+    <div class="grid min-w-0 grid-cols-[minmax(0,1fr)] gap-3">
+      <div class="flex flex-wrap items-center justify-between gap-2">
+        <h2 class="text-sm font-semibold">
+          {{ t("builder.fieldsTitle", "Form fields") }}
+        </h2>
+        <UFieldGroup size="xs">
+          <UButton
+            v-for="item in modeItems"
+            :key="item.value"
+            color="neutral"
+            :variant="definition.mode === item.value ? 'solid' : 'outline'"
+            :icon="item.icon"
+            :label="item.label"
+            :aria-label="`${t('builder.layout', 'Layout')}: ${item.label}`"
+            @click="setMode(item.value)"
+          />
+        </UFieldGroup>
+      </div>
+
+      <div
+        class="space-y-3"
+        @dragover.prevent
+        @drop="drop"
+      >
+        <template
+          v-for="(step, stepIndex) in definition.steps"
+          :key="step.id"
+        >
+          <FormBuilderInsertRow
+            v-if="stepped"
+            :label="t('builder.addStep', 'Add step')"
+            @click="addStep(stepIndex)"
+            @dragover="overStepSlot($event, stepIndex)"
+          />
+          <div class="min-w-0">
+            <div
+              v-if="stepped && showStepLine(stepIndex)"
+              class="mb-2 h-1 rounded bg-primary"
+            />
+            <section
+              class="rounded-lg border bg-default"
+              :class="[
+  isStepSelected(stepIndex) ? 'border-primary ring-1 ring-primary' : 'border-default',
+  isStepDragged(stepIndex) ? 'opacity-40' : ''
+]"
+              @dragover="overStep($event, stepIndex)"
+            >
+              <FormBuilderStepHeader
+                v-if="stepped"
+                :step="step"
+                :index="stepIndex"
+                :is-first="stepIndex === 0"
+                :is-last="stepIndex === definition.steps.length - 1"
+                :is-only="definition.steps.length === 1"
+                @select="selectStep(stepIndex)"
+                @dragstart="startStepDrag($event, stepIndex)"
+                @dragend="endDrag"
+                @up="nudgeStep(stepIndex, -1)"
+                @down="nudgeStep(stepIndex, 1)"
+                @remove="deleteStep(stepIndex)"
+              />
+
+              <FormBuilderStepSettings
+                v-if="stepped && selectedStep && selection?.kind === 'step' && selection.index === stepIndex"
+                :step="selectedStep"
+                :condition-fields="conditionFields(selection.index, 0)"
+                @patch="patchStep"
+              />
+
+              <div
+                class="min-h-12 p-2"
+                @dragover="overStepBody($event, stepIndex)"
+              >
+                <template
+                  v-for="(field, fieldIndex) in step.fields"
+                  :key="fieldIndex"
+                >
+                  <FormBuilderInsertRow
+                    dot
+                    :items="insertItems({ step: stepIndex, index: fieldIndex })"
+                    :aria-label="t('builder.insertField', 'Insert field here')"
+                    :line="showLine(stepIndex, fieldIndex)"
+                  />
+                  <FormBuilderFieldRow
+                    :field="field"
+                    :selected="isSelected(stepIndex, fieldIndex)"
+                    :dragging="isFieldDragged(stepIndex, fieldIndex)"
+                    @select="selectField({ step: stepIndex, index: fieldIndex })"
+                    @dragstart="startFieldDrag($event, { step: stepIndex, index: fieldIndex })"
+                    @dragend="endDrag"
+                    @dragover="overField($event, stepIndex, fieldIndex)"
+                    @up="nudge({ step: stepIndex, index: fieldIndex }, -1)"
+                    @down="nudge({ step: stepIndex, index: fieldIndex }, 1)"
+                    @duplicate="copyField({ step: stepIndex, index: fieldIndex })"
+                    @remove="removeAtField({ step: stepIndex, index: fieldIndex })"
+                  />
+                  <FormBuilderFieldSettings
+                    v-if="selectedField && isSelected(stepIndex, fieldIndex) && selection?.kind === 'field'"
+                    :field="selectedField"
+                    :at="selection.at"
+                    :steps="stepped ? definition.steps : void 0"
+                    :condition-fields="conditionFields(selection.at.step, selection.at.index)"
+                    :form-id="formId"
+                    :secrets="secrets"
+                    @patch="patchField"
+                    @rename="renameKey"
+                    @move-to-step="moveToStep"
+                  />
+                </template>
+                <FormBuilderInsertRow
+                  :dot="step.fields.length > 0"
+                  :visible="step.fields.length === 0"
+                  :items="insertItems({ step: stepIndex, index: step.fields.length })"
+                  :aria-label="t('builder.insertField', 'Insert field here')"
+                  :label="step.fields.length ? void 0 : t('builder.addField', 'Add field')"
+                  :line="showLine(stepIndex, step.fields.length)"
+                />
+              </div>
+            </section>
+          </div>
+        </template>
+        <div
+          v-if="stepped && showStepLine(definition.steps.length)"
+          class="h-1 rounded bg-primary"
+        />
+
+        <div
+          v-if="stepped"
+          class="flex justify-center"
+        >
+          <UButton
+            color="neutral"
+            variant="soft"
+            size="xs"
+            icon="i-lucide-plus"
+            :label="t('builder.addStep', 'Add step')"
+            @click="addStep()"
+            @dragover="overStepSlot($event, definition.steps.length)"
+          />
+        </div>
+      </div>
+
+      <p
+        v-if="!selection"
+        class="text-center text-xs text-muted"
+      >
+        {{ t("builder.selectHint", "Select a field or step to edit its settings.") }}
+      </p>
+    </div>
+
+    <!-- Live preview -->
+    <div class="min-w-0 space-y-2 lg:sticky lg:top-4">
+      <h2 class="text-sm font-semibold">
+        {{ t("admin.preview", "Preview") }}
+      </h2>
+      <slot name="preview" />
+    </div>
+  </div>
+</template>

package/dist/runtime/app/components/FormBuilder.vue.d.ts

@@ -0,0 +1,26 @@
+import type { FormDefinition } from '../../../types.js';
+/** The saved form; enables per-form secrets (captcha secret key), which are stored right away, not with the definition. */
+type __VLS_Props = {
+    formId?: string;
+};
+type __VLS_ModelProps = {
+    modelValue: FormDefinition;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_82: {};
+type __VLS_Slots = {} & {
+    preview?: (props: typeof __VLS_82) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: FormDefinition) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: FormDefinition) => any) | undefined;
+}>, {}, {}, {}, {}, 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/app/components/FormBuilderAccess.d.vue.ts

@@ -0,0 +1,16 @@
+import type { FormDefinition } from '../../../types.js';
+type __VLS_Props = {
+    formId: string;
+    slug: string;
+};
+type __VLS_ModelProps = {
+    modelValue: FormDefinition;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: FormDefinition) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: FormDefinition) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/FormBuilderAccess.vue

@@ -0,0 +1,404 @@
+<script setup>
+import { resolveAccess, setAccess } from "../../utils";
+const definition = defineModel({ type: Object, ...{ required: true } });
+const props = defineProps({
+  formId: { type: String, required: true },
+  slug: { type: String, required: true }
+});
+const t = useModuleT("forms");
+const toast = useToast();
+const base = computed(() => `/api/forms/admin/forms/${props.formId}`);
+const access = computed(() => resolveAccess(definition.value));
+const availabilities = computed(() => [
+  { value: "web", label: t("access.availabilityWeb", "Web page and API") },
+  { value: "api", label: t("access.availabilityApi", "API only") }
+]);
+const authModes = computed(() => [
+  { value: "none", label: t("access.authNone", "Open to everyone") },
+  { value: "user", label: t("access.authUser", "Signed-in users") },
+  { value: "token", label: t("access.authToken", "API token") },
+  { value: "password", label: t("access.authPassword", "Shared password") }
+]);
+const schedule = computed(() => access.value.schedule ?? { type: "always" });
+const scheduleTypes = computed(() => [
+  { value: "always", label: t("schedule.always", "Always open") },
+  { value: "yearly", label: t("schedule.yearly", "Every year (a season)") },
+  { value: "range", label: t("schedule.range", "One fixed period") }
+]);
+const months = computed(() => Array.from({ length: 12 }, (_, i) => ({
+  value: i + 1,
+  label: new Intl.DateTimeFormat(void 0, { month: "long" }).format(new Date(2e3, i, 1))
+})));
+const setSchedule = (next) => {
+  definition.value = setAccess(definition.value, { schedule: next.type === "always" ? void 0 : next });
+};
+function changeScheduleType(type) {
+  if (type === "yearly") setSchedule({ type, from: { month: 1, day: 1, time: "00:00" }, to: { month: 2, day: 1, time: "00:00" }, timezone: Intl.DateTimeFormat().resolvedOptions().timeZone });
+  else if (type === "range") setSchedule({ type });
+  else setSchedule({ type: "always" });
+}
+const toLocalInput = (iso) => {
+  if (!iso) return "";
+  const d = new Date(iso);
+  return new Date(d.getTime() - d.getTimezoneOffset() * 6e4).toISOString().slice(0, 16);
+};
+const fromLocalInput = (value) => value ? new Date(value).toISOString() : void 0;
+function patchMoment(side, patch) {
+  if (schedule.value.type === "yearly") setSchedule({ ...schedule.value, [side]: { ...schedule.value[side], ...patch } });
+}
+const fail = (cause) => toast.add({
+  title: cause.statusMessage ?? t("error.generic", "Something went wrong. Please try again."),
+  color: "error"
+});
+const { data: tokens, refresh: refreshTokens } = await useFetch(() => `${base.value}/tokens`, { default: () => [] });
+const tokenName = ref("");
+const creating = ref(false);
+const revealed = ref();
+async function createToken() {
+  creating.value = true;
+  try {
+    revealed.value = await $fetch(`${base.value}/tokens`, { method: "POST", body: { name: tokenName.value } });
+    tokenName.value = "";
+    await refreshTokens();
+  } catch (cause) {
+    fail(cause);
+  } finally {
+    creating.value = false;
+  }
+}
+async function revoke(token) {
+  try {
+    await $fetch(`${base.value}/tokens/${token.id}`, { method: "DELETE" });
+    await refreshTokens();
+  } catch (cause) {
+    fail(cause);
+  }
+}
+async function copy(text) {
+  try {
+    await navigator.clipboard.writeText(text);
+    toast.add({ title: t("preview.copied", "Copied to clipboard."), color: "success" });
+  } catch (cause) {
+    fail(cause);
+  }
+}
+const { data: passwordStatus, refresh: refreshPassword } = await useFetch(() => `${base.value}/password`, { default: () => ({ set: false }) });
+const password = ref("");
+const savingPassword = ref(false);
+async function savePassword() {
+  savingPassword.value = true;
+  try {
+    await $fetch(`${base.value}/password`, { method: "PUT", body: { password: password.value } });
+    password.value = "";
+    await refreshPassword();
+    toast.add({ title: t("access.passwordSaved", "Password saved."), color: "success" });
+  } catch (cause) {
+    fail(cause);
+  } finally {
+    savingPassword.value = false;
+  }
+}
+async function clearPassword() {
+  try {
+    await $fetch(`${base.value}/password`, { method: "DELETE" });
+    await refreshPassword();
+  } catch (cause) {
+    fail(cause);
+  }
+}
+const origin = useRequestURL().origin;
+const submitUrl = computed(() => `${origin}/api/forms/${props.slug}/submit`);
+const snippet = computed(() => {
+  const headers = {
+    token: "  -H 'Authorization: Bearer TOKEN' \\\n",
+    password: "  -H 'x-form-password: <password>' \\\n",
+    user: "  -H 'Cookie: <session cookie of a signed-in user>' \\\n",
+    none: ""
+  }[access.value.auth];
+  return `curl -X POST '${submitUrl.value}' \\
+${headers}  -H 'content-type: application/json' \\
+  -d '{"answers":{"field":"value"},"locale":"en"}'`;
+});
+</script>
+
+<template>
+  <div class="max-w-2xl space-y-8">
+    <section class="space-y-4">
+      <h2 class="font-semibold">
+        {{ t("access.title", "Who can use this form") }}
+      </h2>
+      <UFormField
+        :label="t('access.availability', 'Availability')"
+        :description="access.availability === 'api' ? t('access.availabilityApiHint', 'No public page: the form can only be read and submitted through the API.') : t('access.availabilityWebHint', 'The public page and the API are both available.')"
+      >
+        <USelect
+          :model-value="access.availability"
+          :items="availabilities"
+          :disabled="access.auth === 'token'"
+          class="w-full"
+          @update:model-value="definition = setAccess(definition, { availability: $event })"
+        />
+      </UFormField>
+
+      <UFormField
+        :label="t('access.auth', 'Authentication')"
+        :description="access.auth === 'token' ? t('access.authTokenHint', 'Token forms are API only: a token cannot be typed into a page.') : void 0"
+      >
+        <USelect
+          :model-value="access.auth"
+          :items="authModes"
+          class="w-full"
+          @update:model-value="definition = setAccess(definition, { auth: $event })"
+        />
+      </UFormField>
+      <UFormField
+        :label="t('schedule.title', 'Open period')"
+        :description="t('schedule.hint', 'Outside the period the form shows a closed notice and rejects submissions. A season whose end is before its start wraps over new year.')"
+      >
+        <USelect
+          :model-value="schedule.type"
+          :items="scheduleTypes"
+          class="w-full"
+          @update:model-value="changeScheduleType($event)"
+        />
+      </UFormField>
+
+      <div
+        v-if="schedule.type === 'range'"
+        class="grid gap-4 sm:grid-cols-2"
+      >
+        <UFormField :label="t('schedule.opens', 'Opens')">
+          <UInput
+            type="datetime-local"
+            class="w-full"
+            :model-value="toLocalInput(schedule.from)"
+            @update:model-value="setSchedule({ ...schedule, from: fromLocalInput($event) })"
+          />
+        </UFormField>
+        <UFormField :label="t('schedule.closes', 'Closes')">
+          <UInput
+            type="datetime-local"
+            class="w-full"
+            :model-value="toLocalInput(schedule.to)"
+            @update:model-value="setSchedule({ ...schedule, to: fromLocalInput($event) })"
+          />
+        </UFormField>
+      </div>
+
+      <div
+        v-else-if="schedule.type === 'yearly'"
+        class="space-y-4"
+      >
+        <div
+          v-for="side in ['from', 'to']"
+          :key="side"
+          class="grid gap-4 sm:grid-cols-3"
+        >
+          <UFormField :label="side === 'from' ? t('schedule.opens', 'Opens') : t('schedule.closes', 'Closes')">
+            <USelect
+              :model-value="schedule[side].month"
+              :items="months"
+              class="w-full"
+              @update:model-value="patchMoment(side, { month: Number($event) })"
+            />
+          </UFormField>
+          <UFormField :label="t('schedule.day', 'Day')">
+            <UInput
+              type="number"
+              min="1"
+              max="31"
+              class="w-full"
+              :model-value="schedule[side].day"
+              @update:model-value="patchMoment(side, { day: Number($event) })"
+            />
+          </UFormField>
+          <UFormField :label="t('schedule.time', 'Time')">
+            <UInput
+              type="time"
+              class="w-full"
+              :model-value="schedule[side].time"
+              @update:model-value="patchMoment(side, { time: String($event) })"
+            />
+          </UFormField>
+        </div>
+        <UFormField :label="t('schedule.timezone', 'Timezone')">
+          <UInput
+            class="w-full"
+            :model-value="schedule.timezone"
+            @update:model-value="setSchedule({ ...schedule, timezone: String($event) })"
+          />
+        </UFormField>
+      </div>
+
+      <p class="text-sm text-muted">
+        {{ t("access.saveHint", "Availability and authentication are saved with the form. Tokens and the password take effect immediately.") }}
+      </p>
+    </section>
+
+    <section class="space-y-4">
+      <h2 class="font-semibold">
+        {{ t("access.tokensTitle", "API tokens") }}
+      </h2>
+      <p class="text-sm text-muted">
+        {{ t("access.tokensHint", "Send a token as Authorization: Bearer TOKEN or in the x-form-token header. It is shown only once.") }}
+      </p>
+      <UAlert
+        v-if="access.auth !== 'token'"
+        color="neutral"
+        variant="subtle"
+        :title="t('access.tokensInactive', 'Tokens are only checked when authentication is set to API token.')"
+      />
+
+      <form
+        class="flex gap-2"
+        @submit.prevent="createToken"
+      >
+        <UInput
+          v-model="tokenName"
+          :placeholder="t('access.tokenName', 'Token name, e.g. Mobile app')"
+          class="flex-1"
+        />
+        <UButton
+          type="submit"
+          :loading="creating"
+          :disabled="!tokenName.trim()"
+          :label="t('access.createToken', 'Create token')"
+        />
+      </form>
+
+      <UAlert
+        v-if="revealed"
+        color="success"
+        variant="subtle"
+        :title="t('access.tokenCreated', 'Copy this token now. You will not see it again.')"
+        :close="true"
+        @update:open="revealed = void 0"
+      >
+        <template #description>
+          <div class="mt-2 flex items-center gap-2">
+            <code
+              data-testid="revealed-token"
+              class="break-all rounded bg-elevated px-2 py-1 text-xs"
+            >{{ revealed.token }}</code>
+            <UButton
+              color="neutral"
+              variant="outline"
+              size="xs"
+              icon="i-lucide-copy"
+              :label="t('preview.copy', 'Copy')"
+              @click="copy(revealed.token)"
+            />
+          </div>
+        </template>
+      </UAlert>
+
+      <ul
+        v-if="tokens?.length"
+        class="divide-y divide-default rounded-md border border-default"
+      >
+        <li
+          v-for="token in tokens"
+          :key="token.id"
+          class="flex items-center justify-between gap-3 p-3"
+        >
+          <div class="min-w-0">
+            <p class="truncate font-medium">
+              {{ token.name }}
+              <UBadge
+                v-if="token.revokedAt"
+                color="error"
+                variant="subtle"
+                size="sm"
+                :label="t('access.revoked', 'Revoked')"
+              />
+            </p>
+            <p class="text-xs text-muted">
+              <code>{{ token.prefix }}…</code>
+              ·
+              {{ token.lastUsedAt ? t("access.lastUsed", "Last used {date}", { date: new Date(token.lastUsedAt).toLocaleString() }) : t("access.neverUsed", "Never used") }}
+            </p>
+          </div>
+          <UButton
+            v-if="!token.revokedAt"
+            color="error"
+            variant="outline"
+            size="xs"
+            :label="t('access.revoke', 'Revoke')"
+            @click="revoke(token)"
+          />
+        </li>
+      </ul>
+      <p
+        v-else
+        class="text-sm text-muted"
+      >
+        {{ t("access.noTokens", "No tokens yet.") }}
+      </p>
+    </section>
+
+    <section class="space-y-4">
+      <h2 class="font-semibold">
+        {{ t("access.passwordTitle", "Shared password") }}
+      </h2>
+      <UAlert
+        v-if="access.auth === 'password' && !passwordStatus?.set"
+        color="warning"
+        variant="subtle"
+        :title="t('access.passwordMissing', 'No password is set, so nobody can open this form yet.')"
+      />
+      <p
+        v-else
+        class="text-sm text-muted"
+      >
+        {{ passwordStatus?.set ? t("access.passwordIsSet", "A password is set.") : t("access.passwordIsNotSet", "No password is set.") }}
+        {{ access.auth !== "password" ? t("access.passwordInactive", "It is only checked when authentication is set to Shared password.") : "" }}
+      </p>
+      <form
+        class="flex gap-2"
+        @submit.prevent="savePassword"
+      >
+        <UInput
+          v-model="password"
+          type="password"
+          autocomplete="new-password"
+          :placeholder="passwordStatus?.set ? t('access.newPassword', 'New password') : t('access.setPassword', 'Password (min. 6 characters)')"
+          class="flex-1"
+        />
+        <UButton
+          type="submit"
+          :loading="savingPassword"
+          :disabled="password.length < 6"
+          :label="passwordStatus?.set ? t('access.changePassword', 'Change') : t('access.savePassword', 'Set password')"
+        />
+        <UButton
+          v-if="passwordStatus?.set"
+          type="button"
+          color="error"
+          variant="outline"
+          :label="t('access.clearPassword', 'Clear')"
+          @click="clearPassword"
+        />
+      </form>
+    </section>
+
+    <section class="space-y-3">
+      <h2 class="font-semibold">
+        {{ t("access.apiTitle", "API") }}
+      </h2>
+      <p class="text-sm text-muted">
+        {{ t("access.apiHint", "Submit with POST (JSON, or multipart with file:KEY parts). The definition is available with GET on /api/forms/{slug}.", { slug: props.slug }) }}
+      </p>
+      <div class="flex items-start gap-2">
+        <pre class="flex-1 overflow-x-auto rounded-md bg-elevated p-3 text-xs">{{ snippet }}</pre>
+        <UButton
+          color="neutral"
+          variant="outline"
+          size="xs"
+          icon="i-lucide-copy"
+          :label="t('preview.copy', 'Copy')"
+          @click="copy(snippet)"
+        />
+      </div>
+    </section>
+  </div>
+</template>

package/dist/runtime/app/components/FormBuilderAccess.vue.d.ts

@@ -0,0 +1,16 @@
+import type { FormDefinition } from '../../../types.js';
+type __VLS_Props = {
+    formId: string;
+    slug: string;
+};
+type __VLS_ModelProps = {
+    modelValue: FormDefinition;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: FormDefinition) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: FormDefinition) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;