@evanschleret/formforgeclient 1.2.4 → 2.0.0

package/dist/runtime/renderers/default/builder/FormForgeBuilderBlockCard.vue

@@ -0,0 +1,205 @@
+<script setup>
+import { useOverlay } from "@nuxt/ui/composables/useOverlay";
+import { useFormForgeI18n } from "../../../composables/useFormForgeI18n";
+import FormForgeBuilderBlockSettingsModal from "../FormForgeBuilderBlockSettingsModal.vue";
+import FormForgeBuilderQuestionRow from "./FormForgeBuilderQuestionRow.vue";
+import { ref } from "#imports";
+const props = defineProps({
+  page: { type: Object, required: true },
+  pages: { type: Array, required: true },
+  pageIndex: { type: Number, required: true },
+  totalPages: { type: Number, required: true },
+  selectedFieldKey: { type: [String, null], required: false, default: null },
+  readonly: { type: Boolean, required: false, default: false },
+  fieldTypeItems: { type: Array, required: true }
+});
+const emit = defineEmits(["select-field", "move-page", "duplicate-page", "remove-page", "add-question", "move-field", "duplicate-field", "remove-field", "change-field-type", "add-field-below", "move-field-to-block"]);
+const { t } = useFormForgeI18n();
+const fieldTypeItems = props.fieldTypeItems;
+const overlay = useOverlay();
+const isCollapsed = ref(false);
+function futureBlockItems() {
+  return props.pages.filter((page) => page.page_key !== props.page.page_key).map((page) => ({
+    label: t("builder.blockCounter", {
+      current: props.pages.findIndex((candidate) => candidate.page_key === page.page_key) + 1,
+      total: props.totalPages
+    }),
+    value: page.page_key
+  }));
+}
+function isQuestionSelected(fieldKey) {
+  return props.selectedFieldKey === fieldKey;
+}
+function addQuestion(type) {
+  emit("add-question", props.page.page_key, type);
+}
+function questionPickerItems() {
+  return fieldTypeItems.map((item) => ({
+    label: item.label,
+    icon: item.icon,
+    onSelect: () => addQuestion(item.value)
+  }));
+}
+function onMoveField(field, direction) {
+  emit("move-field", props.page.page_key, field.field_key, direction);
+}
+function onMoveFieldToBlock(field, targetPageKey) {
+  emit("move-field-to-block", props.page.page_key, field.field_key, targetPageKey);
+}
+function openBlockSettings() {
+  const modal = overlay.create(FormForgeBuilderBlockSettingsModal, {
+    destroyOnClose: true
+  });
+  void modal.open({
+    page: props.page,
+    pages: props.pages,
+    pageIndex: props.pageIndex,
+    readonly: props.readonly
+  });
+}
+function toggleCollapsed() {
+  isCollapsed.value = !isCollapsed.value;
+}
+</script>
+
+<template>
+  <UCard
+    variant="soft"
+    :ui="{
+  body: 'p-0 sm:p-0'
+}"
+  >
+    <div class="flex flex-row">
+      <UBadge
+        class="page-drag-handle cursor-grab select-none"
+        :ui="{
+  base: 'rounded-none  w-8 flex items-center justify-center'
+}"
+      >
+        {{ pageIndex + 1 }}
+      </UBadge>
+
+      <div class="min-w-0 w-full">
+        <div class="px-5 py-4">
+          <div class="flex items-start justify-between gap-4">
+            <div class="min-w-0">
+              <p class="text-sm font-semibold">
+                {{ t("builder.blockLabel") }} {{ pageIndex + 1 }}
+              </p>
+              <p class="text-sm text-muted">
+                {{ t("builder.questionCount", { count: page.fields.length }) }}
+              </p>
+            </div>
+            <div class="flex items-center gap-1">
+              <UButton
+                color="neutral"
+                variant="ghost"
+                icon="i-lucide-arrow-up"
+                :disabled="readonly || pageIndex === 0"
+                @click="$emit('move-page', page.page_key, -1)"
+              />
+              <UButton
+                color="neutral"
+                variant="ghost"
+                icon="i-lucide-arrow-down"
+                :disabled="readonly || pageIndex === totalPages - 1"
+                @click="$emit('move-page', page.page_key, 1)"
+              />
+              <UButton
+                color="neutral"
+                variant="ghost"
+                icon="i-lucide-copy"
+                :disabled="readonly"
+                @click="$emit('duplicate-page', page.page_key)"
+              />
+              <UButton
+                color="neutral"
+                variant="ghost"
+                icon="i-lucide-trash-2"
+                :disabled="readonly || totalPages <= 1"
+                @click="$emit('remove-page', page.page_key)"
+              />
+              <UTooltip :text="isCollapsed ? t('builder.block.expand') : t('builder.block.collapse')">
+                <UButton
+                  color="neutral"
+                  variant="ghost"
+                  :icon="isCollapsed ? 'i-lucide-chevron-down' : 'i-lucide-chevron-up'"
+                  :disabled="readonly"
+                  @click="toggleCollapsed"
+                />
+              </UTooltip>
+              <UTooltip :text="t('builder.block.showSettings')">
+                <UButton
+                  color="neutral"
+                  variant="ghost"
+                  icon="i-lucide-settings"
+                  :disabled="readonly"
+                  @click="openBlockSettings"
+                />
+              </UTooltip>
+            </div>
+          </div>
+        </div>
+
+        <template v-if="!isCollapsed">
+          <USeparator
+            type="dashed"
+            orientation="horizontal"
+          />
+
+          <div>
+            <template
+              v-for="(field, index) in page.fields"
+              :key="field.field_key"
+            >
+              <FormForgeBuilderQuestionRow
+                :page="page"
+                :field="field"
+                :index="index"
+                :selected="isQuestionSelected(field.field_key)"
+                :readonly="readonly"
+                :field-type-items="fieldTypeItems"
+                :future-block-items="futureBlockItems()"
+                @select="$emit('select-field', page.page_key, field.field_key)"
+                @move-up="onMoveField(field, -1)"
+                @move-down="onMoveField(field, 1)"
+                @duplicate="$emit('duplicate-field', page.page_key, field.field_key)"
+                @remove="$emit('remove-field', page.page_key, field.field_key)"
+                @change-type="(type) => $emit('change-field-type', page.page_key, field.field_key, type)"
+                @add-below="(type) => $emit('add-field-below', page.page_key, field.field_key, type)"
+                @move-to-block="(targetPageKey) => onMoveFieldToBlock(field, targetPageKey)"
+              />
+
+              <USeparator
+                v-if="index < page.fields.length - 1"
+                type="dashed"
+                orientation="horizontal"
+              />
+            </template>
+          </div>
+
+          <USeparator
+            type="dashed"
+            orientation="horizontal"
+          />
+
+          <div class="px-5 py-4">
+            <UDropdownMenu
+              :items="questionPickerItems()"
+              :content="{ align: 'start', sideOffset: 8 }"
+            >
+              <UButton
+                color="neutral"
+                variant="soft"
+                icon="i-lucide-plus"
+                :disabled="readonly"
+              >
+                {{ t("builder.block.addQuestion") }}
+              </UButton>
+            </UDropdownMenu>
+          </div>
+        </template>
+      </div>
+    </div>
+  </UCard>
+</template>

package/dist/runtime/renderers/default/builder/FormForgeBuilderBlockCard.vue.d.ts

@@ -0,0 +1,46 @@
+import type { FormForgeFieldType, FormForgePageSchema } from '../../../types/index.js';
+interface QuestionTypeItem {
+    label: string;
+    value: FormForgeFieldType;
+    icon?: string;
+}
+interface Props {
+    page: FormForgePageSchema;
+    pages: FormForgePageSchema[];
+    pageIndex: number;
+    totalPages: number;
+    selectedFieldKey?: string | null;
+    readonly?: boolean;
+    fieldTypeItems: QuestionTypeItem[];
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "select-field": (pageKey: string, fieldKey: string) => any;
+    "move-page": (pageKey: string, direction: 1 | -1) => any;
+    "duplicate-page": (pageKey: string) => any;
+    "remove-page": (pageKey: string) => any;
+    "add-question": (pageKey: string, type: FormForgeFieldType) => any;
+    "move-field": (pageKey: string, fieldKey: string, direction: 1 | -1) => any;
+    "duplicate-field": (pageKey: string, fieldKey: string) => any;
+    "remove-field": (pageKey: string, fieldKey: string) => any;
+    "change-field-type": (pageKey: string, fieldKey: string, type: FormForgeFieldType) => any;
+    "add-field-below": (pageKey: string, fieldKey: string, type: FormForgeFieldType) => any;
+    "move-field-to-block": (pageKey: string, fieldKey: string, targetPageKey: string) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onSelect-field"?: ((pageKey: string, fieldKey: string) => any) | undefined;
+    "onMove-page"?: ((pageKey: string, direction: 1 | -1) => any) | undefined;
+    "onDuplicate-page"?: ((pageKey: string) => any) | undefined;
+    "onRemove-page"?: ((pageKey: string) => any) | undefined;
+    "onAdd-question"?: ((pageKey: string, type: FormForgeFieldType) => any) | undefined;
+    "onMove-field"?: ((pageKey: string, fieldKey: string, direction: 1 | -1) => any) | undefined;
+    "onDuplicate-field"?: ((pageKey: string, fieldKey: string) => any) | undefined;
+    "onRemove-field"?: ((pageKey: string, fieldKey: string) => any) | undefined;
+    "onChange-field-type"?: ((pageKey: string, fieldKey: string, type: FormForgeFieldType) => any) | undefined;
+    "onAdd-field-below"?: ((pageKey: string, fieldKey: string, type: FormForgeFieldType) => any) | undefined;
+    "onMove-field-to-block"?: ((pageKey: string, fieldKey: string, targetPageKey: string) => any) | undefined;
+}>, {
+    readonly: boolean;
+    selectedFieldKey: string | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FormForgeBuilderBlockCard.vue.d.ts.map

package/dist/runtime/renderers/default/builder/FormForgeBuilderChoiceDisplayField.d.vue.ts

@@ -0,0 +1,11 @@
+import type { FormForgeFieldSchema } from '../../../types/index.js';
+interface Props {
+    field: FormForgeFieldSchema;
+    readonly?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    readonly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FormForgeBuilderChoiceDisplayField.vue.d.ts.map

package/dist/runtime/renderers/default/builder/FormForgeBuilderChoiceDisplayField.vue

@@ -0,0 +1,37 @@
+<script setup>
+import { toRef } from "#imports";
+import { useFormForgeI18n } from "../../../composables/useFormForgeI18n";
+const props = defineProps({
+  field: { type: Object, required: true },
+  readonly: { type: Boolean, required: false, default: false }
+});
+const field = toRef(props, "field");
+const { t } = useFormForgeI18n();
+function choiceDisplayValue() {
+  if (field.value.display === "list" || field.value.display === "menu") {
+    return field.value.display;
+  }
+  if (field.value.type === "radio" || field.value.type === "checkbox_group") {
+    return "list";
+  }
+  return "menu";
+}
+function setChoiceDisplay(display) {
+  field.value.display = display;
+}
+</script>
+
+<template>
+  <div class="grid gap-2">
+    <span class="text-sm font-medium">{{ t("builder.choiceDisplay") }}</span>
+    <USelect
+      :model-value="choiceDisplayValue()"
+      :items="[
+  { label: t('builder.choiceDisplay.list'), value: 'list' },
+  { label: t('builder.choiceDisplay.menu'), value: 'menu' }
+]"
+      :disabled="readonly"
+      @update:model-value="(value) => setChoiceDisplay(value)"
+    />
+  </div>
+</template>

package/dist/runtime/renderers/default/builder/FormForgeBuilderChoiceDisplayField.vue.d.ts

@@ -0,0 +1,11 @@
+import type { FormForgeFieldSchema } from '../../../types/index.js';
+interface Props {
+    field: FormForgeFieldSchema;
+    readonly?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    readonly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FormForgeBuilderChoiceDisplayField.vue.d.ts.map

package/dist/runtime/renderers/default/builder/FormForgeBuilderChoiceOptionsField.d.vue.ts

@@ -0,0 +1,11 @@
+import type { FormForgeFieldSchema } from '../../../types/index.js';
+interface Props {
+    field: FormForgeFieldSchema;
+    readonly?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    readonly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FormForgeBuilderChoiceOptionsField.vue.d.ts.map

package/dist/runtime/renderers/default/builder/FormForgeBuilderChoiceOptionsField.vue

@@ -0,0 +1,195 @@
+<script setup>
+import { toRef } from "#imports";
+import { useFormForgeI18n } from "../../../composables/useFormForgeI18n";
+const props = defineProps({
+  field: { type: Object, required: true },
+  readonly: { type: Boolean, required: false, default: false }
+});
+const field = toRef(props, "field");
+const { t } = useFormForgeI18n();
+function minimumChoiceOptionCount() {
+  return field.value.type === "checkbox_group" ? 2 : 1;
+}
+function choiceOptions() {
+  return Array.isArray(field.value.options) ? field.value.options : [];
+}
+function optionLabel(option) {
+  if (option === void 0 || option === null) {
+    return "";
+  }
+  if (typeof option === "object" && option !== null && "label" in option) {
+    return typeof option.label === "string" ? option.label : "";
+  }
+  return String(option);
+}
+function setOptionLabel(optionIndex, value) {
+  const options = [...choiceOptions()];
+  const option = options[optionIndex];
+  if (option === void 0 || option === null) {
+    return;
+  }
+  if (typeof option === "object" && option !== null && "value" in option) {
+    options[optionIndex] = {
+      ...option,
+      label: value
+    };
+  } else {
+    options[optionIndex] = {
+      label: value,
+      value: option
+    };
+  }
+  field.value.options = options;
+}
+function addChoiceOption() {
+  const options = [...choiceOptions()];
+  options.push({
+    label: "",
+    value: `option_${options.length + 1}`
+  });
+  field.value.options = options;
+}
+function removeChoiceOption(optionIndex) {
+  const options = [...choiceOptions()];
+  if (options.length <= minimumChoiceOptionCount()) {
+    return;
+  }
+  options.splice(optionIndex, 1);
+  field.value.options = options;
+}
+function addSpecialChoiceOption(type) {
+  const options = [...choiceOptions()];
+  const value = type === "other" ? "other" : "none_of_the_above";
+  if (options.some((option) => typeof option === "object" && option !== null && "value" in option && option.value === value)) {
+    return;
+  }
+  options.push({
+    label: type === "other" ? t("builder.optionOther") : t("builder.optionNone"),
+    value
+  });
+  field.value.options = options;
+}
+function specialChoiceOptions() {
+  const options = choiceOptions();
+  const otherOption = options.find((option) => {
+    if (typeof option === "object" && option !== null && "value" in option) {
+      return option.value === specialChoiceValue("other");
+    }
+    return option === specialChoiceValue("other");
+  });
+  const noneOption = options.find((option) => {
+    if (typeof option === "object" && option !== null && "value" in option) {
+      return option.value === specialChoiceValue("none");
+    }
+    return option === specialChoiceValue("none");
+  });
+  return [
+    ...otherOption === void 0 ? [] : [{ type: "other", option: otherOption }],
+    ...noneOption === void 0 ? [] : [{ type: "none", option: noneOption }]
+  ];
+}
+function specialChoiceValue(type) {
+  return type === "other" ? "other" : "none_of_the_above";
+}
+function hasSpecialChoiceOption(type) {
+  return specialChoiceOptions().some((option) => option.type === type);
+}
+function removeSpecialChoiceOption(type) {
+  const value = type === "other" ? "other" : "none_of_the_above";
+  const options = choiceOptions().filter((option) => {
+    if (typeof option === "object" && option !== null && "value" in option) {
+      return option.value !== value;
+    }
+    return option !== value;
+  });
+  if (options.length === choiceOptions().length) {
+    return;
+  }
+  field.value.options = options;
+}
+function userChoiceOptions() {
+  return choiceOptions().filter((option) => !specialChoiceOptions().some((candidate) => candidate.option === option));
+}
+</script>
+
+<template>
+  <UFormField :label="t('builder.optionsLabel')">
+    <div class="grid gap-3">
+      <div
+        v-for="(option, optionIndex) in userChoiceOptions()"
+        :key="optionIndex"
+        class="flex flex-row items-center gap-2"
+      >
+        <UInput
+          :model-value="optionLabel(option)"
+          :disabled="readonly"
+          :placeholder="t('builder.optionPlaceholder', { index: optionIndex + 1 })"
+          :ui="{
+  root: 'w-full'
+}"
+          @update:model-value="(value) => setOptionLabel(optionIndex, value)"
+        />
+        <UButton
+          color="neutral"
+          variant="ghost"
+          icon="i-lucide-x"
+          :disabled="readonly || (field.options?.length ?? 0) <= minimumChoiceOptionCount()"
+          @click.stop="removeChoiceOption(optionIndex)"
+        />
+      </div>
+      <div
+        v-for="specialOption in specialChoiceOptions()"
+        :key="specialOption.type"
+        class="flex flex-row items-center gap-2"
+      >
+        <UInput
+          :model-value="optionLabel(specialOption.option)"
+          disabled
+          :placeholder="specialOption.type === 'other' ? t('builder.optionOther') : t('builder.optionNone')"
+          :ui="{
+  root: 'w-full'
+}"
+        />
+        <UButton
+          color="neutral"
+          variant="ghost"
+          icon="i-lucide-x"
+          :disabled="readonly"
+          @click.stop="removeSpecialChoiceOption(specialOption.type)"
+        />
+      </div>
+
+      <div class="flex flex-wrap items-center gap-2">
+        <UButton
+          color="neutral"
+          variant="soft"
+          icon="i-lucide-plus"
+          :disabled="readonly"
+          @click.stop="addChoiceOption"
+        >
+          {{ t("builder.addOption") }}
+        </UButton>
+        <UButton
+          v-if="!hasSpecialChoiceOption('other')"
+          color="neutral"
+          variant="soft"
+          icon="i-lucide-plus"
+          :disabled="readonly"
+          @click.stop="addSpecialChoiceOption('other')"
+        >
+          {{ t("builder.addOtherOption") }}
+        </UButton>
+        <UButton
+          v-if="!hasSpecialChoiceOption('none')"
+          color="neutral"
+          variant="soft"
+          icon="i-lucide-plus"
+          :disabled="readonly"
+          @click.stop="addSpecialChoiceOption('none')"
+        >
+          {{ t("builder.addNoneOption") }}
+        </UButton>
+      </div>
+    </div>
+  </UFormField>
+</template>

package/dist/runtime/renderers/default/builder/FormForgeBuilderChoiceOptionsField.vue.d.ts

@@ -0,0 +1,11 @@
+import type { FormForgeFieldSchema } from '../../../types/index.js';
+interface Props {
+    field: FormForgeFieldSchema;
+    readonly?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    readonly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FormForgeBuilderChoiceOptionsField.vue.d.ts.map

package/dist/runtime/renderers/default/builder/FormForgeBuilderDescriptionField.d.vue.ts

@@ -0,0 +1,14 @@
+interface Props {
+    modelValue?: string;
+    readonly?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    readonly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FormForgeBuilderDescriptionField.vue.d.ts.map

package/dist/runtime/renderers/default/builder/FormForgeBuilderDescriptionField.vue

@@ -0,0 +1,91 @@
+<script setup>
+import { computed } from "#imports";
+import { useFormForgeI18n } from "../../../composables/useFormForgeI18n";
+const props = defineProps({
+  modelValue: { type: String, required: false },
+  readonly: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+const { t } = useFormForgeI18n();
+const hasDescription = computed(() => typeof props.modelValue === "string");
+const description = computed({
+  get: () => props.modelValue,
+  set: (value) => {
+    emit("update:modelValue", value);
+  }
+});
+function enableDescription() {
+  emit("update:modelValue", "");
+}
+function disableDescription() {
+  emit("update:modelValue", void 0);
+}
+function blockEnterKeydown(_editor, event) {
+  if (event.key === "Enter") {
+    event.preventDefault();
+    return true;
+  }
+  return false;
+}
+</script>
+
+<template>
+  <div class="grid gap-3">
+    <template v-if="hasDescription">
+      <UFormField :label="t('builder.categoryModal.descriptionLabel')">
+        <template #hint>
+          <div class="flex justify-end">
+            <UButton
+              color="neutral"
+              variant="ghost"
+              icon="i-lucide-x"
+              :disabled="readonly"
+              @click.stop="disableDescription"
+            >
+              {{ t("builder.removeDescription") }}
+            </UButton>
+          </div>
+        </template>
+
+        <div class="rounded-lg bg-white p-2 shadow-sm ring-1 ring-gray-900/5 dark:bg-gray-800 dark:ring-white/10">
+          <UEditor
+            v-slot="{ editor }"
+            v-model="description"
+            content-type="html"
+            :placeholder="t('builder.descriptionPlaceholder')"
+            :disabled="readonly"
+            class="rounded-xl"
+            :editor-props="{
+  handleKeyDown: blockEnterKeydown
+}"
+          >
+            <UEditorToolbar
+              v-if="!readonly"
+              :editor="editor"
+              :items="[
+  { kind: 'mark', mark: 'bold', icon: 'i-lucide-bold' },
+  { kind: 'mark', mark: 'italic', icon: 'i-lucide-italic' },
+  { kind: 'mark', mark: 'underline', icon: 'i-lucide-underline' },
+  { kind: 'link', icon: 'i-lucide-link' }
+]"
+            />
+          </UEditor>
+        </div>
+      </UFormField>
+    </template>
+
+    <UButton
+      v-else
+      color="neutral"
+      variant="soft"
+      icon="i-lucide-plus"
+      :disabled="readonly"
+      :ui="{
+  base: 'w-fit'
+}"
+      @click.stop="enableDescription"
+    >
+      {{ t("builder.descriptionButton") }}
+    </UButton>
+  </div>
+</template>

package/dist/runtime/renderers/default/builder/FormForgeBuilderDescriptionField.vue.d.ts

@@ -0,0 +1,14 @@
+interface Props {
+    modelValue?: string;
+    readonly?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    readonly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FormForgeBuilderDescriptionField.vue.d.ts.map

package/dist/runtime/renderers/default/builder/FormForgeBuilderLogicPanel.d.vue.ts

@@ -0,0 +1,13 @@
+import type { FormForgePageSchema } from '../../../types/index.js';
+interface Props {
+    page: FormForgePageSchema;
+    pages: FormForgePageSchema[];
+    pageIndex: number;
+    readonly?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    readonly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FormForgeBuilderLogicPanel.vue.d.ts.map