@antify/template-module 0.0.2 → 0.0.4

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@antify/template-module",
   "configKey": "templateModule",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -66,7 +66,9 @@ const module$1 = defineNuxtModule({
   },
   defaults: {},
   async setup(options, nuxt) {
-    const { resolve } = createResolver(import.meta.url);
+    const {
+      resolve
+    } = createResolver(import.meta.url);
     const runtimeDir = resolve("./runtime");
     nuxt.options.build.transpile.push(runtimeDir);
     addPlugin(resolve(runtimeDir, "plugins/template-module"));
@@ -90,6 +92,7 @@ const module$1 = defineNuxtModule({
       viteInlineConfig.plugins.push(tailwindcss());
     });
     nuxt.options.css.push(resolve(runtimeDir, "assets/antify.css"));
+    nuxt.options.css.push(resolve(runtimeDir, "index.css"));
     if (options.tailwindCSSPath) {
       const tailwindCSSPath = resolve(nuxt.options.rootDir, options.tailwindCSSPath);
       nuxt.options.css.push(tailwindCSSPath);

package/dist/runtime/assets/main.css

@@ -0,0 +1 @@
+@import "@antify/ui";

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

@@ -20,14 +20,19 @@ type __VLS_Props = {
     tooltipDelay?: number;
     submit?: boolean;
     dataE2e?: string;
+    tooltipMessage?: string;
+    disabledTooltipMessage?: string;
+    invalidPermissionTooltipMessage?: string;
 };
-declare var __VLS_11: {}, __VLS_14: {}, __VLS_16: {};
+declare var __VLS_11: {}, __VLS_14: {}, __VLS_16: {}, __VLS_18: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_11) => any;
 } & {
-    tooltipContent?: (props: typeof __VLS_14) => any;
+    invalidPermissionTooltipContent?: (props: typeof __VLS_14) => any;
 } & {
-    invalidPermissionTooltipContent?: (props: typeof __VLS_16) => any;
+    disabledTooltipContent?: (props: typeof __VLS_16) => any;
+} & {
+    tooltipContent?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur: (...args: any[]) => void;

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

@@ -31,11 +31,15 @@ const props = defineProps({
   tooltipState: { type: String, required: false },
   tooltipDelay: { type: Number, required: false },
   submit: { type: Boolean, required: false, default: false },
-  dataE2e: { type: String, required: false, default: "action-button" }
+  dataE2e: { type: String, required: false, default: "action-button" },
+  tooltipMessage: { type: String, required: false },
+  disabledTooltipMessage: { type: String, required: false },
+  invalidPermissionTooltipMessage: { type: String, required: false }
 });
 const slots = useSlots();
-const hasTooltip = computed(() => !props.skeleton && !props.disabled && props.hasPermission && hasSlotContent(slots["tooltipContent"]));
-const hasPermissionTooltip = computed(() => !props.skeleton && !(!props.disabled && props.hasPermission) && hasSlotContent(slots["invalidPermissionTooltipContent"]));
+const hasTooltip = computed(() => !props.skeleton && !props.disabled && props.hasPermission && (hasSlotContent(slots["tooltipContent"]) || props.tooltipMessage));
+const hasDisabledTooltip = computed(() => !props.skeleton && props.disabled && props.hasPermission);
+const hasPermissionTooltip = computed(() => !props.skeleton && !props.hasPermission);
 </script>
 
 <template>
@@ -60,15 +64,46 @@ const hasPermissionTooltip = computed(() => !props.skeleton && !(!props.disabled
     <slot />
 
     <template #tooltip-content>
-      <slot
-        v-if="hasTooltip"
-        name="tooltipContent"
-      />
+      <div v-if="hasPermissionTooltip">
+        <slot
+          v-if="hasSlotContent(slots['invalidPermissionTooltipContent'])"
+          name="invalidPermissionTooltipContent"
+        />
 
-      <slot
-        v-if="hasPermissionTooltip"
-        name="invalidPermissionTooltipContent"
-      />
+        <div v-else-if="invalidPermissionTooltipMessage">
+          {{ invalidPermissionTooltipMessage }}
+        </div>
+
+        <div v-else>
+          [Platzhalter]
+        </div>
+      </div>
+
+      <div v-if="hasDisabledTooltip">
+        <slot
+          v-if="hasSlotContent(slots['disabledTooltipContent'])"
+          name="disabledTooltipContent"
+        />
+
+        <div v-else-if="disabledTooltipMessage">
+          {{ disabledTooltipMessage }}
+        </div>
+
+        <div v-else>
+          [Platzhalter]
+        </div>
+      </div>
+
+      <div v-if="hasTooltip">
+        <slot
+          v-if="hasSlotContent(slots['tooltipContent'])"
+          name="tooltipContent"
+        />
+
+        <div v-if="tooltipMessage">
+          {{ tooltipMessage }}
+        </div>
+      </div>
     </template>
   </AntButton>
 </template>

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

@@ -20,14 +20,19 @@ type __VLS_Props = {
     tooltipDelay?: number;
     submit?: boolean;
     dataE2e?: string;
+    tooltipMessage?: string;
+    disabledTooltipMessage?: string;
+    invalidPermissionTooltipMessage?: string;
 };
-declare var __VLS_11: {}, __VLS_14: {}, __VLS_16: {};
+declare var __VLS_11: {}, __VLS_14: {}, __VLS_16: {}, __VLS_18: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_11) => any;
 } & {
-    tooltipContent?: (props: typeof __VLS_14) => any;
+    invalidPermissionTooltipContent?: (props: typeof __VLS_14) => any;
 } & {
-    invalidPermissionTooltipContent?: (props: typeof __VLS_16) => any;
+    disabledTooltipContent?: (props: typeof __VLS_16) => any;
+} & {
+    tooltipContent?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur: (...args: any[]) => void;

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

@@ -8,10 +8,20 @@ type __VLS_Props = {
     expanded?: boolean;
     canCreate?: boolean;
     tooltipPosition?: Position;
-    createTooltipMessage?: 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;
     canCreate: 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/CreateButton.vue

@@ -23,8 +23,10 @@ defineProps({
   expanded: { type: Boolean, required: false },
   canCreate: { type: Boolean, required: false, default: true },
   tooltipPosition: { type: String, required: false },
-  createTooltipMessage: { 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>
 
@@ -41,6 +43,9 @@ defineProps({
     :has-permission="canCreate"
     :tooltip-position="tooltipPosition"
     :tooltip-state="tooltipState"
+    :tooltip-message="tooltipMessage"
+    :disabled-tooltip-message="disabledTooltipMessage"
+    :invalid-permission-tooltip-message="invalidPermissionTooltipMessage"
     data-e2e="create-button"
     @click="$emit('click')"
     @blur="$emit('blur')"
@@ -52,16 +57,16 @@ defineProps({
       Erstellen
     </template>
 
-    <template #invalidPermissionTooltipContent>
-      <div>
-        <template v-if="createTooltipMessage">
-          {{ createTooltipMessage }}
-        </template>
+    <template #tooltipContent>
+      <slot name="tooltipContent" />
+    </template>
 
-        <template v-else>
-          Du hast keine Berechtigung um Einträge zu erstellen.<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/CreateButton.vue.d.ts

@@ -8,10 +8,20 @@ type __VLS_Props = {
     expanded?: boolean;
     canCreate?: boolean;
     tooltipPosition?: Position;
-    createTooltipMessage?: 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;
     canCreate: 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/DeleteButton.d.vue.ts

@@ -8,10 +8,20 @@ type __VLS_Props = {
     expanded?: boolean;
     canDelete?: boolean;
     tooltipPosition?: Position;
-    deleteTooltipMessage?: string;
+    tooltipMessage?: string;
+    disabledTooltipMessage?: string;
+    invalidPermissionTooltipMessage?: string;
     tooltipState?: InputState;
 };
-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;
     canDelete: 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/DeleteButton.vue

@@ -23,7 +23,9 @@ defineProps({
   expanded: { type: Boolean, required: false },
   canDelete: { type: Boolean, required: false, default: true },
   tooltipPosition: { type: String, required: false },
-  deleteTooltipMessage: { type: String, required: false },
+  tooltipMessage: { type: String, required: false },
+  disabledTooltipMessage: { type: String, required: false },
+  invalidPermissionTooltipMessage: { type: String, required: false },
   tooltipState: { type: String, required: false }
 });
 </script>
@@ -41,6 +43,9 @@ defineProps({
     :has-permission="canDelete"
     :tooltip-position="tooltipPosition"
     :tooltip-state="tooltipState"
+    :tooltip-message="tooltipMessage"
+    :disabled-tooltip-message="disabledTooltipMessage"
+    :invalid-permission-tooltip-message="invalidPermissionTooltipMessage"
     data-e2e="delete-button"
     @click="$emit('click')"
     @blur="$emit('blur')"
@@ -52,16 +57,16 @@ defineProps({
       Löschen
     </template>
 
-    <template #invalidPermissionTooltipContent>
-      <div>
-        <template v-if="deleteTooltipMessage">
-          {{ deleteTooltipMessage }}
-        </template>
+    <template #tooltipContent>
+      <slot name="tooltipContent" />
+    </template>
 
-        <template v-else>
-          Du hast keine Berechtigung um Einträge zu löschen.<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/DeleteButton.vue.d.ts

@@ -8,10 +8,20 @@ type __VLS_Props = {
     expanded?: boolean;
     canDelete?: boolean;
     tooltipPosition?: Position;
-    deleteTooltipMessage?: string;
+    tooltipMessage?: string;
+    disabledTooltipMessage?: string;
+    invalidPermissionTooltipMessage?: string;
     tooltipState?: InputState;
 };
-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;
     canDelete: 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/DuplicateButton.d.vue.ts

@@ -8,10 +8,20 @@ type __VLS_Props = {
     expanded?: boolean;
     canDuplicate?: boolean;
     tooltipPosition?: Position;
-    duplicateTooltipMessage?: string;
+    tooltipMessage?: string;
+    disabledTooltipMessage?: string;
+    invalidPermissionTooltipMessage?: string;
     tooltipState?: InputState;
 };
-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;
     canDuplicate: 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/DuplicateButton.vue

@@ -23,7 +23,9 @@ defineProps({
   expanded: { type: Boolean, required: false },
   canDuplicate: { type: Boolean, required: false, default: true },
   tooltipPosition: { type: String, required: false },
-  duplicateTooltipMessage: { type: String, required: false },
+  tooltipMessage: { type: String, required: false },
+  disabledTooltipMessage: { type: String, required: false },
+  invalidPermissionTooltipMessage: { type: String, required: false },
   tooltipState: { type: String, required: false }
 });
 </script>
@@ -41,6 +43,9 @@ defineProps({
     :has-permission="canDuplicate"
     :tooltip-position="tooltipPosition"
     :tooltip-state="tooltipState"
+    :tooltip-message="tooltipMessage"
+    :disabled-tooltip-message="disabledTooltipMessage"
+    :invalid-permission-tooltip-message="invalidPermissionTooltipMessage"
     data-e2e="duplicate-button"
     @click="$emit('click')"
     @blur="$emit('blur')"
@@ -52,16 +57,16 @@ defineProps({
       Duplizieren
     </template>
 
-    <template #invalidPermissionTooltipContent>
-      <div>
-        <template v-if="duplicateTooltipMessage">
-          {{ duplicateTooltipMessage }}
-        </template>
+    <template #tooltipContent>
+      <slot name="tooltipContent" />
+    </template>
 
-        <template v-else>
-          Du hast keine Berechtigung um Einträge zu duplizieren.<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/DuplicateButton.vue.d.ts

@@ -8,10 +8,20 @@ type __VLS_Props = {
     expanded?: boolean;
     canDuplicate?: boolean;
     tooltipPosition?: Position;
-    duplicateTooltipMessage?: string;
+    tooltipMessage?: string;
+    disabledTooltipMessage?: string;
+    invalidPermissionTooltipMessage?: string;
     tooltipState?: InputState;
 };
-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;
     canDuplicate: 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/EditButton.d.vue.ts

@@ -8,10 +8,20 @@ type __VLS_Props = {
     expanded?: boolean;
     canEdit?: boolean;
     tooltipPosition?: Position;
-    editTooltipMessage?: string;
+    tooltipMessage?: string;
+    disabledTooltipMessage?: string;
+    invalidPermissionTooltipMessage?: string;
     tooltipState?: InputState;
 };
-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;
     canEdit: 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/EditButton.vue

@@ -23,7 +23,9 @@ defineProps({
   expanded: { type: Boolean, required: false },
   canEdit: { type: Boolean, required: false, default: true },
   tooltipPosition: { type: String, required: false },
-  editTooltipMessage: { type: String, required: false },
+  tooltipMessage: { type: String, required: false },
+  disabledTooltipMessage: { type: String, required: false },
+  invalidPermissionTooltipMessage: { type: String, required: false },
   tooltipState: { type: String, required: false }
 });
 </script>
@@ -41,6 +43,9 @@ defineProps({
     :has-permission="canEdit"
     :tooltip-position="tooltipPosition"
     :tooltip-state="tooltipState"
+    :tooltip-message="tooltipMessage"
+    :disabled-tooltip-message="disabledTooltipMessage"
+    :invalid-permission-tooltip-message="invalidPermissionTooltipMessage"
     data-e2e="edit-button"
     @click="$emit('click')"
     @blur="$emit('blur')"
@@ -52,16 +57,16 @@ defineProps({
       Bearbeiten
     </template>
 
-    <template #invalidPermissionTooltipContent>
-      <div>
-        <template v-if="editTooltipMessage">
-          {{ editTooltipMessage }}
-        </template>
+    <template #tooltipContent>
+      <slot name="tooltipContent" />
+    </template>
 
-        <template v-else>
-          Du hast keine Berechtigung um Einträge zu bearbeiten.<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/EditButton.vue.d.ts

@@ -8,10 +8,20 @@ type __VLS_Props = {
     expanded?: boolean;
     canEdit?: boolean;
     tooltipPosition?: Position;
-    editTooltipMessage?: string;
+    tooltipMessage?: string;
+    disabledTooltipMessage?: string;
+    invalidPermissionTooltipMessage?: string;
     tooltipState?: InputState;
 };
-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;
     canEdit: 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/SaveAndNewButton.d.vue.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/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/CrudTableFilter.vue

@@ -129,7 +129,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"

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,12 +1,14 @@
 {
   "name": "@antify/template-module",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "exports": {
     ".": {
       "types": "./dist/module.d.mts",
-      "import": "./dist/module.mjs"
-    }
+      "import": "./dist/module.mjs",
+      "style": "./dist/runtime/index.css"
+    },
+    "./style.css": "./dist/runtime/index.css"
   },
   "main": "./dist/module.mjs",
   "types": "./dist/module.d.mts",
@@ -31,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",