@erst-vg/vg-design-wrapper 1.0.12 → 2.0.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+### 2.0.1 (December 2025)
+
+- Mindre designjusteringer til accordions.
+- Rettelse af tekst i loginknap. 
+
+### 2.0.0 (Oktober 2025)
+
+- BREAKING: Opgradering af Vue, TypeScript og SCSS.
+- Eksporterer utility.scss i node_modules til brug af applikationer.
+  - Giver adgang til farvevariable og media-query mixins.
+  - Kan benyttes med `@use '@erst-vg/vg-design-wrapper/styles/utility' as *;`
+
 ### 1.0.11 (Juni 2025)
 
 - Mindre designjusteringer til VgLoginButton.vue

package/dist/src/App.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/VgDesign.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "icon-list": (...args: any[]) => void;
-}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     "onIcon-list"?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/components/VgAccordion.vue.d.ts

@@ -13,7 +13,7 @@ declare function __VLS_template(): {
         index: number;
     }): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<{
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     accordions: {
         type: PropType<any>;
         default: null;
@@ -31,10 +31,10 @@ declare const __VLS_component: import('vue').DefineComponent<{
         type: PropType<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
         default: string;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     toggle: (...args: any[]) => void;
     "toggle-bulk": (...args: any[]) => void;
-}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     accordions: {
         type: PropType<any>;
         default: null;
@@ -52,15 +52,15 @@ declare const __VLS_component: import('vue').DefineComponent<{
         type: PropType<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     onToggle?: ((...args: any[]) => any) | undefined;
     "onToggle-bulk"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     accordions: any;
     id: string;
     bulk: boolean;
     heading: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 

package/dist/src/components/VgButton.vue.d.ts

@@ -1,21 +1,21 @@
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<{
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     icon: {
         type: StringConstructor;
         required: false;
         default: string;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     icon: {
         type: StringConstructor;
         required: false;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     icon: string;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/src/components/VgButtons.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/components/VgCard.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 declare function __VLS_template(): {
     text?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<{
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     billede: {
         type: PropType<{
             url: string;
@@ -34,7 +34,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
         }>;
         required: true;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     billede: {
         type: PropType<{
             url: string;
@@ -66,7 +66,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
         }>;
         required: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     label: string;
     billede: {
         url: string;
@@ -74,7 +74,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     };
     showBilleder: boolean;
     linkText: string;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/src/components/VgCardGroup.vue.d.ts

@@ -1,21 +1,21 @@
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<{
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     titel: {
         type: StringConstructor;
         required: false;
         default: undefined;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     titel: {
         type: StringConstructor;
         required: false;
         default: undefined;
     };
-}>>, {
+}>> & Readonly<{}>, {
     titel: string;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/src/components/VgDesignWrapper.vue.d.ts

@@ -1,7 +1,7 @@
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/src/components/VgIcon.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     icon: {
         type: StringConstructor;
         required: true;
@@ -11,7 +11,7 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     icon: {
         type: StringConstructor;
         required: true;
@@ -24,8 +24,8 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
-}>>, {
+}>> & Readonly<{}>, {
     focusable: string;
     title: string;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/components/VgKalturaVideo.vue.d.ts

@@ -0,0 +1,39 @@
+declare function __VLS_template(): {
+    preview?(_: {
+        thumbnailUrl: string;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        required: true;
+    };
+    playVideo: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        required: true;
+    };
+    playVideo: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/VgListe.vue.d.ts

@@ -3,7 +3,7 @@ declare function __VLS_template(): {
     default?(_: {}): any;
     spinner?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<{
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     titel: {
         type: StringConstructor;
         required: false;
@@ -21,9 +21,9 @@ declare const __VLS_component: import('vue').DefineComponent<{
         type: PropType<any>;
         required: true;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "load-slice": (...args: any[]) => void;
-}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     titel: {
         type: StringConstructor;
         required: false;
@@ -41,12 +41,12 @@ declare const __VLS_component: import('vue').DefineComponent<{
         type: PropType<any>;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     "onLoad-slice"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     titel: string;
     useSpinner: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/src/components/VgListeCard.vue.d.ts

@@ -1,7 +1,7 @@
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<{
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     label: {
         type: StringConstructor;
         required: false;
@@ -11,7 +11,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     label: {
         type: StringConstructor;
         required: false;
@@ -21,9 +21,9 @@ declare const __VLS_component: import('vue').DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     label: string;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/src/components/VgLoginButton.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/components/VgPagination.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     currentPage: {
         type: NumberConstructor;
         required: true;
@@ -7,9 +7,9 @@ declare const _default: import('vue').DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     toPage: (...args: any[]) => void;
-}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     currentPage: {
         type: NumberConstructor;
         required: true;
@@ -18,7 +18,7 @@ declare const _default: import('vue').DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     onToPage?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/components/VgVideo.vue.d.ts

@@ -0,0 +1,28 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        required: true;
+    };
+    cookiebanner: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        required: true;
+    };
+    cookiebanner: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/VgVideoToolVideo.vue.d.ts

@@ -0,0 +1,39 @@
+declare function __VLS_template(): {
+    preview?(_: {
+        thumbnailUrl: string;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        required: true;
+    };
+    playVideo: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        required: true;
+    };
+    playVideo: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/VgVimeoVideo.vue.d.ts

@@ -0,0 +1,39 @@
+declare function __VLS_template(): {
+    preview?(_: {
+        thumbnailUrl: string;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        required: true;
+    };
+    playVideo: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        required: true;
+    };
+    playVideo: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/index.d.ts

@@ -9,4 +9,5 @@ import { default as VgListe } from './components/VgListe.vue';
 import { default as VgListeCard } from './components/VgListeCard.vue';
 import { default as VgLoginButton } from './components/VgLoginButton.vue';
 import { default as VgPagination } from './components/VgPagination.vue';
-export { VgAccordion, VgButton, VgButtons, VgCard, VgCardGroup, VgDesignWrapper, VgIcon, VgListe, VgListeCard, VgLoginButton, VgPagination };
+import { default as VgVideo } from './components/VgVideo.vue';
+export { VgAccordion, VgButton, VgButtons, VgCard, VgCardGroup, VgDesignWrapper, VgIcon, VgListe, VgListeCard, VgLoginButton, VgPagination, VgVideo };

package/dist/tests/unit/components/VgKalturaVideo.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/unit/components/VgVideo.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/unit/components/VgVideoToolVideo.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/unit/components/VgVimeoVideo.spec.d.ts

@@ -0,0 +1 @@
+export {};