@dpa-id-components/dpa-shared-components 8.9.7 → 8.10.3

package/README.md

@@ -116,6 +116,8 @@ npm run build
 
 before linking or otherwise you wouldn't have a dist folder.
 
+If linking doesn't seem to work, you can try to clear your vite-cache by deleting the `node_modules/.vite` folder
+
 ## SVG icons
 
 To add SVG icons, just copy the .svg file to `./src/assets/icons`. Preferably you add the filename also to

package/dist/components/DpaEventItem/DpaEventItem.stories.d.ts

@@ -5,84 +5,67 @@ declare const meta: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
-            $props: Partial<{
-                dateDetail: string;
-                location: string | null;
-                comments: string | null;
-                partnerText: string | null;
-                isPartnerTextVisible: boolean;
-                topEntry: boolean;
-                description: string;
-                truncateTitle: boolean;
-            }> & Omit<{
+            $props: {
+                dateDetail?: string | undefined;
+                location?: string | null | undefined;
+                comments?: string | null | undefined;
+                partnerText?: string | null | undefined;
+                isPartnerTextVisible?: boolean | undefined;
+                topEntry?: boolean | undefined;
+                description?: string | undefined;
+                truncateTitle?: boolean | undefined;
                 readonly view: "compact" | "standard" | "preview";
+                class?: unknown;
+                style?: unknown;
                 readonly title: string;
+                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
                 readonly date: string;
-                readonly dateDetail: string;
-                readonly location: string | null;
                 readonly noticeType: {
                     iconName: "event" | "topic";
                     displayText: string;
                 };
-                readonly comments: string | null;
-                readonly partnerText: string | null;
-                readonly isPartnerTextVisible: boolean;
-                readonly topEntry: boolean;
-                readonly description: string;
-                readonly truncateTitle: boolean;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                view: {
-                    type: import("vue").PropType<"compact" | "standard" | "preview">;
-                    required: true;
-                };
-                title: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                date: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                dateDetail: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                location: {
-                    type: import("vue").PropType<string | null>;
-                    default: null;
-                };
-                noticeType: {
-                    type: import("vue").PropType<{
-                        iconName: "event" | "topic";
-                        displayText: string;
-                    }>;
-                    required: true;
-                };
-                comments: {
-                    type: import("vue").PropType<string | null>;
-                    default: null;
-                };
-                partnerText: {
-                    type: import("vue").PropType<string | null>;
-                    default: null;
-                };
-                isPartnerTextVisible: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                topEntry: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                description: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                truncateTitle: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-            }>>, "dateDetail" | "location" | "comments" | "partnerText" | "isPartnerTextVisible" | "topEntry" | "description" | "truncateTitle">;
+            };
             $attrs: {
                 [x: string]: unknown;
             };
@@ -380,84 +363,67 @@ declare const meta: {
                 new (...args: any[]): {
                     $: import("vue").ComponentInternalInstance;
                     $data: {};
-                    $props: Partial<{
-                        dateDetail: string;
-                        location: string | null;
-                        comments: string | null;
-                        partnerText: string | null;
-                        isPartnerTextVisible: boolean;
-                        topEntry: boolean;
-                        description: string;
-                        truncateTitle: boolean;
-                    }> & Omit<{
+                    $props: {
+                        dateDetail?: string | undefined;
+                        location?: string | null | undefined;
+                        comments?: string | null | undefined;
+                        partnerText?: string | null | undefined;
+                        isPartnerTextVisible?: boolean | undefined;
+                        topEntry?: boolean | undefined;
+                        description?: string | undefined;
+                        truncateTitle?: boolean | undefined;
                         readonly view: "compact" | "standard" | "preview";
+                        class?: unknown;
+                        style?: unknown;
                         readonly title: string;
+                        key?: string | number | symbol | undefined;
+                        ref?: import("vue").VNodeRef | undefined;
+                        ref_for?: boolean | undefined;
+                        ref_key?: string | undefined;
+                        onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
                         readonly date: string;
-                        readonly dateDetail: string;
-                        readonly location: string | null;
                         readonly noticeType: {
                             iconName: "event" | "topic";
                             displayText: string;
                         };
-                        readonly comments: string | null;
-                        readonly partnerText: string | null;
-                        readonly isPartnerTextVisible: boolean;
-                        readonly topEntry: boolean;
-                        readonly description: string;
-                        readonly truncateTitle: boolean;
-                    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                        view: {
-                            type: import("vue").PropType<"compact" | "standard" | "preview">;
-                            required: true;
-                        };
-                        title: {
-                            type: import("vue").PropType<string>;
-                            required: true;
-                        };
-                        date: {
-                            type: import("vue").PropType<string>;
-                            required: true;
-                        };
-                        dateDetail: {
-                            type: import("vue").PropType<string>;
-                            default: string;
-                        };
-                        location: {
-                            type: import("vue").PropType<string | null>;
-                            default: null;
-                        };
-                        noticeType: {
-                            type: import("vue").PropType<{
-                                iconName: "event" | "topic";
-                                displayText: string;
-                            }>;
-                            required: true;
-                        };
-                        comments: {
-                            type: import("vue").PropType<string | null>;
-                            default: null;
-                        };
-                        partnerText: {
-                            type: import("vue").PropType<string | null>;
-                            default: null;
-                        };
-                        isPartnerTextVisible: {
-                            type: import("vue").PropType<boolean>;
-                            default: boolean;
-                        };
-                        topEntry: {
-                            type: import("vue").PropType<boolean>;
-                            default: boolean;
-                        };
-                        description: {
-                            type: import("vue").PropType<string>;
-                            default: string;
-                        };
-                        truncateTitle: {
-                            type: import("vue").PropType<boolean>;
-                            default: boolean;
-                        };
-                    }>>, "dateDetail" | "location" | "comments" | "partnerText" | "isPartnerTextVisible" | "topEntry" | "description" | "truncateTitle">;
+                    };
                     $attrs: {
                         [x: string]: unknown;
                     };
@@ -681,34 +647,56 @@ declare const meta: {
                 new (...args: any[]): {
                     $: import("vue").ComponentInternalInstance;
                     $data: {};
-                    $props: Partial<{
-                        size: "small" | "medium" | "large" | "xl";
-                        fill: string;
-                        color: string;
-                        iconIsFilled: boolean;
-                    }> & Omit<{
-                        readonly size: "small" | "medium" | "large" | "xl";
-                        readonly fill: string;
-                        readonly color: string;
-                        readonly iconIsFilled: boolean;
-                    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                        size: {
-                            type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
-                            default: string;
-                        };
-                        fill: {
-                            type: import("vue").PropType<string>;
-                            default: string;
-                        };
-                        color: {
-                            type: import("vue").PropType<string>;
-                            default: string;
-                        };
-                        iconIsFilled: {
-                            type: import("vue").PropType<boolean>;
-                            default: boolean;
-                        };
-                    }>>, "size" | "fill" | "color" | "iconIsFilled">;
+                    $props: {
+                        size?: "small" | "medium" | "large" | "xl" | undefined;
+                        fill?: string | undefined;
+                        color?: string | undefined;
+                        iconIsFilled?: boolean | undefined;
+                        class?: unknown;
+                        style?: unknown;
+                        key?: string | number | symbol | undefined;
+                        ref?: import("vue").VNodeRef | undefined;
+                        ref_for?: boolean | undefined;
+                        ref_key?: string | undefined;
+                        onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                    };
                     $attrs: {
                         [x: string]: unknown;
                     };
@@ -877,52 +865,59 @@ declare const meta: {
                 new (...args: any[]): {
                     $: import("vue").ComponentInternalInstance;
                     $data: {};
-                    $props: Partial<{
-                        text: string;
-                        small: boolean;
-                        trim: boolean;
-                        color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
-                        iconName: string | null;
-                        mobileTrim: boolean;
-                        screenReaderText: string;
-                    }> & Omit<{
-                        readonly small: boolean;
-                        readonly trim: boolean;
-                        readonly color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
-                        readonly iconName: string | null;
-                        readonly mobileTrim: boolean;
-                        readonly screenReaderText: string;
-                        readonly text?: string | undefined;
-                    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                        text: {
-                            type: import("vue").PropType<string>;
-                            default: undefined;
-                        };
-                        small: {
-                            type: import("vue").PropType<boolean>;
-                            default: boolean;
-                        };
-                        trim: {
-                            type: import("vue").PropType<boolean>;
-                            default: boolean;
-                        };
-                        color: {
-                            type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
-                            default: string;
-                        };
-                        iconName: {
-                            type: import("vue").PropType<string | null>;
-                            default: null;
-                        };
-                        mobileTrim: {
-                            type: import("vue").PropType<boolean>;
-                            default: boolean;
-                        };
-                        screenReaderText: {
-                            type: import("vue").PropType<string>;
-                            default: string;
-                        };
-                    }>>, "text" | "small" | "trim" | "color" | "iconName" | "mobileTrim" | "screenReaderText">;
+                    $props: {
+                        text?: string | undefined;
+                        small?: boolean | undefined;
+                        trim?: boolean | undefined;
+                        color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green" | undefined;
+                        iconName?: string | null | undefined;
+                        mobileTrim?: boolean | undefined;
+                        screenReaderText?: string | undefined;
+                        class?: unknown;
+                        style?: unknown;
+                        key?: string | number | symbol | undefined;
+                        ref?: import("vue").VNodeRef | undefined;
+                        ref_for?: boolean | undefined;
+                        ref_key?: string | undefined;
+                        onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                    };
                     $attrs: {
                         [x: string]: unknown;
                     };