@muenchen/muc-patternlab-vue 1.13.0-beta.7 → 1.13.0-beta.8

package/components/Form/MucCheckboxGroup.stories.d.ts

@@ -0,0 +1,188 @@
+declare const _default: {
+    components: {
+        MucCheckboxGroup: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                heading?: string;
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
+                heading?: string;
+            }> & Readonly<{}>, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                heading?: string;
+            }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<{
+            heading?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: Readonly<{
+                checkboxes(): any;
+                collapsableCheckboxes(): any;
+            }> & {
+                checkboxes(): any;
+                collapsableCheckboxes(): any;
+            };
+        });
+        MucCheckbox: import('vue').DefineComponent<{
+            modelValue?: boolean;
+        } & {
+            label: string;
+        }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (modelValue: boolean) => any;
+        } & {
+            click: () => any;
+        }, string, import('vue').PublicProps, Readonly<{
+            modelValue?: boolean;
+        } & {
+            label: string;
+        }> & Readonly<{
+            onClick?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    };
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            heading?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
+            heading?: string;
+        }> & Readonly<{}>, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            heading?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        heading?: string;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Readonly<{
+            checkboxes(): any;
+            collapsableCheckboxes(): any;
+        }> & {
+            checkboxes(): any;
+            collapsableCheckboxes(): any;
+        };
+    });
+    title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const NotCollapsable: () => {
+    components: {
+        MucCheckbox: import('vue').DefineComponent<{
+            modelValue?: boolean;
+        } & {
+            label: string;
+        }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (modelValue: boolean) => any;
+        } & {
+            click: () => any;
+        }, string, import('vue').PublicProps, Readonly<{
+            modelValue?: boolean;
+        } & {
+            label: string;
+        }> & Readonly<{
+            onClick?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        MucCheckboxGroup: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                heading?: string;
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
+                heading?: string;
+            }> & Readonly<{}>, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                heading?: string;
+            }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<{
+            heading?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: Readonly<{
+                checkboxes(): any;
+                collapsableCheckboxes(): any;
+            }> & {
+                checkboxes(): any;
+                collapsableCheckboxes(): any;
+            };
+        });
+    };
+    template: string;
+};
+export declare const Collapsable: () => {
+    components: {
+        MucCheckbox: import('vue').DefineComponent<{
+            modelValue?: boolean;
+        } & {
+            label: string;
+        }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (modelValue: boolean) => any;
+        } & {
+            click: () => any;
+        }, string, import('vue').PublicProps, Readonly<{
+            modelValue?: boolean;
+        } & {
+            label: string;
+        }> & Readonly<{
+            onClick?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        MucCheckboxGroup: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                heading?: string;
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
+                heading?: string;
+            }> & Readonly<{}>, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                heading?: string;
+            }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<{
+            heading?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: Readonly<{
+                checkboxes(): any;
+                collapsableCheckboxes(): any;
+            }> & {
+                checkboxes(): any;
+                collapsableCheckboxes(): any;
+            };
+        });
+    };
+    template: string;
+};

package/components/Form/MucCheckboxGroup.vue.d.ts

@@ -0,0 +1,42 @@
+declare function __VLS_template(): {
+    slots: Readonly<{
+        /**
+         * Slot directly beneath the heading which will be displayed at all times.
+         */
+        checkboxes(): any;
+        /**
+         * Slot beneath the regular checkbox slot which will be collapsed at first.
+         */
+        collapsableCheckboxes(): any;
+    }> & {
+        /**
+         * Slot directly beneath the heading which will be displayed at all times.
+         */
+        checkboxes(): any;
+        /**
+         * Slot beneath the regular checkbox slot which will be collapsed at first.
+         */
+        collapsableCheckboxes(): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    /**
+     * Display a heading above the slots.
+     */
+    heading?: string;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    /**
+     * Display a heading above the slots.
+     */
+    heading?: string;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Form/MucCounter.stories.d.ts

@@ -0,0 +1,63 @@
+declare const _default: {
+    component: import('vue').DefineComponent<{
+        modelValue?: number;
+    } & {
+        label: string;
+        min?: number;
+        max?: number;
+        link?: string;
+        disabled?: boolean;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (modelValue: number) => any;
+    }, string, import('vue').PublicProps, Readonly<{
+        modelValue?: number;
+    } & {
+        label: string;
+        min?: number;
+        max?: number;
+        link?: string;
+        disabled?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
+    }>, {
+        disabled: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        modelValue: number;
+        label: string;
+    };
+};
+export declare const MinAndMax: {
+    args: {
+        modelValue: number;
+        min: number;
+        max: number;
+        label: string;
+    };
+};
+export declare const Link: {
+    args: {
+        link: string;
+        modelValue: number;
+        label: string;
+    };
+};
+export declare const Disabled: {
+    args: {
+        disabled: boolean;
+        modelValue: number;
+        label: string;
+    };
+};

package/components/Form/MucCounter.vue.d.ts

@@ -0,0 +1,33 @@
+declare let __VLS_typeProps: {
+    /**
+     * Label shown after the counter
+     */
+    label: string;
+    /**
+     * Optional minimum of counter
+     */
+    min?: number;
+    /**
+     * Optional maximum of counter
+     */
+    max?: number;
+    /**
+     * Optional link for label
+     */
+    link?: string;
+    /**
+     * Optionally disable this specific counter
+     */
+    disabled?: boolean;
+};
+type __VLS_PublicProps = {
+    modelValue?: number;
+} & typeof __VLS_typeProps;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/components/Form/MucErrorList.stories.d.ts

@@ -0,0 +1,31 @@
+declare const _default: {
+    component: import('vue').DefineComponent<{
+        title?: string;
+        errors: string | string[];
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        title?: string;
+        errors: string | string[];
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        title: string;
+        errors: string;
+    };
+};
+export declare const Multiple: {
+    args: {
+        title: string;
+        errors: string[];
+    };
+};

package/components/Form/MucErrorList.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<{
+    title?: string;
+    errors: string | string[];
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    title?: string;
+    errors: string | string[];
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,165 @@
+declare const _default: {
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue?: string;
+        } & {
+            errorMsg?: string;
+            placeholder?: string;
+            required?: boolean;
+            label?: string;
+            hint?: string;
+            type?: "color" | "text" | "search" | "date" | "datetime-local" | "password";
+            datalist?: string[];
+            suffixIcon?: string;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+            onSuffixClick?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (modelValue: string) => any;
+        } & {
+            suffixClick: () => any;
+        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
+            modelValue?: string;
+        } & {
+            errorMsg?: string;
+            placeholder?: string;
+            required?: boolean;
+            label?: string;
+            hint?: string;
+            type?: "color" | "text" | "search" | "date" | "datetime-local" | "password";
+            datalist?: string[];
+            suffixIcon?: string;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+            onSuffixClick?: (() => any) | undefined;
+        }>, {
+            type: "color" | "text" | "search" | "date" | "datetime-local" | "password";
+            required: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            modelValue?: string;
+        } & {
+            errorMsg?: string;
+            placeholder?: string;
+            required?: boolean;
+            label?: string;
+            hint?: string;
+            type?: "color" | "text" | "search" | "date" | "datetime-local" | "password";
+            datalist?: string[];
+            suffixIcon?: string;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+            onSuffixClick?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            type: "color" | "text" | "search" | "date" | "datetime-local" | "password";
+            required: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        modelValue?: string;
+    } & {
+        errorMsg?: string;
+        placeholder?: string;
+        required?: boolean;
+        label?: string;
+        hint?: string;
+        type?: "color" | "text" | "search" | "date" | "datetime-local" | "password";
+        datalist?: string[];
+        suffixIcon?: string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+        onSuffixClick?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (modelValue: string) => any;
+    } & {
+        suffixClick: () => any;
+    }, string, {
+        type: "color" | "text" | "search" | "date" | "datetime-local" | "password";
+        required: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Readonly<{
+            prefix(): any;
+        }> & {
+            prefix(): any;
+        };
+    });
+    title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        placeholder: string;
+    };
+};
+export declare const HintAndLabel: {
+    args: {
+        hint: string;
+        label: string;
+        placeholder: string;
+    };
+};
+export declare const Password: {
+    args: {
+        type: string;
+        modelValue: string;
+        hint: string;
+        placeholder: string;
+    };
+};
+export declare const Error: {
+    args: {
+        errorMsg: string;
+        hint: string;
+        placeholder: string;
+    };
+};
+export declare const Prefix: {
+    args: {
+        prefix: string;
+        placeholder: string;
+    };
+};
+export declare const SuffixIcon: {
+    args: {
+        suffixIcon: string;
+        placeholder: string;
+    };
+};
+export declare const Search: {
+    args: {
+        type: string;
+        datalist: string[];
+        placeholder: string;
+    };
+};
+export declare const Color: {
+    args: {
+        type: string;
+    };
+};
+export declare const Date: {
+    args: {
+        type: string;
+    };
+};
+export declare const Datetime_Local: {
+    args: {
+        type: string;
+    };
+};

package/{dist/components → components}/Form/MucInput.vue.d.ts

@@ -39,56 +39,37 @@ declare let __VLS_typeProps: {
 type __VLS_PublicProps = {
     modelValue?: string;
 } & typeof __VLS_typeProps;
-declare function __VLS_template(): Readonly<{
-    /**
-     * Slot in front of the user input with divider.
-     */
-    prefix(): any;
-}> & {
-    /**
-     * Slot in front of the user input with divider.
-     */
-    prefix(): any;
+declare function __VLS_template(): {
+    slots: Readonly<{
+        /**
+         * Slot in front of the user input with divider.
+         */
+        prefix(): any;
+    }> & {
+        /**
+         * Slot in front of the user input with divider.
+         */
+        prefix(): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
 };
-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<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
-    required: boolean;
-    type: string;
-    dataList: never[];
-}>>> & {
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: string) => any;
+} & {
+    suffixClick: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
     onSuffixClick?: (() => any) | undefined;
-}, {
+}>, {
     type: inputType;
     required: boolean;
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 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;
-    };
-};