@muenchen/muc-patternlab-vue 1.13.0-beta.3 → 1.13.0-beta.4

package/dist/components/Form/MucInput.stories.d.ts

@@ -1,7 +1,6 @@
 declare const _default: {
     component: {
         new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
-            modelValue: import('vue').PropType<string>;
             type: {
                 type: import('vue').PropType<"color" | "search" | "text" | "date" | "datetime-local" | "password">;
                 default: string;
@@ -16,7 +15,7 @@ declare const _default: {
             label: {
                 type: import('vue').PropType<string>;
             };
-            hint: {
+            modelValue: {
                 type: import('vue').PropType<string>;
             };
             errorMsg: {
@@ -25,15 +24,19 @@ declare const _default: {
             placeholder: {
                 type: import('vue').PropType<string>;
             };
+            hint: {
+                type: import('vue').PropType<string>;
+            };
             suffixIcon: {
                 type: import('vue').PropType<string>;
             };
         }>> & {
+            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
             onSuffixClick?: (() => any) | undefined;
         }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (modelValue: string) => void;
             suffixClick: () => void;
         }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
-            modelValue: import('vue').PropType<string>;
             type: {
                 type: import('vue').PropType<"color" | "search" | "text" | "date" | "datetime-local" | "password">;
                 default: string;
@@ -48,7 +51,7 @@ declare const _default: {
             label: {
                 type: import('vue').PropType<string>;
             };
-            hint: {
+            modelValue: {
                 type: import('vue').PropType<string>;
             };
             errorMsg: {
@@ -57,10 +60,14 @@ declare const _default: {
             placeholder: {
                 type: import('vue').PropType<string>;
             };
+            hint: {
+                type: import('vue').PropType<string>;
+            };
             suffixIcon: {
                 type: import('vue').PropType<string>;
             };
         }>> & {
+            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
             onSuffixClick?: (() => any) | undefined;
         }, {
             type: "color" | "search" | "text" | "date" | "datetime-local" | "password";
@@ -73,7 +80,6 @@ declare const _default: {
             M: {};
             Defaults: {};
         }, Readonly<import('vue').ExtractPropTypes<{
-            modelValue: import('vue').PropType<string>;
             type: {
                 type: import('vue').PropType<"color" | "search" | "text" | "date" | "datetime-local" | "password">;
                 default: string;
@@ -88,7 +94,7 @@ declare const _default: {
             label: {
                 type: import('vue').PropType<string>;
             };
-            hint: {
+            modelValue: {
                 type: import('vue').PropType<string>;
             };
             errorMsg: {
@@ -97,10 +103,14 @@ declare const _default: {
             placeholder: {
                 type: import('vue').PropType<string>;
             };
+            hint: {
+                type: import('vue').PropType<string>;
+            };
             suffixIcon: {
                 type: import('vue').PropType<string>;
             };
         }>> & {
+            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
             onSuffixClick?: (() => any) | undefined;
         }, {}, {}, {}, {}, {
             type: "color" | "search" | "text" | "date" | "datetime-local" | "password";
@@ -110,7 +120,6 @@ declare const _default: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        modelValue: import('vue').PropType<string>;
         type: {
             type: import('vue').PropType<"color" | "search" | "text" | "date" | "datetime-local" | "password">;
             default: string;
@@ -125,7 +134,7 @@ declare const _default: {
         label: {
             type: import('vue').PropType<string>;
         };
-        hint: {
+        modelValue: {
             type: import('vue').PropType<string>;
         };
         errorMsg: {
@@ -134,12 +143,17 @@ declare const _default: {
         placeholder: {
             type: import('vue').PropType<string>;
         };
+        hint: {
+            type: import('vue').PropType<string>;
+        };
         suffixIcon: {
             type: import('vue').PropType<string>;
         };
     }>> & {
+        "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
         onSuffixClick?: (() => any) | undefined;
     }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (modelValue: string) => void;
         suffixClick: () => void;
     }, string, {
         type: "color" | "search" | "text" | "date" | "datetime-local" | "password";

package/dist/components/Form/MucInput.vue.d.ts

@@ -2,6 +2,43 @@
  * Type includes all possible input types possible.
  */
 type inputType = "text" | "password" | "color" | "search" | "date" | "datetime-local";
+declare let __VLS_typeProps: {
+    /**
+     * Displays error message and highlights the input form with a red border.
+     */
+    errorMsg?: string;
+    /**
+     * Placeholder for empty input form.
+     */
+    placeholder?: string;
+    /**
+     * Sets this input form as required. Default is wrong.
+     */
+    required?: boolean;
+    /**
+     * Displays a label above the form component.
+     */
+    label?: string;
+    /**
+     * Displays a hint beneath the form component.
+     */
+    hint?: string;
+    /**
+     * Sets the type of this form component. This can be text, password, color, date or datetime-local.
+     */
+    type?: inputType;
+    /**
+     * Options for the form component. Type must set to 'search'.
+     */
+    datalist?: string[];
+    /**
+     * Icon to be displayed as a suffix at the end of the input.
+     */
+    suffixIcon?: string;
+};
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & typeof __VLS_typeProps;
 declare function __VLS_template(): Readonly<{
     /**
      * Slot in front of the user input with divider.
@@ -13,65 +50,19 @@ declare function __VLS_template(): Readonly<{
      */
     prefix(): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<{
-    modelValue: import('vue').PropType<string>;
-    type: {
-        type: import('vue').PropType<inputType>;
-        default: string;
-    };
-    required: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    datalist: {
-        type: import('vue').PropType<string[]>;
-    };
-    label: {
-        type: import('vue').PropType<string>;
-    };
-    hint: {
-        type: import('vue').PropType<string>;
-    };
-    errorMsg: {
-        type: import('vue').PropType<string>;
-    };
-    placeholder: {
-        type: import('vue').PropType<string>;
-    };
-    suffixIcon: {
-        type: import('vue').PropType<string>;
-    };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    required: boolean;
+    type: string;
+    dataList: never[];
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: string) => void;
     suffixClick: () => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<string>;
-    type: {
-        type: import('vue').PropType<inputType>;
-        default: string;
-    };
-    required: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    datalist: {
-        type: import('vue').PropType<string[]>;
-    };
-    label: {
-        type: import('vue').PropType<string>;
-    };
-    hint: {
-        type: import('vue').PropType<string>;
-    };
-    errorMsg: {
-        type: import('vue').PropType<string>;
-    };
-    placeholder: {
-        type: import('vue').PropType<string>;
-    };
-    suffixIcon: {
-        type: import('vue').PropType<string>;
-    };
-}>> & {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    required: boolean;
+    type: string;
+    dataList: never[];
+}>>> & {
+    "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
     onSuffixClick?: (() => any) | undefined;
 }, {
     type: inputType;
@@ -79,8 +70,25 @@ declare const __VLS_component: import('vue').DefineComponent<{
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/Form/MucRadioButton.stories.d.ts

@@ -7,13 +7,13 @@ declare const _default: {
             type: import('vue').PropType<string>;
             required: true;
         };
-        hint: {
-            type: import('vue').PropType<string>;
-        };
         disabled: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        hint: {
+            type: import('vue').PropType<string>;
+        };
     }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         label: {
             type: import('vue').PropType<string>;
@@ -22,13 +22,13 @@ declare const _default: {
             type: import('vue').PropType<string>;
             required: true;
         };
-        hint: {
-            type: import('vue').PropType<string>;
-        };
         disabled: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        hint: {
+            type: import('vue').PropType<string>;
+        };
     }>>, {
         disabled: boolean;
     }, {}>;
@@ -53,13 +53,13 @@ export declare const Default: () => {
                 type: import('vue').PropType<string>;
                 required: true;
             };
-            hint: {
-                type: import('vue').PropType<string>;
-            };
             disabled: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
+            hint: {
+                type: import('vue').PropType<string>;
+            };
         }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             label: {
                 type: import('vue').PropType<string>;
@@ -68,41 +68,48 @@ export declare const Default: () => {
                 type: import('vue').PropType<string>;
                 required: true;
             };
-            hint: {
-                type: import('vue').PropType<string>;
-            };
             disabled: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
+            hint: {
+                type: import('vue').PropType<string>;
+            };
         }>>, {
             disabled: boolean;
         }, {}>;
         MucRadioButtonGroup: {
             new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
-                modelValue: import('vue').PropType<import('./MucRadioButtonTypes').RadioButtonValueTypes>;
                 disabled: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import('vue').PropType<import('./MucRadioButtonTypes').RadioButtonValueTypes>;
+                };
                 heading: {
                     type: import('vue').PropType<string>;
                 };
             }>> & {
                 onChange?: ((value: import('./MucRadioButtonTypes').RadioButtonValueTypes) => any) | undefined;
+                "onUpdate:modelValue"?: ((modelValue: import('./MucRadioButtonTypes').RadioButtonValueTypes) => any) | undefined;
             }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (modelValue: import('./MucRadioButtonTypes').RadioButtonValueTypes) => void;
                 change: (value: import('./MucRadioButtonTypes').RadioButtonValueTypes) => void;
             }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
-                modelValue: import('vue').PropType<import('./MucRadioButtonTypes').RadioButtonValueTypes>;
                 disabled: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import('vue').PropType<import('./MucRadioButtonTypes').RadioButtonValueTypes>;
+                };
                 heading: {
                     type: import('vue').PropType<string>;
                 };
             }>> & {
                 onChange?: ((value: import('./MucRadioButtonTypes').RadioButtonValueTypes) => any) | undefined;
+                "onUpdate:modelValue"?: ((modelValue: import('./MucRadioButtonTypes').RadioButtonValueTypes) => any) | undefined;
             }, {
                 disabled: boolean;
             }, true, {}, {}, {
@@ -113,16 +120,19 @@ export declare const Default: () => {
                 M: {};
                 Defaults: {};
             }, Readonly<import('vue').ExtractPropTypes<{
-                modelValue: import('vue').PropType<import('./MucRadioButtonTypes').RadioButtonValueTypes>;
                 disabled: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
+                modelValue: {
+                    type: import('vue').PropType<import('./MucRadioButtonTypes').RadioButtonValueTypes>;
+                };
                 heading: {
                     type: import('vue').PropType<string>;
                 };
             }>> & {
                 onChange?: ((value: import('./MucRadioButtonTypes').RadioButtonValueTypes) => any) | undefined;
+                "onUpdate:modelValue"?: ((modelValue: import('./MucRadioButtonTypes').RadioButtonValueTypes) => any) | undefined;
             }, {}, {}, {}, {}, {
                 disabled: boolean;
             }>;
@@ -130,17 +140,21 @@ export declare const Default: () => {
             __isTeleport?: never;
             __isSuspense?: never;
         } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-            modelValue: import('vue').PropType<import('./MucRadioButtonTypes').RadioButtonValueTypes>;
             disabled: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
+            modelValue: {
+                type: import('vue').PropType<import('./MucRadioButtonTypes').RadioButtonValueTypes>;
+            };
             heading: {
                 type: import('vue').PropType<string>;
             };
         }>> & {
             onChange?: ((value: import('./MucRadioButtonTypes').RadioButtonValueTypes) => any) | undefined;
+            "onUpdate:modelValue"?: ((modelValue: import('./MucRadioButtonTypes').RadioButtonValueTypes) => any) | undefined;
         }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (modelValue: import('./MucRadioButtonTypes').RadioButtonValueTypes) => void;
             change: (value: import('./MucRadioButtonTypes').RadioButtonValueTypes) => void;
         }, string, {
             disabled: boolean;

package/dist/components/Form/MucRadioButton.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /**
      * value for this radiobutton
      */
@@ -17,7 +17,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled?: boolean;
 }>, {
     disabled: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /**
      * value for this radiobutton
      */
@@ -40,15 +40,6 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
 }, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
@@ -57,3 +48,12 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/Form/MucRadioButtonGroup.vue.d.ts

@@ -1,37 +1,54 @@
 import { RadioButtonValueTypes } from './MucRadioButtonTypes';
-
+declare let __VLS_typeProps: {
+    /**
+     * Optional heading above all radiobuttons as a group heading
+     */
+    heading?: string;
+    /**
+     * Optionally disable all child radiobuttons - defaults to 'false'
+     */
+    disabled?: boolean;
+};
+type __VLS_PublicProps = {
+    "modelValue"?: RadioButtonValueTypes;
+} & typeof __VLS_typeProps;
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<{
-    modelValue: import('vue').PropType<RadioButtonValueTypes>;
-    disabled: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    heading: {
-        type: import('vue').PropType<string>;
-    };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    disabled: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: RadioButtonValueTypes) => void;
     change: (value: RadioButtonValueTypes) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<RadioButtonValueTypes>;
-    disabled: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    heading: {
-        type: import('vue').PropType<string>;
-    };
-}>> & {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    disabled: boolean;
+}>>> & {
     onChange?: ((value: RadioButtonValueTypes) => any) | undefined;
+    "onUpdate:modelValue"?: ((modelValue: RadioButtonValueTypes) => any) | undefined;
 }, {
     disabled: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/Form/MucRadioButtonTypes.d.ts

@@ -1,5 +1,4 @@
 import { InjectionKey, Ref } from 'vue';
-
 /**
  * Key for inject and provide
  *

package/dist/components/Form/MucSelect.stories.d.ts

@@ -1,9 +1,11 @@
 declare const _default: {
     component: import('vue').DefineComponent<{
-        modelValue: import('vue').PropType<string | string[]>;
         label: {
             type: import('vue').PropType<string>;
         };
+        modelValue: {
+            type: import('vue').PropType<string | string[]>;
+        };
         hint: {
             type: import('vue').PropType<string>;
         };
@@ -15,11 +17,19 @@ declare const _default: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        modelValue: import('vue').PropType<string | string[]>;
+        noItemFoundMessage: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (modelValue: string | string[]) => void;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         label: {
             type: import('vue').PropType<string>;
         };
+        modelValue: {
+            type: import('vue').PropType<string | string[]>;
+        };
         hint: {
             type: import('vue').PropType<string>;
         };
@@ -31,8 +41,15 @@ declare const _default: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-    }>>, {
+        noItemFoundMessage: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((modelValue: string | string[]) => any) | undefined;
+    }, {
         multiple: boolean;
+        noItemFoundMessage: string;
     }, {}>;
     title: string;
     tags: string[];