@antify/template-module 0.0.2

package/dist/runtime/components/buttons/DeleteButton.vue

@@ -0,0 +1,67 @@
+<script setup>
+import ActionButton from "./ActionButton.vue";
+import {
+  Position,
+  Size,
+  Grouped,
+  State,
+  InputState
+} from "@antify/ui";
+import {
+  faTrash
+} from "@fortawesome/free-solid-svg-icons";
+defineEmits([
+  "click",
+  "blur"
+]);
+defineProps({
+  iconVariant: { type: Boolean, required: false, default: false },
+  size: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  grouped: { type: String, required: false },
+  skeleton: { type: Boolean, required: false },
+  expanded: { type: Boolean, required: false },
+  canDelete: { type: Boolean, required: false, default: true },
+  tooltipPosition: { type: String, required: false },
+  deleteTooltipMessage: { type: String, required: false },
+  tooltipState: { type: String, required: false }
+});
+</script>
+
+<template>
+  <ActionButton
+    :filled="false"
+    :state="State.danger"
+    :size="size"
+    :disabled="disabled"
+    :icon-left="iconVariant ? faTrash : void 0"
+    :grouped="grouped"
+    :skeleton="skeleton"
+    :expanded="expanded"
+    :has-permission="canDelete"
+    :tooltip-position="tooltipPosition"
+    :tooltip-state="tooltipState"
+    data-e2e="delete-button"
+    @click="$emit('click')"
+    @blur="$emit('blur')"
+  >
+    <template
+      v-if="!iconVariant"
+      #default
+    >
+      Löschen
+    </template>
+
+    <template #invalidPermissionTooltipContent>
+      <div>
+        <template v-if="deleteTooltipMessage">
+          {{ deleteTooltipMessage }}
+        </template>
+
+        <template v-else>
+          Du hast keine Berechtigung um Einträge zu löschen.<br> Bitte kontaktiere deinen Administrator
+        </template>
+      </div>
+    </template>
+  </ActionButton>
+</template>

package/dist/runtime/components/buttons/DeleteButton.vue.d.ts

@@ -0,0 +1,25 @@
+import { Position, Size, Grouped, InputState } from '@antify/ui';
+type __VLS_Props = {
+    iconVariant?: boolean;
+    size?: Size;
+    disabled?: boolean;
+    grouped?: Grouped;
+    skeleton?: boolean;
+    expanded?: boolean;
+    canDelete?: boolean;
+    tooltipPosition?: Position;
+    deleteTooltipMessage?: string;
+    tooltipState?: InputState;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    iconVariant: boolean;
+    canDelete: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/buttons/DuplicateButton.d.vue.ts

@@ -0,0 +1,25 @@
+import { Position, Size, Grouped, InputState } from '@antify/ui';
+type __VLS_Props = {
+    iconVariant?: boolean;
+    size?: Size;
+    disabled?: boolean;
+    grouped?: Grouped;
+    skeleton?: boolean;
+    expanded?: boolean;
+    canDuplicate?: boolean;
+    tooltipPosition?: Position;
+    duplicateTooltipMessage?: string;
+    tooltipState?: InputState;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    iconVariant: boolean;
+    canDuplicate: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/buttons/DuplicateButton.vue

@@ -0,0 +1,67 @@
+<script setup>
+import ActionButton from "./ActionButton.vue";
+import {
+  Position,
+  Size,
+  Grouped,
+  State,
+  InputState
+} from "@antify/ui";
+import {
+  faCopy
+} from "@fortawesome/free-solid-svg-icons";
+defineEmits([
+  "click",
+  "blur"
+]);
+defineProps({
+  iconVariant: { type: Boolean, required: false, default: false },
+  size: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  grouped: { type: String, required: false },
+  skeleton: { type: Boolean, required: false },
+  expanded: { type: Boolean, required: false },
+  canDuplicate: { type: Boolean, required: false, default: true },
+  tooltipPosition: { type: String, required: false },
+  duplicateTooltipMessage: { type: String, required: false },
+  tooltipState: { type: String, required: false }
+});
+</script>
+
+<template>
+  <ActionButton
+    :filled="false"
+    :state="State.base"
+    :size="size"
+    :disabled="disabled"
+    :icon-left="iconVariant ? faCopy : void 0"
+    :grouped="grouped"
+    :skeleton="skeleton"
+    :expanded="expanded"
+    :has-permission="canDuplicate"
+    :tooltip-position="tooltipPosition"
+    :tooltip-state="tooltipState"
+    data-e2e="duplicate-button"
+    @click="$emit('click')"
+    @blur="$emit('blur')"
+  >
+    <template
+      v-if="!iconVariant"
+      #default
+    >
+      Duplizieren
+    </template>
+
+    <template #invalidPermissionTooltipContent>
+      <div>
+        <template v-if="duplicateTooltipMessage">
+          {{ duplicateTooltipMessage }}
+        </template>
+
+        <template v-else>
+          Du hast keine Berechtigung um Einträge zu duplizieren.<br> Bitte kontaktiere deinen Administrator
+        </template>
+      </div>
+    </template>
+  </ActionButton>
+</template>

package/dist/runtime/components/buttons/DuplicateButton.vue.d.ts

@@ -0,0 +1,25 @@
+import { Position, Size, Grouped, InputState } from '@antify/ui';
+type __VLS_Props = {
+    iconVariant?: boolean;
+    size?: Size;
+    disabled?: boolean;
+    grouped?: Grouped;
+    skeleton?: boolean;
+    expanded?: boolean;
+    canDuplicate?: boolean;
+    tooltipPosition?: Position;
+    duplicateTooltipMessage?: string;
+    tooltipState?: InputState;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    iconVariant: boolean;
+    canDuplicate: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/buttons/EditButton.d.vue.ts

@@ -0,0 +1,25 @@
+import { Position, Size, Grouped, InputState } from '@antify/ui';
+type __VLS_Props = {
+    iconVariant?: boolean;
+    size?: Size;
+    disabled?: boolean;
+    grouped?: Grouped;
+    skeleton?: boolean;
+    expanded?: boolean;
+    canEdit?: boolean;
+    tooltipPosition?: Position;
+    editTooltipMessage?: string;
+    tooltipState?: InputState;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    iconVariant: boolean;
+    canEdit: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/buttons/EditButton.vue

@@ -0,0 +1,67 @@
+<script setup>
+import ActionButton from "./ActionButton.vue";
+import {
+  Position,
+  Size,
+  Grouped,
+  State,
+  InputState
+} from "@antify/ui";
+import {
+  faPencil
+} from "@fortawesome/free-solid-svg-icons";
+defineEmits([
+  "click",
+  "blur"
+]);
+defineProps({
+  iconVariant: { type: Boolean, required: false, default: false },
+  size: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  grouped: { type: String, required: false },
+  skeleton: { type: Boolean, required: false },
+  expanded: { type: Boolean, required: false },
+  canEdit: { type: Boolean, required: false, default: true },
+  tooltipPosition: { type: String, required: false },
+  editTooltipMessage: { type: String, required: false },
+  tooltipState: { type: String, required: false }
+});
+</script>
+
+<template>
+  <ActionButton
+    :filled="false"
+    :state="State.base"
+    :size="size"
+    :disabled="disabled"
+    :icon-left="iconVariant ? faPencil : void 0"
+    :grouped="grouped"
+    :skeleton="skeleton"
+    :expanded="expanded"
+    :has-permission="canEdit"
+    :tooltip-position="tooltipPosition"
+    :tooltip-state="tooltipState"
+    data-e2e="edit-button"
+    @click="$emit('click')"
+    @blur="$emit('blur')"
+  >
+    <template
+      v-if="!iconVariant"
+      #default
+    >
+      Bearbeiten
+    </template>
+
+    <template #invalidPermissionTooltipContent>
+      <div>
+        <template v-if="editTooltipMessage">
+          {{ editTooltipMessage }}
+        </template>
+
+        <template v-else>
+          Du hast keine Berechtigung um Einträge zu bearbeiten.<br> Bitte kontaktiere deinen Administrator
+        </template>
+      </div>
+    </template>
+  </ActionButton>
+</template>

package/dist/runtime/components/buttons/EditButton.vue.d.ts

@@ -0,0 +1,25 @@
+import { Position, Size, Grouped, InputState } from '@antify/ui';
+type __VLS_Props = {
+    iconVariant?: boolean;
+    size?: Size;
+    disabled?: boolean;
+    grouped?: Grouped;
+    skeleton?: boolean;
+    expanded?: boolean;
+    canEdit?: boolean;
+    tooltipPosition?: Position;
+    editTooltipMessage?: string;
+    tooltipState?: InputState;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    iconVariant: boolean;
+    canEdit: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/buttons/SaveAndNewButton.d.vue.ts

@@ -0,0 +1,25 @@
+import { Position, Size, Grouped, InputState } from '@antify/ui';
+type __VLS_Props = {
+    iconVariant?: boolean;
+    size?: Size;
+    disabled?: boolean;
+    grouped?: Grouped;
+    skeleton?: boolean;
+    expanded?: boolean;
+    canSave?: boolean;
+    tooltipPosition?: Position;
+    saveTooltipMessage?: string;
+    tooltipState?: InputState;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    iconVariant: boolean;
+    canSave: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/buttons/SaveAndNewButton.vue

@@ -0,0 +1,70 @@
+<script setup>
+import ActionButton from "./ActionButton.vue";
+import {
+  Position,
+  Size,
+  Grouped,
+  State,
+  InputState
+} from "@antify/ui";
+import {
+  faFloppyDisk,
+  faPlus
+} from "@fortawesome/free-solid-svg-icons";
+defineEmits([
+  "click",
+  "blur"
+]);
+defineProps({
+  iconVariant: { type: Boolean, required: false, default: false },
+  size: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  grouped: { type: String, required: false },
+  skeleton: { type: Boolean, required: false },
+  expanded: { type: Boolean, required: false },
+  canSave: { type: Boolean, required: false, default: true },
+  tooltipPosition: { type: String, required: false },
+  saveTooltipMessage: { type: String, required: false },
+  tooltipState: { type: String, required: false }
+});
+</script>
+
+<template>
+  <ActionButton
+    :filled="true"
+    :state="State.primary"
+    :size="size"
+    :disabled="disabled"
+    :icon-left="iconVariant ? faFloppyDisk : void 0"
+    :icon-right="iconVariant ? faPlus : void 0"
+    :grouped="grouped"
+    :skeleton="skeleton"
+    :expanded="expanded"
+    :submit="true"
+    :has-permission="canSave"
+    :tooltip-position="tooltipPosition"
+    :tooltip-state="tooltipState"
+    data-e2e="save-and-new-button"
+    @click="$emit('click')"
+    @blur="$emit('blur')"
+  >
+    <template
+      v-if="!iconVariant"
+      #default
+    >
+      Speichern und neu
+    </template>
+
+    <template #invalidPermissionTooltipContent>
+      <div>
+        <template v-if="saveTooltipMessage">
+          {{ saveTooltipMessage }}
+        </template>
+
+        <template v-else>
+          Du hast keine Berechtigung um Einträge zu speichern.<br> Bitte kontaktiere deinen Administrator
+        </template>
+      </div>
+    </template>
+  </ActionButton>
+</template>

package/dist/runtime/components/buttons/SaveAndNewButton.vue.d.ts

@@ -0,0 +1,25 @@
+import { Position, Size, Grouped, InputState } from '@antify/ui';
+type __VLS_Props = {
+    iconVariant?: boolean;
+    size?: Size;
+    disabled?: boolean;
+    grouped?: Grouped;
+    skeleton?: boolean;
+    expanded?: boolean;
+    canSave?: boolean;
+    tooltipPosition?: Position;
+    saveTooltipMessage?: string;
+    tooltipState?: InputState;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    iconVariant: boolean;
+    canSave: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/buttons/SaveButton.d.vue.ts

@@ -0,0 +1,25 @@
+import { Position, Size, Grouped, InputState } from '@antify/ui';
+type __VLS_Props = {
+    iconVariant?: boolean;
+    size?: Size;
+    disabled?: boolean;
+    grouped?: Grouped;
+    skeleton?: boolean;
+    expanded?: boolean;
+    canSave?: boolean;
+    tooltipPosition?: Position;
+    saveTooltipMessage?: string;
+    tooltipState?: InputState;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    iconVariant: boolean;
+    canSave: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/buttons/SaveButton.vue

@@ -0,0 +1,68 @@
+<script setup>
+import ActionButton from "./ActionButton.vue";
+import {
+  Position,
+  Size,
+  Grouped,
+  State,
+  InputState
+} from "@antify/ui";
+import {
+  faFloppyDisk
+} from "@fortawesome/free-solid-svg-icons";
+defineEmits([
+  "click",
+  "blur"
+]);
+defineProps({
+  iconVariant: { type: Boolean, required: false, default: false },
+  size: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  grouped: { type: String, required: false },
+  skeleton: { type: Boolean, required: false },
+  expanded: { type: Boolean, required: false },
+  canSave: { type: Boolean, required: false, default: true },
+  tooltipPosition: { type: String, required: false },
+  saveTooltipMessage: { type: String, required: false },
+  tooltipState: { type: String, required: false }
+});
+</script>
+
+<template>
+  <ActionButton
+    :filled="true"
+    :state="State.primary"
+    :size="size"
+    :disabled="disabled"
+    :icon-left="iconVariant ? faFloppyDisk : void 0"
+    :grouped="grouped"
+    :skeleton="skeleton"
+    :expanded="expanded"
+    :submit="true"
+    :has-permission="canSave"
+    :tooltip-position="tooltipPosition"
+    :tooltip-state="tooltipState"
+    data-e2e="save-button"
+    @click="$emit('click')"
+    @blur="$emit('blur')"
+  >
+    <template
+      v-if="!iconVariant"
+      #default
+    >
+      Speichern
+    </template>
+
+    <template #invalidPermissionTooltipContent>
+      <div>
+        <template v-if="saveTooltipMessage">
+          {{ saveTooltipMessage }}
+        </template>
+
+        <template v-else>
+          Du hast keine Berechtigung um Einträge zu speichern.<br> Bitte kontaktiere deinen Administrator
+        </template>
+      </div>
+    </template>
+  </ActionButton>
+</template>

package/dist/runtime/components/buttons/SaveButton.vue.d.ts

@@ -0,0 +1,25 @@
+import { Position, Size, Grouped, InputState } from '@antify/ui';
+type __VLS_Props = {
+    iconVariant?: boolean;
+    size?: Size;
+    disabled?: boolean;
+    grouped?: Grouped;
+    skeleton?: boolean;
+    expanded?: boolean;
+    canSave?: boolean;
+    tooltipPosition?: Position;
+    saveTooltipMessage?: string;
+    tooltipState?: InputState;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    iconVariant: boolean;
+    canSave: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/crud/Crud.d.vue.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    showDetail?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_13: {};
+type __VLS_Slots = {} & {
+    'search-section'?: (props: typeof __VLS_1) => any;
+} & {
+    'table-section'?: (props: typeof __VLS_3) => any;
+} & {
+    'table-nav-section'?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    showDetail: boolean;
+}, {}, {}, {}, 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/crud/Crud.vue

@@ -0,0 +1,43 @@
+<script setup>
+defineProps({
+  showDetail: { type: Boolean, required: false, default: false }
+});
+</script>
+
+<template>
+  <div
+    class="flex w-full h-full"
+    data-e2e="crud"
+  >
+    <div
+      class="left-content h-full flex flex-col bg-base-300 gap-px overflow-hidden"
+      :class="{ 'w-[40rem]': showDetail, 'w-full': !showDetail }"
+    >
+      <div class="bg-white">
+        <slot name="search-section" />
+      </div>
+
+      <div class="bg-white grow h-px overflow-hidden">
+        <slot name="table-section" />
+      </div>
+
+      <div class="bg-white">
+        <slot name="table-nav-section" />
+      </div>
+    </div>
+
+    <Transition name="right-content">
+      <div
+        v-if="showDetail"
+        class="flex flex-col gap-px border-l border-base-300 overflow-hidden"
+        :class="{ 'w-full': showDetail }"
+      >
+        <slot />
+      </div>
+    </Transition>
+  </div>
+</template>
+
+<style scoped>
+.left-content{transition:width .5s ease-in-out,opacity .5s ease}.right-content-enter-active{transition:width .5s ease-in-out,opacity .5s ease .3s}.right-content-enter-from{opacity:0;width:0}.right-content-enter-to{opacity:1;width:100%}.right-content-leave-active{transition:width .5s ease-in-out,opacity .2s ease}.right-content-leave-from{opacity:1;width:100%}.right-content-leave-to{opacity:0;width:0}
+</style>

package/dist/runtime/components/crud/Crud.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    showDetail?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_13: {};
+type __VLS_Slots = {} & {
+    'search-section'?: (props: typeof __VLS_1) => any;
+} & {
+    'table-section'?: (props: typeof __VLS_3) => any;
+} & {
+    'table-nav-section'?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    showDetail: boolean;
+}, {}, {}, {}, 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;
+    };
+};