@blokkli/editor 2.0.0-alpha.4 → 2.0.0-alpha.41

package/dist/runtime/editor/features/preview/index.vue

@@ -0,0 +1,41 @@
+<template>
+  <PluginToolbarButton
+    id="preview_new_window"
+    :title="$t('previewNewWindow', 'Preview (new window)')"
+    region="after-menu"
+    icon="bk_mdi_open_in_new"
+    :disabled="!state.canEdit.value"
+    :tour-text="
+  $t(
+    'previewNewWindowTourText',
+    'Opens a preview of the current changes in a new window.'
+  )
+"
+    @click="openPreview"
+  />
+</template>
+
+<script setup>
+import { computed, useBlokkli, useRoute, defineBlokkliFeature } from "#imports";
+import { PluginToolbarButton } from "#blokkli/editor/plugins";
+defineBlokkliFeature({
+  id: "preview",
+  label: "Preview",
+  icon: "bk_mdi_mobile",
+  description: "Provides a button to open a preview in a new window."
+});
+const { $t, state } = useBlokkli();
+const route = useRoute();
+const previewUrl = computed(
+  () => route.fullPath.replace("blokkliEditing", "blokkliPreview")
+);
+function openPreview() {
+  window.open(previewUrl.value);
+}
+</script>
+
+<script>
+export default {
+  name: "Preview"
+};
+</script>

package/dist/runtime/editor/features/preview/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/editor/features/preview-grant/QrCode/index.d.vue.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    url: string;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/preview-grant/QrCode/index.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    url: string;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/preview-grant/index.d.vue.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/editor/features/preview-grant/index.vue

@@ -0,0 +1,71 @@
+<template>
+  <PluginToolbarButton
+    v-if="!ui.isMobile.value"
+    id="preview_with_smartphone"
+    :title="$t('previewWithSmartphone', 'Preview (with smartphone)')"
+    :disabled="!state.canEdit.value"
+    weight="20"
+    :tour-text="
+  $t(
+    'previewWithSmartphoneTourText',
+    'Shows a QR code to quickly open a preview of the changes with your smartphone.'
+  )
+"
+    region="after-menu"
+    icon="bk_mdi_qr_code"
+    @click="qrCodeVisible = true"
+  />
+
+  <Teleport :to="ui.mainLayoutElement.value">
+    <BlokkliTransition name="slide-up">
+      <DialogModal
+        v-if="qrCodeVisible"
+        id="preview-grant"
+        :title="$t('previewDialogTitle', 'Preview with smartphone')"
+        :lead="
+  $t(
+    'previewDialogLead',
+    'Scan the QR code with your smartphone to open the preview.'
+  )
+"
+        :submit-label="$t('close', 'Close')"
+        is-danger
+        hide-buttons
+        :width="490"
+        @submit="qrCodeVisible = false"
+        @cancel="qrCodeVisible = false"
+      >
+        <QrCode v-if="previewGrantUrl" :url="previewGrantUrl" />
+      </DialogModal>
+    </BlokkliTransition>
+  </Teleport>
+</template>
+
+<script setup>
+import { ref, watch, useBlokkli, defineBlokkliFeature } from "#imports";
+import { PluginToolbarButton } from "#blokkli/editor/plugins";
+import QrCode from "./QrCode/index.vue";
+import { DialogModal, BlokkliTransition } from "#blokkli/editor/components";
+const { adapter } = defineBlokkliFeature({
+  id: "preview-grant",
+  label: "Preview Grant",
+  icon: "bk_mdi_qr_code",
+  description: "Provides a button to open a dialog with a QR code to preview the page on a smartphone.",
+  requiredAdapterMethods: ["getPreviewGrantUrl"],
+  viewports: ["desktop"]
+});
+const { $t, ui, state } = useBlokkli();
+const qrCodeVisible = ref(false);
+const previewGrantUrl = ref("");
+watch(qrCodeVisible, async function(isVisible) {
+  if (isVisible && !previewGrantUrl.value) {
+    previewGrantUrl.value = await adapter.getPreviewGrantUrl();
+  }
+});
+</script>
+
+<script>
+export default {
+  name: "PreviewGrant"
+};
+</script>

package/dist/runtime/editor/features/preview-grant/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/editor/features/preview-grant/types.d.ts

@@ -0,0 +1,10 @@
+declare module '#blokkli/editor/adapter' {
+    interface BlokkliAdapter<T> {
+        /**
+         * Get the shareable preview URL.
+         *
+         * This should return a URL that can be used to bypass logins, using a token or similar, that can be shared with non-editing people.
+         */
+        getPreviewGrantUrl?: () => Promise<string | undefined | null> | string | undefined | null;
+    }
+}

package/dist/runtime/editor/features/proxy-view/index.d.vue.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/editor/features/proxy-view/index.vue

@@ -0,0 +1,40 @@
+<template>
+  <PluginViewOption
+    id="proxy_view"
+    v-model="ui.isProxyMode.value"
+    :label="$t('proxyViewToggle', 'Toggle structure view')"
+    :title-on="$t('proxyViewShow', 'Show structure view')"
+    :title-off="$t('proxyViewHide', 'Show content preview')"
+    :tour-text="
+  $t(
+    'proxyViewTourText',
+    'Displays the content blocks as a structured view.'
+  )
+"
+    key-code="P"
+    icon="bk_mdi_account_tree"
+    @update:model-value="onToggleProxyMode"
+  />
+</template>
+
+<script setup>
+import { useBlokkli, defineBlokkliFeature } from "#imports";
+import { PluginViewOption } from "#blokkli/editor/plugins";
+defineBlokkliFeature({
+  id: "proxy_view",
+  label: "Proxy View",
+  icon: "bk_mdi_account_tree",
+  description: "Displays the blocks as a structure in the preview.",
+  viewports: ["desktop"]
+});
+const { $t, ui, eventBus } = useBlokkli();
+function onToggleProxyMode() {
+  eventBus.emit("state:reloaded");
+}
+</script>
+
+<script>
+export default {
+  name: "ProxyView"
+};
+</script>

package/dist/runtime/editor/features/proxy-view/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/editor/features/publish/Dialog/Item.d.vue.ts

@@ -0,0 +1,22 @@
+import type { MutationStatus } from './types.js';
+import type { GetEditStatesItem } from '../types.js';
+type __VLS_Props = GetEditStatesItem & {
+    id: string;
+    isCurrent: boolean;
+    shouldPublish: boolean;
+    isMutating: boolean;
+    mutationStatus?: MutationStatus;
+    isScheduled: boolean;
+    scheduleDate: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string[];
+};
+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: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/publish/Dialog/Item.vue

@@ -0,0 +1,145 @@
+<template>
+  <tr
+    :class="{
+  'bk-is-success': isSuccess,
+  'bk-is-error': isError,
+  'bk-is-warning': isScheduled && isSelected && !isSuccess
+}"
+  >
+    <td>
+      <label class="bk-checkbox">
+        <input
+          v-if="isCurrent || isMutating || isSuccess"
+          :checked="isSelected"
+          type="checkbox"
+          disabled
+        />
+        <input v-else v-model="modelValue" type="checkbox" :value="id" />
+        <span />
+
+        <div>
+          <div>
+            <strong>{{ title }}</strong>
+          </div>
+          <div>
+            {{ bundleLabel }}
+          </div>
+        </div>
+        <div v-if="isCurrent" class="bk-pill">
+          {{ $t("publishCurrentPage", "Current page") }}
+        </div>
+      </label>
+    </td>
+    <td>
+      <span v-if="mutationStatusLabel">{{ mutationStatusLabel }}</span>
+      <span v-else-if="isSelected">{{ newStatus.label }}</span>
+    </td>
+    <td class="bk-is-status">
+      <div v-if="isSuccess">
+        <span
+          class="bk-status-indicator"
+          :class="{
+  'bk-is-success': newStatus.status === true,
+  'bk-is-warning': newStatus.status === 'scheduled'
+}"
+        />
+      </div>
+      <div v-else-if="isSelected && isMutating">
+        <Icon name="loader" />
+      </div>
+      <div v-else-if="isSelected">
+        <span
+          class="bk-status-indicator"
+          :class="{
+  'bk-is-success': isCurrentlyPublished
+}"
+        />
+        <template v-if="newStatus.status !== isCurrentlyPublished">
+          <Icon name="arrow-right-thin" />
+          <span
+            class="bk-status-indicator"
+            :class="{
+  'bk-is-success': newStatus.status === true,
+  'bk-is-warning': newStatus.status === 'scheduled'
+}"
+          />
+        </template>
+      </div>
+    </td>
+  </tr>
+</template>
+
+<script setup>
+import { computed, useBlokkli } from "#imports";
+import { Icon } from "#blokkli/editor/components";
+const { $t } = useBlokkli();
+const props = defineProps({
+  hostEntityType: { type: String, required: true },
+  hostEntityUuid: { type: String, required: true },
+  entity: { type: Object, required: true },
+  currentUserIsOwner: { type: Boolean, required: true },
+  id: { type: String, required: true },
+  isCurrent: { type: Boolean, required: true },
+  shouldPublish: { type: Boolean, required: true },
+  isMutating: { type: Boolean, required: true },
+  mutationStatus: { type: Object, required: false },
+  isScheduled: { type: Boolean, required: true },
+  scheduleDate: { type: String, required: true }
+});
+const modelValue = defineModel({ type: Array, ...{
+  default: () => {
+    return [];
+  }
+} });
+const isSelected = computed(
+  () => props.isCurrent || modelValue.value.includes(props.id)
+);
+const isSuccess = computed(() => props.mutationStatus?.success);
+const isError = computed(
+  () => !isSuccess.value && !!(props.mutationStatus?.errors?.length || props.mutationStatus?.violations?.length)
+);
+const mutationStatusLabel = computed(() => {
+  if (isSuccess.value) {
+    if (props.isScheduled) {
+      return $t("publishPublicationScheduled", "Publication scheduled");
+    } else if (props.entity.status && props.shouldPublish) {
+      return $t("publishSuccessfullyPublished", "Successfully published");
+    } else {
+      return $t("publishSuccessfullySaved", "Successfully saved");
+    }
+  }
+  return null;
+});
+const isCurrentlyPublished = computed(() => props.entity.status);
+const title = computed(() => props.entity.label);
+const bundleLabel = computed(() => props.entity.bundleLabel);
+const newStatus = computed(() => {
+  if (isSelected.value && props.isScheduled) {
+    return {
+      label: $t("publishWillBeScheduled", "Will be scheduled"),
+      status: "scheduled"
+    };
+  } else if (isSelected.value && isCurrentlyPublished.value && !props.shouldPublish) {
+    return {
+      label: $t("publishRemainsPublished", "Remains published"),
+      status: true
+    };
+  } else if (isSelected.value && !isCurrentlyPublished.value && props.shouldPublish) {
+    return {
+      label: $t("publishWillBePublished", "Will be published"),
+      status: true
+    };
+  } else if (isSelected.value && isCurrentlyPublished.value) {
+    return {
+      label: $t("publishRemainsPublished", "Remains published"),
+      status: true
+    };
+  } else if (isSelected.value && !isCurrentlyPublished.value) {
+    return {
+      label: $t("publishRemainsUnpublished", "Remains unpublished"),
+      status: false
+    };
+  }
+  return { label: "", status: false };
+});
+</script>

package/dist/runtime/editor/features/publish/Dialog/Item.vue.d.ts

@@ -0,0 +1,22 @@
+import type { MutationStatus } from './types.js';
+import type { GetEditStatesItem } from '../types.js';
+type __VLS_Props = GetEditStatesItem & {
+    id: string;
+    isCurrent: boolean;
+    shouldPublish: boolean;
+    isMutating: boolean;
+    mutationStatus?: MutationStatus;
+    isScheduled: boolean;
+    scheduleDate: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string[];
+};
+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: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/publish/Dialog/PublishOption.d.vue.ts

@@ -0,0 +1,21 @@
+import type { BlokkliIcon } from '#blokkli-build/icons';
+export type PublishOptionProps = {
+    id: string;
+    label: string;
+    description: string;
+    icon: BlokkliIcon;
+    color: 'lime' | 'yellow' | 'red';
+    disabled?: boolean;
+};
+type __VLS_Props = PublishOptionProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+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: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/publish/Dialog/PublishOption.vue

@@ -0,0 +1,47 @@
+<template>
+  <label
+    class="bk-publish-option"
+    :class="[
+  'bk-is-' + color,
+  {
+    'bk-is-disabled': disabled
+  }
+]"
+  >
+    <input
+      v-model="value"
+      type="radio"
+      :value="id"
+      required
+      name="publish-mode"
+      :disabled
+    />
+    <div class="bk-publish-option-icon">
+      <Icon :name="icon" />
+      <div class="bk-publish-option-icon-check">
+        <Icon name="bk_mdi_check" />
+      </div>
+    </div>
+    <div>
+      <div class="bk-publish-option-label">
+        {{ label }}
+      </div>
+      <div class="bk-publish-option-description">
+        {{ description }}
+      </div>
+    </div>
+  </label>
+</template>
+
+<script setup>
+import { Icon } from "#blokkli/editor/components";
+defineProps({
+  id: { type: String, required: true },
+  label: { type: String, required: true },
+  description: { type: String, required: true },
+  icon: { type: null, required: true },
+  color: { type: String, required: true },
+  disabled: { type: Boolean, required: false }
+});
+const value = defineModel({ type: String });
+</script>

package/dist/runtime/editor/features/publish/Dialog/PublishOption.vue.d.ts

@@ -0,0 +1,21 @@
+import type { BlokkliIcon } from '#blokkli-build/icons';
+export type PublishOptionProps = {
+    id: string;
+    label: string;
+    description: string;
+    icon: BlokkliIcon;
+    color: 'lime' | 'yellow' | 'red';
+    disabled?: boolean;
+};
+type __VLS_Props = PublishOptionProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+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: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/publish/Dialog/Summary.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    isPublished: boolean;
+    mode: 'immediate' | 'scheduled' | 'save';
+    currentStateLabel: string;
+    actionLabel: string;
+    resultStateLabel: string;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/publish/Dialog/Summary.vue

@@ -0,0 +1,83 @@
+<template>
+  <div class="bk-publish-summary">
+    <!-- Current State -->
+    <div class="bk-publish-summary-state">
+      <div class="bk-publish-summary-state-icon" :class="currentStateClass">
+        <Icon :name="currentStateIcon" />
+      </div>
+      <div class="bk-publish-summary-state-label">
+        {{ currentStateLabel }}
+      </div>
+    </div>
+
+    <!-- Arrow -->
+    <div class="bk-publish-summary-arrow">
+      <Icon name="bk_mdi_arrow_right" />
+    </div>
+
+    <!-- Action -->
+    <div class="bk-publish-summary-action">
+      <div class="bk-publish-summary-action-icon" :class="actionClass">
+        <Icon :name="actionIcon" />
+      </div>
+      <div class="bk-publish-summary-action-label">
+        {{ actionLabel }}
+      </div>
+    </div>
+
+    <!-- Arrow -->
+    <div class="bk-publish-summary-arrow">
+      <Icon name="bk_mdi_arrow_left" />
+    </div>
+
+    <!-- Result State -->
+    <div class="bk-publish-summary-state" :class="resultStateClass">
+      <div>
+        <Icon :name="resultStateIcon" />
+      </div>
+      <div class="bk-publish-summary-state-label">
+        {{ resultStateLabel }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from "#imports";
+import { Icon } from "#blokkli/editor/components";
+const props = defineProps({
+  isPublished: { type: Boolean, required: true },
+  mode: { type: String, required: true },
+  currentStateLabel: { type: String, required: true },
+  actionLabel: { type: String, required: true },
+  resultStateLabel: { type: String, required: true }
+});
+const currentStateIcon = computed(
+  () => props.isPublished ? "bk_mdi_visibility" : "bk_mdi_visibility_off"
+);
+const currentStateClass = computed(
+  () => props.isPublished ? "bk-is-published" : "bk-is-unpublished"
+);
+const resultStateIcon = computed(() => {
+  if (props.mode === "save") {
+    return "bk_mdi_visibility_off";
+  }
+  return "bk_mdi_visibility";
+});
+const resultStateClass = computed(() => {
+  if (props.mode === "save") {
+    return "bk-is-unpublished";
+  }
+  return "bk-is-published";
+});
+const actionIcon = computed(() => {
+  if (props.mode === "save") return "bk_mdi_save";
+  if (props.mode === "scheduled") return "bk_mdi_calendar_clock";
+  return "bk_mdi_publish";
+});
+const actionClass = computed(() => {
+  if (props.mode === "save") return "bk-is-save";
+  if (props.mode === "scheduled") return "bk-is-scheduled";
+  return "bk-is-publish";
+});
+</script>

package/dist/runtime/editor/features/publish/Dialog/Summary.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    isPublished: boolean;
+    mode: 'immediate' | 'scheduled' | 'save';
+    currentStateLabel: string;
+    actionLabel: string;
+    resultStateLabel: string;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/publish/Dialog/index.d.vue.ts

@@ -0,0 +1,9 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => void;
+    submit: () => void;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onSubmit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;