@antify/template-module 0.0.3 → 0.0.5

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

@@ -24,8 +24,10 @@ defineProps({
   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 }
+  tooltipState: { type: String, required: false },
+  tooltipMessage: { type: String, required: false },
+  disabledTooltipMessage: { type: String, required: false },
+  invalidPermissionTooltipMessage: { type: String, required: false }
 });
 </script>
 
@@ -44,6 +46,9 @@ defineProps({
     :has-permission="canSave"
     :tooltip-position="tooltipPosition"
     :tooltip-state="tooltipState"
+    :tooltip-message="tooltipMessage"
+    :disabled-tooltip-message="disabledTooltipMessage"
+    :invalid-permission-tooltip-message="invalidPermissionTooltipMessage"
     data-e2e="save-and-new-button"
     @click="$emit('click')"
     @blur="$emit('blur')"
@@ -55,16 +60,16 @@ defineProps({
       Speichern und neu
     </template>
 
-    <template #invalidPermissionTooltipContent>
-      <div>
-        <template v-if="saveTooltipMessage">
-          {{ saveTooltipMessage }}
-        </template>
+    <template #tooltipContent>
+      <slot name="tooltipContent" />
+    </template>
 
-        <template v-else>
-          Du hast keine Berechtigung um Einträge zu speichern.<br> Bitte kontaktiere deinen Administrator
-        </template>
-      </div>
+    <template #disabledTooltipContent>
+      <slot name="disabledTooltipContent" />
+    </template>
+
+    <template #invalidPermissionTooltipContent>
+      <slot name="invalidPermissionTooltipContent" />
     </template>
   </ActionButton>
 </template>

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

@@ -8,10 +8,20 @@ type __VLS_Props = {
     expanded?: boolean;
     canSave?: boolean;
     tooltipPosition?: Position;
-    saveTooltipMessage?: string;
     tooltipState?: InputState;
+    tooltipMessage?: string;
+    disabledTooltipMessage?: string;
+    invalidPermissionTooltipMessage?: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_13: {}, __VLS_16: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    tooltipContent?: (props: typeof __VLS_13) => any;
+} & {
+    disabledTooltipContent?: (props: typeof __VLS_16) => any;
+} & {
+    invalidPermissionTooltipContent?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: 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<{
@@ -21,5 +31,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     iconVariant: boolean;
     canSave: 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/buttons/SaveButton.d.vue.ts

@@ -10,8 +10,19 @@ type __VLS_Props = {
     tooltipPosition?: Position;
     saveTooltipMessage?: string;
     tooltipState?: InputState;
+    tooltipMessage?: string;
+    disabledTooltipMessage?: string;
+    invalidPermissionTooltipMessage?: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_13: {}, __VLS_16: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    tooltipContent?: (props: typeof __VLS_13) => any;
+} & {
+    disabledTooltipContent?: (props: typeof __VLS_16) => any;
+} & {
+    invalidPermissionTooltipContent?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: 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<{
@@ -21,5 +32,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     iconVariant: boolean;
     canSave: 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/buttons/SaveButton.vue

@@ -24,7 +24,10 @@ defineProps({
   canSave: { type: Boolean, required: false, default: true },
   tooltipPosition: { type: String, required: false },
   saveTooltipMessage: { type: String, required: false },
-  tooltipState: { type: String, required: false }
+  tooltipState: { type: String, required: false },
+  tooltipMessage: { type: String, required: false },
+  disabledTooltipMessage: { type: String, required: false },
+  invalidPermissionTooltipMessage: { type: String, required: false }
 });
 </script>
 
@@ -42,6 +45,9 @@ defineProps({
     :has-permission="canSave"
     :tooltip-position="tooltipPosition"
     :tooltip-state="tooltipState"
+    :tooltip-message="tooltipMessage"
+    :disabled-tooltip-message="disabledTooltipMessage"
+    :invalid-permission-tooltip-message="invalidPermissionTooltipMessage"
     data-e2e="save-button"
     @click="$emit('click')"
     @blur="$emit('blur')"
@@ -53,16 +59,16 @@ defineProps({
       Speichern
     </template>
 
-    <template #invalidPermissionTooltipContent>
-      <div>
-        <template v-if="saveTooltipMessage">
-          {{ saveTooltipMessage }}
-        </template>
+    <template #tooltipContent>
+      <slot name="tooltipContent" />
+    </template>
 
-        <template v-else>
-          Du hast keine Berechtigung um Einträge zu speichern.<br> Bitte kontaktiere deinen Administrator
-        </template>
-      </div>
+    <template #disabledTooltipContent>
+      <slot name="disabledTooltipContent" />
+    </template>
+
+    <template #invalidPermissionTooltipContent>
+      <slot name="invalidPermissionTooltipContent" />
     </template>
   </ActionButton>
 </template>

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

@@ -10,8 +10,19 @@ type __VLS_Props = {
     tooltipPosition?: Position;
     saveTooltipMessage?: string;
     tooltipState?: InputState;
+    tooltipMessage?: string;
+    disabledTooltipMessage?: string;
+    invalidPermissionTooltipMessage?: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_13: {}, __VLS_16: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    tooltipContent?: (props: typeof __VLS_13) => any;
+} & {
+    disabledTooltipContent?: (props: typeof __VLS_16) => any;
+} & {
+    invalidPermissionTooltipContent?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: 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<{
@@ -21,5 +32,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     iconVariant: boolean;
     canSave: 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/CrudDetailActions.d.vue.ts

@@ -6,8 +6,10 @@ type __VLS_Props = {
     tooltipState?: InputState;
     saveTooltipMessage?: string;
     saveAndNewTooltipMessage?: string;
+    disabledTooltipMessage?: string;
+    invalidPermissionTooltipMessage?: string;
 };
-declare var __VLS_1: {}, __VLS_11: {}, __VLS_13: {}, __VLS_29: {};
+declare var __VLS_1: {}, __VLS_11: {}, __VLS_13: {}, __VLS_24: {}, __VLS_27: {}, __VLS_30: {}, __VLS_41: {}, __VLS_44: {}, __VLS_47: {}, __VLS_49: {};
 type __VLS_Slots = {} & {
     'buttons-left'?: (props: typeof __VLS_1) => any;
 } & {
@@ -15,7 +17,19 @@ type __VLS_Slots = {} & {
 } & {
     'buttons-right'?: (props: typeof __VLS_13) => any;
 } & {
-    'after-buttons-right'?: (props: typeof __VLS_29) => any;
+    saveAndNewTooltipContent?: (props: typeof __VLS_24) => any;
+} & {
+    saveAndNewDisabledTooltipContent?: (props: typeof __VLS_27) => any;
+} & {
+    saveAndNewInvalidPermissionTooltipContent?: (props: typeof __VLS_30) => any;
+} & {
+    saveTooltipContent?: (props: typeof __VLS_41) => any;
+} & {
+    saveDisabledTooltipContent?: (props: typeof __VLS_44) => any;
+} & {
+    saveInvalidPermissionTooltipContent?: (props: typeof __VLS_47) => any;
+} & {
+    'after-buttons-right'?: (props: typeof __VLS_49) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     save: (...args: any[]) => void;

package/dist/runtime/components/crud/CrudDetailActions.vue

@@ -21,7 +21,9 @@ defineProps({
   canSave: { type: Boolean, required: false, default: true },
   tooltipState: { type: String, required: false },
   saveTooltipMessage: { type: String, required: false },
-  saveAndNewTooltipMessage: { type: String, required: false }
+  saveAndNewTooltipMessage: { type: String, required: false },
+  disabledTooltipMessage: { type: String, required: false },
+  invalidPermissionTooltipMessage: { type: String, required: false }
 });
 </script>
 
@@ -52,19 +54,47 @@ defineProps({
           :skeleton="skeleton"
           :disabled="disabled"
           :can-save="canSave"
-          :save-tooltip-message="saveTooltipMessage"
+          :tooltip-message="saveTooltipMessage"
+          :disabled-tooltip-message="disabledTooltipMessage"
+          :invalid-permission-tooltip-message="invalidPermissionTooltipMessage"
           :tooltip-state="tooltipState"
           @click="$emit('save-and-new')"
-        />
+        >
+          <template #tooltipContent>
+            <slot name="saveAndNewTooltipContent" />
+          </template>
+
+          <template #disabledTooltipContent>
+            <slot name="saveAndNewDisabledTooltipContent" />
+          </template>
+
+          <template #invalidPermissionTooltipContent>
+            <slot name="saveAndNewInvalidPermissionTooltipContent" />
+          </template>
+        </SaveAndNewButton>
 
         <SaveButton
           :skeleton="skeleton"
           :disabled="disabled"
           :can-save="canSave"
-          :save-tooltip-message="saveAndNewTooltipMessage"
+          :tooltip-message="saveAndNewTooltipMessage"
+          :disabled-tooltip-message="disabledTooltipMessage"
+          :invalid-permission-tooltip-message="invalidPermissionTooltipMessage"
           :tooltip-state="tooltipState"
           @click="$emit('save')"
-        />
+        >
+          <template #tooltipContent>
+            <slot name="saveTooltipContent" />
+          </template>
+
+          <template #disabledTooltipContent>
+            <slot name="saveDisabledTooltipContent" />
+          </template>
+
+          <template #invalidPermissionTooltipContent>
+            <slot name="saveInvalidPermissionTooltipContent" />
+          </template>
+        </SaveButton>
       </slot>
       <slot name="after-buttons-right" />
     </div>

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

@@ -6,8 +6,10 @@ type __VLS_Props = {
     tooltipState?: InputState;
     saveTooltipMessage?: string;
     saveAndNewTooltipMessage?: string;
+    disabledTooltipMessage?: string;
+    invalidPermissionTooltipMessage?: string;
 };
-declare var __VLS_1: {}, __VLS_11: {}, __VLS_13: {}, __VLS_29: {};
+declare var __VLS_1: {}, __VLS_11: {}, __VLS_13: {}, __VLS_24: {}, __VLS_27: {}, __VLS_30: {}, __VLS_41: {}, __VLS_44: {}, __VLS_47: {}, __VLS_49: {};
 type __VLS_Slots = {} & {
     'buttons-left'?: (props: typeof __VLS_1) => any;
 } & {
@@ -15,7 +17,19 @@ type __VLS_Slots = {} & {
 } & {
     'buttons-right'?: (props: typeof __VLS_13) => any;
 } & {
-    'after-buttons-right'?: (props: typeof __VLS_29) => any;
+    saveAndNewTooltipContent?: (props: typeof __VLS_24) => any;
+} & {
+    saveAndNewDisabledTooltipContent?: (props: typeof __VLS_27) => any;
+} & {
+    saveAndNewInvalidPermissionTooltipContent?: (props: typeof __VLS_30) => any;
+} & {
+    saveTooltipContent?: (props: typeof __VLS_41) => any;
+} & {
+    saveDisabledTooltipContent?: (props: typeof __VLS_44) => any;
+} & {
+    saveInvalidPermissionTooltipContent?: (props: typeof __VLS_47) => any;
+} & {
+    'after-buttons-right'?: (props: typeof __VLS_49) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     save: (...args: any[]) => void;

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

@@ -7,9 +7,11 @@ type __VLS_Props = {
     showDeleteButton?: boolean;
     skeleton?: boolean;
     deleteTooltipMessage?: string;
+    disabledTooltipMessage?: string;
+    invalidPermissionTooltipMessage?: string;
     tooltipState?: InputState;
 };
-declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_19: {};
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_21: {}, __VLS_24: {}, __VLS_27: {}, __VLS_29: {};
 type __VLS_Slots = {} & {
     tabs?: (props: typeof __VLS_1) => any;
 } & {
@@ -17,7 +19,13 @@ type __VLS_Slots = {} & {
 } & {
     'before-delete-button'?: (props: typeof __VLS_10) => any;
 } & {
-    'after-delete-button'?: (props: typeof __VLS_19) => any;
+    tooltipContent?: (props: typeof __VLS_21) => any;
+} & {
+    disabledTooltipContent?: (props: typeof __VLS_24) => any;
+} & {
+    invalidPermissionTooltipContent?: (props: typeof __VLS_27) => any;
+} & {
+    'after-delete-button'?: (props: typeof __VLS_29) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     delete: (...args: any[]) => void;

package/dist/runtime/components/crud/CrudDetailNav.vue

@@ -20,6 +20,8 @@ defineProps({
   showDeleteButton: { type: Boolean, required: false, default: true },
   skeleton: { type: Boolean, required: false, default: false },
   deleteTooltipMessage: { type: String, required: false },
+  disabledTooltipMessage: { type: String, required: false },
+  invalidPermissionTooltipMessage: { type: String, required: false },
   tooltipState: { type: String, required: false }
 });
 const dialogOpen = ref(false);
@@ -46,11 +48,25 @@ const dialogOpen = ref(false);
           :disabled="deleteButtonDisabled || !canDelete"
           :skeleton="skeleton"
           :can-delete="canDelete"
-          :delete-tooltip-message="deleteTooltipMessage"
+          :tooltip-message="deleteTooltipMessage"
+          :disabled-tooltip-message="disabledTooltipMessage"
+          :invalid-permission-tooltip-message="invalidPermissionTooltipMessage"
           :invalid-permission-tooltip-position="Position.left"
           :tooltip-state="tooltipState"
           @click="() => dialogOpen = true"
-        />
+        >
+          <template #tooltipContent>
+            <slot name="tooltipContent" />
+          </template>
+
+          <template #disabledTooltipContent>
+            <slot name="disabledTooltipContent" />
+          </template>
+
+          <template #invalidPermissionTooltipContent>
+            <slot name="invalidPermissionTooltipContent" />
+          </template>
+        </DeleteButton>
 
         <slot name="after-delete-button" />
       </slot>

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

@@ -7,9 +7,11 @@ type __VLS_Props = {
     showDeleteButton?: boolean;
     skeleton?: boolean;
     deleteTooltipMessage?: string;
+    disabledTooltipMessage?: string;
+    invalidPermissionTooltipMessage?: string;
     tooltipState?: InputState;
 };
-declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_19: {};
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_21: {}, __VLS_24: {}, __VLS_27: {}, __VLS_29: {};
 type __VLS_Slots = {} & {
     tabs?: (props: typeof __VLS_1) => any;
 } & {
@@ -17,7 +19,13 @@ type __VLS_Slots = {} & {
 } & {
     'before-delete-button'?: (props: typeof __VLS_10) => any;
 } & {
-    'after-delete-button'?: (props: typeof __VLS_19) => any;
+    tooltipContent?: (props: typeof __VLS_21) => any;
+} & {
+    disabledTooltipContent?: (props: typeof __VLS_24) => any;
+} & {
+    invalidPermissionTooltipContent?: (props: typeof __VLS_27) => any;
+} & {
+    'after-delete-button'?: (props: typeof __VLS_29) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     delete: (...args: any[]) => void;

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

@@ -10,15 +10,23 @@ type __VLS_Props = {
     skeleton?: boolean;
     searchPlaceholderText?: string;
     createTooltipMessage?: string;
+    disabledTooltipMessage?: string;
+    invalidPermissionTooltipMessage?: string;
     tooltipState?: InputState;
 };
-declare var __VLS_1: {}, __VLS_29: {}, __VLS_31: {};
+declare var __VLS_1: {}, __VLS_29: {}, __VLS_31: {}, __VLS_42: {}, __VLS_45: {}, __VLS_48: {};
 type __VLS_Slots = {} & {
     filter?: (props: typeof __VLS_1) => any;
 } & {
     dropdownContent?: (props: typeof __VLS_29) => any;
 } & {
     buttons?: (props: typeof __VLS_31) => any;
+} & {
+    tooltipContent?: (props: typeof __VLS_42) => any;
+} & {
+    disabledTooltipContent?: (props: typeof __VLS_45) => any;
+} & {
+    invalidPermissionTooltipContent?: (props: typeof __VLS_48) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     search: (...args: any[]) => void;

package/dist/runtime/components/crud/CrudTableFilter.vue

@@ -33,6 +33,8 @@ const props = defineProps({
   skeleton: { type: Boolean, required: false, default: false },
   searchPlaceholderText: { type: String, required: false },
   createTooltipMessage: { type: String, required: false },
+  disabledTooltipMessage: { type: String, required: false },
+  invalidPermissionTooltipMessage: { type: String, required: false },
   tooltipState: { type: String, required: false }
 });
 const emit = defineEmits([
@@ -129,7 +131,7 @@ watch(searchInputRef, (val) => {
         </template>
       </AntDropdown>
 
-<!--  Temporary solution: Use backlayer instead of on click outside to solve the problem with popover over other popover    -->
+      <!--  Temporary solution: Use backlayer instead of on click outside to solve the problem with popover over other popover    -->
       <div
         v-if="showDropdown"
         class="inset-0 absolute w-full h-full z-20"
@@ -143,10 +145,24 @@ watch(searchInputRef, (val) => {
           :skeleton="skeleton"
           :can-create="canCreate"
           :invalid-permission-tooltip-position="Position.left"
-          :create-tooltip-message="createTooltipMessage"
+          :tooltip-message="createTooltipMessage"
+          :disabled-tooltip-message="disabledTooltipMessage"
+          :invalid-permission-tooltip-message="invalidPermissionTooltipMessage"
           :tooltip-state="tooltipState"
           @click="() => emit('create')"
-        />
+        >
+          <template #tooltipContent>
+            <slot name="tooltipContent" />
+          </template>
+
+          <template #disabledTooltipContent>
+            <slot name="disabledTooltipContent" />
+          </template>
+
+          <template #invalidPermissionTooltipContent>
+            <slot name="invalidPermissionTooltipContent" />
+          </template>
+        </CreateButton>
       </slot>
     </div>
   </div>

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

@@ -10,15 +10,23 @@ type __VLS_Props = {
     skeleton?: boolean;
     searchPlaceholderText?: string;
     createTooltipMessage?: string;
+    disabledTooltipMessage?: string;
+    invalidPermissionTooltipMessage?: string;
     tooltipState?: InputState;
 };
-declare var __VLS_1: {}, __VLS_29: {}, __VLS_31: {};
+declare var __VLS_1: {}, __VLS_29: {}, __VLS_31: {}, __VLS_42: {}, __VLS_45: {}, __VLS_48: {};
 type __VLS_Slots = {} & {
     filter?: (props: typeof __VLS_1) => any;
 } & {
     dropdownContent?: (props: typeof __VLS_29) => any;
 } & {
     buttons?: (props: typeof __VLS_31) => any;
+} & {
+    tooltipContent?: (props: typeof __VLS_42) => any;
+} & {
+    disabledTooltipContent?: (props: typeof __VLS_45) => any;
+} & {
+    invalidPermissionTooltipContent?: (props: typeof __VLS_48) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     search: (...args: any[]) => void;

package/dist/runtime/components/dialogs/DeleteDialog.vue

@@ -45,19 +45,19 @@ function confirmDialog() {
       <div
         class="bg-base-100 gap-2 text-for-white-bg-font flex w-full justify-end"
       >
-          <AntButton
-            :state="State.base"
-            @click="closeDialog"
-          >
-            Abbrechen
-          </AntButton>
+        <AntButton
+          :state="State.base"
+          @click="closeDialog"
+        >
+          Abbrechen
+        </AntButton>
 
-          <DeleteButton
-            filled
-            @click="confirmDialog"
-          >
-            Löschen
-          </DeleteButton>
+        <DeleteButton
+          filled
+          @click="confirmDialog"
+        >
+          Löschen
+        </DeleteButton>
       </div>
     </template>
   </AntDialog>

package/dist/runtime/composables/useUiClient.js

@@ -8,8 +8,12 @@ import {
   reactive,
   ref
 } from "#imports";
-import { InputState } from "@antify/ui";
-import { watchOnce } from "@vueuse/core";
+import {
+  InputState
+} from "@antify/ui";
+import {
+  watchOnce
+} from "@vueuse/core";
 async function handleNotFoundResponse(response, fallbackUrl) {
   if (response._data?.notFound) {
     useNuxtApp().$templateModule.toaster.toastError("Entity not found. Maybe an other user deleted it.");
@@ -18,7 +22,11 @@ async function handleNotFoundResponse(response, fallbackUrl) {
 }
 function handleResponseError(error) {
   if (error.value) {
-    throw createError({ ...error.value?.data, statusCode: 500, fatal: true });
+    throw createError({
+      ...error.value?.data,
+      statusCode: 500,
+      fatal: true
+    });
   }
 }
 function isFormDisabled(status) {
@@ -28,7 +36,9 @@ function isFormDisabled(status) {
   return status.value === "pending";
 }
 function queryChanged(from, to, queryToWatch) {
-  const _queryToWatch = Array.isArray(queryToWatch) ? queryToWatch : [queryToWatch];
+  const _queryToWatch = Array.isArray(queryToWatch) ? queryToWatch : [
+    queryToWatch
+  ];
   const changes = Object.keys(to).reduce((acc, key) => {
     if (to[key] !== from[key]) {
       acc[key] = to[key];

package/dist/runtime/plugins/template-module.js

@@ -1,6 +1,12 @@
-import { defineNuxtPlugin } from "#app";
-import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
-import { useToaster } from "@antify/ui";
+import {
+  defineNuxtPlugin
+} from "#app";
+import {
+  FontAwesomeIcon
+} from "@fortawesome/vue-fontawesome";
+import {
+  useToaster
+} from "@antify/ui";
 export default defineNuxtPlugin((nuxtApp) => {
   const toaster = useToaster();
   nuxtApp.vueApp.component("FaIcon", FontAwesomeIcon);

package/dist/runtime/utils.d.ts

@@ -1,4 +1,4 @@
-import { InputState } from "@antify/ui";
+import { InputState } from '@antify/ui';
 export type FormFieldType = {
     errors: string[];
     state: InputState;

package/dist/runtime/utils.js

@@ -1,5 +1,9 @@
-import { reactive } from "vue";
-import { InputState } from "@antify/ui";
+import {
+  reactive
+} from "vue";
+import {
+  InputState
+} from "@antify/ui";
 export function useFormField(validationFn) {
   const _reactive = reactive({
     errors: [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antify/template-module",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "type": "module",
   "exports": {
     ".": {
@@ -33,6 +33,8 @@
     "@nuxt/module-builder": "latest",
     "@nuxtjs/storybook": "8.3.5",
     "@storybook/addon-essentials": "8.6.15",
+    "@storybook/addon-interactions": "8.6.15",
+    "@storybook/addon-links": "8.6.15",
     "@storybook/vue3": "8.6.15",
     "@stylistic/eslint-plugin": "^2.11.0",
     "autoprefixer": "^10.4.20",