@muenchen/muc-patternlab-vue 1.11.0-beta.2 → 1.11.0-beta.3

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

@@ -0,0 +1,86 @@
+/**
+ * Type includes all possible input types possible.
+ */
+type inputType = "text" | "password" | "color" | "search" | "date" | "datetime-local";
+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 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, {
+    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>;
+    };
+}>> & {
+    onSuffixClick?: (() => any) | undefined;
+}, {
+    type: inputType;
+    required: boolean;
+}, {}>;
+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/components/Form/MucRadioButton.stories.d.ts

@@ -0,0 +1,154 @@
+declare const _default: {
+    component: import('vue').DefineComponent<{
+        label: {
+            type: import('vue').PropType<string>;
+        };
+        value: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+        hint: {
+            type: import('vue').PropType<string>;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        label: {
+            type: import('vue').PropType<string>;
+        };
+        value: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+        hint: {
+            type: import('vue').PropType<string>;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {
+        disabled: boolean;
+    }, {}>;
+    title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: () => {
+    components: {
+        MucRadioButton: import('vue').DefineComponent<{
+            label: {
+                type: import('vue').PropType<string>;
+            };
+            value: {
+                type: import('vue').PropType<string>;
+                required: true;
+            };
+            hint: {
+                type: import('vue').PropType<string>;
+            };
+            disabled: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            label: {
+                type: import('vue').PropType<string>;
+            };
+            value: {
+                type: import('vue').PropType<string>;
+                required: true;
+            };
+            hint: {
+                type: import('vue').PropType<string>;
+            };
+            disabled: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {
+            disabled: boolean;
+        }, {}>;
+        MucRadioButtonGroup: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+                modelValue: import('vue').PropType<import('./RadioButtonTypes').RadioButtonValueTypes>;
+                disabled: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                heading: {
+                    type: import('vue').PropType<string>;
+                };
+            }>> & {
+                onChange?: ((value: import('./RadioButtonTypes').RadioButtonValueTypes) => any) | undefined;
+            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                change: (value: import('./RadioButtonTypes').RadioButtonValueTypes) => void;
+            }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+                modelValue: import('vue').PropType<import('./RadioButtonTypes').RadioButtonValueTypes>;
+                disabled: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                heading: {
+                    type: import('vue').PropType<string>;
+                };
+            }>> & {
+                onChange?: ((value: import('./RadioButtonTypes').RadioButtonValueTypes) => any) | undefined;
+            }, {
+                disabled: boolean;
+            }, true, {}, {}, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('vue').ExtractPropTypes<{
+                modelValue: import('vue').PropType<import('./RadioButtonTypes').RadioButtonValueTypes>;
+                disabled: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                heading: {
+                    type: import('vue').PropType<string>;
+                };
+            }>> & {
+                onChange?: ((value: import('./RadioButtonTypes').RadioButtonValueTypes) => any) | undefined;
+            }, {}, {}, {}, {}, {
+                disabled: boolean;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            modelValue: import('vue').PropType<import('./RadioButtonTypes').RadioButtonValueTypes>;
+            disabled: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            heading: {
+                type: import('vue').PropType<string>;
+            };
+        }>> & {
+            onChange?: ((value: import('./RadioButtonTypes').RadioButtonValueTypes) => any) | undefined;
+        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            change: (value: import('./RadioButtonTypes').RadioButtonValueTypes) => void;
+        }, string, {
+            disabled: boolean;
+        }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: {
+                default?(_: {}): any;
+            };
+        });
+    };
+    template: string;
+};

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

@@ -0,0 +1,59 @@
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * value for this radiobutton
+     */
+    value: string;
+    /**
+     * Optional label shown behind the radiobutton
+     */
+    label?: string;
+    /**
+     * Optional hint shown beneath the radiobutton
+     */
+    hint?: string;
+    /**
+     * Optionally disable this specific radiobutton
+     */
+    disabled?: boolean;
+}>, {
+    disabled: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * value for this radiobutton
+     */
+    value: string;
+    /**
+     * Optional label shown behind the radiobutton
+     */
+    label?: string;
+    /**
+     * Optional hint shown beneath the radiobutton
+     */
+    hint?: string;
+    /**
+     * Optionally disable this specific radiobutton
+     */
+    disabled?: boolean;
+}>, {
+    disabled: boolean;
+}>>>, {
+    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];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,37 @@
+import { RadioButtonValueTypes } from './RadioButtonTypes';
+
+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, {
+    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>;
+    };
+}>> & {
+    onChange?: ((value: RadioButtonValueTypes) => any) | undefined;
+}, {
+    disabled: boolean;
+}, {}>;
+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/components/Form/MucSelect.stories.d.ts

@@ -0,0 +1,64 @@
+declare const _default: {
+    component: import('vue').DefineComponent<{
+        modelValue: import('vue').PropType<string | string[]>;
+        label: {
+            type: import('vue').PropType<string>;
+        };
+        hint: {
+            type: import('vue').PropType<string>;
+        };
+        items: {
+            type: import('vue').PropType<string[]>;
+            required: true;
+        };
+        multiple: {
+            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[]>;
+        label: {
+            type: import('vue').PropType<string>;
+        };
+        hint: {
+            type: import('vue').PropType<string>;
+        };
+        items: {
+            type: import('vue').PropType<string[]>;
+            required: true;
+        };
+        multiple: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {
+        multiple: boolean;
+    }, {}>;
+    title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        modelValue: string;
+        items: string[];
+        label: string;
+        hint: string;
+    };
+};
+export declare const MultiSelect: {
+    args: {
+        label: string;
+        multiple: boolean;
+        modelValue: string;
+        items: string[];
+        hint: string;
+    };
+};

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

@@ -0,0 +1,36 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: import('vue').PropType<string | string[]>;
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    hint: {
+        type: import('vue').PropType<string>;
+    };
+    items: {
+        type: import('vue').PropType<string[]>;
+        required: true;
+    };
+    multiple: {
+        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[]>;
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    hint: {
+        type: import('vue').PropType<string>;
+    };
+    items: {
+        type: import('vue').PropType<string[]>;
+        required: true;
+    };
+    multiple: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    multiple: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,86 @@
+declare const _default: {
+    component: import('vue').DefineComponent<{
+        modelValue: import('vue').PropType<string>;
+        required: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        label: {
+            type: import('vue').PropType<string>;
+        };
+        hint: {
+            type: import('vue').PropType<string>;
+        };
+        errorMsg: {
+            type: import('vue').PropType<string>;
+        };
+        placeholder: {
+            type: import('vue').PropType<string>;
+        };
+        rows: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: import('vue').PropType<string>;
+        required: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        label: {
+            type: import('vue').PropType<string>;
+        };
+        hint: {
+            type: import('vue').PropType<string>;
+        };
+        errorMsg: {
+            type: import('vue').PropType<string>;
+        };
+        placeholder: {
+            type: import('vue').PropType<string>;
+        };
+        rows: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }>>, {
+        required: boolean;
+        rows: number;
+    }, {}>;
+    title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        placeholder: string;
+    };
+};
+export declare const Error: {
+    args: {
+        errorMsg: string;
+        placeholder: string;
+    };
+};
+export declare const Required: {
+    args: {
+        required: boolean;
+        placeholder: string;
+        label: string;
+    };
+};
+export declare const BigTextArea: {
+    args: {
+        rows: number;
+        label: string;
+        hint: string;
+        placeholder: string;
+    };
+};

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

@@ -0,0 +1,49 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: import('vue').PropType<string>;
+    required: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    hint: {
+        type: import('vue').PropType<string>;
+    };
+    errorMsg: {
+        type: import('vue').PropType<string>;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+    };
+    rows: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    required: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    hint: {
+        type: import('vue').PropType<string>;
+    };
+    errorMsg: {
+        type: import('vue').PropType<string>;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+    };
+    rows: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>>, {
+    required: boolean;
+    rows: number;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,30 @@
+import { InjectionKey, Ref } from 'vue';
+
+/**
+ * Key for inject and provide
+ *
+ * @type {InjectionKey<RadioButtonGroupInjection>}
+ */
+export declare const RadioButtonGroupKey: InjectionKey<RadioButtonGroupInjection>;
+/**
+ * Type getting injected / provided
+ */
+export type RadioButtonGroupInjection = {
+    /**
+     * Function for setting the value of the current selected radiobutton
+     * @param {RadioButtonValueTypes} value - Value being set as the new current selected radiobutton
+     */
+    set: (value: RadioButtonValueTypes) => void;
+    /**
+     * Current value of the currently selected radiobutton
+     */
+    modelValue: Readonly<Ref<RadioButtonValueTypes | undefined>>;
+    /**
+     * Deactivate all child radiobuttons
+     */
+    disabled: Readonly<Ref<boolean>>;
+};
+/**
+ * Different possible types used as value for a radiobutton-values
+ */
+export type RadioButtonValueTypes = boolean | string | unknown[] | Record<string, unknown> | number | null;

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

@@ -0,0 +1,10 @@
+import { default as MucCheckbox } from './MucCheckbox.vue';
+import { default as MucCheckboxGroup } from './MucCheckboxGroup.vue';
+import { default as MucErrorList } from './MucErrorList.vue';
+import { default as MucForm } from './MucInput.vue';
+import { default as MucRadioButton } from './MucRadioButton.vue';
+import { default as MucRadioButtonGroup } from './MucRadioButtonGroup.vue';
+import { default as MucSingleSelect } from './MucSelect.vue';
+import { default as MucTextArea } from './MucTextArea.vue';
+
+export { MucForm, MucCheckbox, MucCheckboxGroup, MucRadioButtonGroup, MucInput, MucRadioButton, MucTextArea, MucSingleSelect, MucErrorList, MucSelect, };

package/dist/components/index.d.ts

@@ -3,7 +3,8 @@ import { MucButton } from './Button';
 import { MucCallout } from './Callout';
 import { MucCard, MucCardContainer } from './Card';
 import { MucComment, MucCommentText } from './Comment/';
+import { MucForm } from './Form';
 import { MucIcon } from './Icon';
 import { MucIntro } from './Intro';
 
-export { MucButton, MucBanner, MucIntro, MucCallout, MucCard, MucCardContainer, MucComment, MucCommentText, MucIcon, };
+export { MucButton, MucBanner, MucIntro, MucCallout, MucCard, MucCardContainer, MucComment, MucCommentText, MucForm, MucIcon, };