@shopware-ag/meteor-component-library
Version:
The meteor component library is a Vue component library developed by Shopware. It is based on the [Meteor Design System](https://shopware.design/).
898 lines (897 loc) • 33.7 kB
TypeScript
import { PropType } from 'vue';
import { TranslateResult } from 'vue-i18n';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
label: {
type: PropType<string | TranslateResult>;
required: true;
};
icon: {
type: StringConstructor;
required: false;
default: null;
};
disabled: {
type: BooleanConstructor;
required: false;
default: boolean;
};
type: {
type: PropType<"default" | "active" | "critical">;
required: false;
default: string;
};
role: {
type: StringConstructor;
required: false;
default: string;
};
}>, {
handleLabelClick: (e: MouseEvent | KeyboardEvent | boolean) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
label: {
type: PropType<string | TranslateResult>;
required: true;
};
icon: {
type: StringConstructor;
required: false;
default: null;
};
disabled: {
type: BooleanConstructor;
required: false;
default: boolean;
};
type: {
type: PropType<"default" | "active" | "critical">;
required: false;
default: string;
};
role: {
type: StringConstructor;
required: false;
default: string;
};
}>> & Readonly<{
onClick?: ((...args: any[]) => any) | undefined;
}>, {
type: "default" | "critical" | "active";
disabled: boolean;
role: string;
icon: string;
}, {}, {
"mt-popover-item": import('vue').DefineComponent<import('vue').ExtractPropTypes<{
label: {
type: PropType<string | TranslateResult>;
required: true;
};
type: {
type: PropType<import('../../overlay/mt-popover-item/mt-popover-item').MtPopoverItemType>;
required: false;
default: string;
validator: (value: string) => boolean;
};
showCheckbox: {
type: BooleanConstructor;
required: false;
default: boolean;
};
checkboxChecked: {
type: BooleanConstructor;
required: false;
default: boolean;
};
checkboxPartial: {
type: BooleanConstructor;
required: false;
default: boolean;
};
icon: {
type: StringConstructor;
required: false;
default: string;
};
onLabelClick: {
type: PropType<((e: MouseEvent | KeyboardEvent | boolean) => void) | undefined>;
required: false;
default: undefined;
};
metaCopy: {
type: PropType<string | TranslateResult>;
required: false;
default: string;
};
contextualDetail: {
type: StringConstructor;
required: false;
default: string;
};
shortcut: {
type: StringConstructor;
required: false;
default: string;
};
showSwitch: {
type: BooleanConstructor;
required: false;
default: boolean;
};
switchValue: {
type: BooleanConstructor;
required: false;
default: boolean;
};
showVisibility: {
type: BooleanConstructor;
required: false;
default: boolean;
};
visible: {
type: BooleanConstructor;
required: false;
default: boolean;
};
disabled: {
type: BooleanConstructor;
required: false;
default: boolean;
};
showOptions: {
type: BooleanConstructor;
required: false;
default: boolean;
};
optionsCount: {
type: NumberConstructor;
required: false;
default: undefined;
};
borderTop: {
type: BooleanConstructor;
required: false;
default: boolean;
};
borderBottom: {
type: BooleanConstructor;
required: false;
default: boolean;
};
role: {
type: StringConstructor;
required: false;
default: string;
};
isOptionItem: {
type: BooleanConstructor;
required: false;
default: boolean;
};
}>, {
emitChangeCheckbox: (changeValue: boolean) => void;
emitChangeSwitch: (changeValue: boolean) => void;
emitVisibilityChange: (changeValue: boolean) => void;
emitClickOptions: (e: MouseEvent | KeyboardEvent | boolean) => void;
componentClasses: import('vue').ComputedRef<{
"mt-popover-item--default": boolean;
"mt-popover-item--critical": boolean;
"mt-popover-item--active": boolean;
"mt-popover-item--disabled": boolean;
"mt-popover-item--border-top": boolean;
"mt-popover-item--border-bottom": boolean;
"mt-popover-item--clickable": boolean;
}>;
labelClasses: import('vue').ComputedRef<{
"mt-popover-item__label--clickable": boolean;
}>;
onLabelClickTabIndex: import('vue').ComputedRef<0 | -1>;
handleLabelClick: import('@vueuse/core').UseDebounceFnReturn<(e: MouseEvent | KeyboardEvent | boolean) => void>;
isClickable: import('vue').ComputedRef<boolean>;
iconClasses: import('vue').ComputedRef<{
"mt-popover-item__icon--clickable": boolean;
}>;
id: string;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "change-checkbox" | "change-switch" | "change-visibility" | "click-options")[], "close" | "change-checkbox" | "change-switch" | "change-visibility" | "click-options", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
label: {
type: PropType<string | TranslateResult>;
required: true;
};
type: {
type: PropType<import('../../overlay/mt-popover-item/mt-popover-item').MtPopoverItemType>;
required: false;
default: string;
validator: (value: string) => boolean;
};
showCheckbox: {
type: BooleanConstructor;
required: false;
default: boolean;
};
checkboxChecked: {
type: BooleanConstructor;
required: false;
default: boolean;
};
checkboxPartial: {
type: BooleanConstructor;
required: false;
default: boolean;
};
icon: {
type: StringConstructor;
required: false;
default: string;
};
onLabelClick: {
type: PropType<((e: MouseEvent | KeyboardEvent | boolean) => void) | undefined>;
required: false;
default: undefined;
};
metaCopy: {
type: PropType<string | TranslateResult>;
required: false;
default: string;
};
contextualDetail: {
type: StringConstructor;
required: false;
default: string;
};
shortcut: {
type: StringConstructor;
required: false;
default: string;
};
showSwitch: {
type: BooleanConstructor;
required: false;
default: boolean;
};
switchValue: {
type: BooleanConstructor;
required: false;
default: boolean;
};
showVisibility: {
type: BooleanConstructor;
required: false;
default: boolean;
};
visible: {
type: BooleanConstructor;
required: false;
default: boolean;
};
disabled: {
type: BooleanConstructor;
required: false;
default: boolean;
};
showOptions: {
type: BooleanConstructor;
required: false;
default: boolean;
};
optionsCount: {
type: NumberConstructor;
required: false;
default: undefined;
};
borderTop: {
type: BooleanConstructor;
required: false;
default: boolean;
};
borderBottom: {
type: BooleanConstructor;
required: false;
default: boolean;
};
role: {
type: StringConstructor;
required: false;
default: string;
};
isOptionItem: {
type: BooleanConstructor;
required: false;
default: boolean;
};
}>> & Readonly<{
onClose?: ((...args: any[]) => any) | undefined;
"onChange-checkbox"?: ((...args: any[]) => any) | undefined;
"onChange-switch"?: ((...args: any[]) => any) | undefined;
"onChange-visibility"?: ((...args: any[]) => any) | undefined;
"onClick-options"?: ((...args: any[]) => any) | undefined;
}>, {
type: import('../../overlay/mt-popover-item/mt-popover-item').MtPopoverItemType;
disabled: boolean;
role: string;
icon: string;
visible: boolean;
showCheckbox: boolean;
checkboxChecked: boolean;
checkboxPartial: boolean;
onLabelClick: ((e: MouseEvent | KeyboardEvent | boolean) => void) | undefined;
metaCopy: string;
contextualDetail: string;
shortcut: string;
showSwitch: boolean;
switchValue: boolean;
showVisibility: boolean;
showOptions: boolean;
optionsCount: number;
borderTop: boolean;
borderBottom: boolean;
isOptionItem: boolean;
}, {}, {
"mt-checkbox": import('vue').DefineComponent<import('vue').ExtractPropTypes<{
name: {
type: StringConstructor;
required: false;
default: undefined;
};
label: {
type: StringConstructor;
required: false;
default: undefined;
};
disabled: {
type: BooleanConstructor;
required: false;
default: boolean;
};
checked: {
type: BooleanConstructor;
required: false;
default: undefined;
};
modelValue: {
type: BooleanConstructor;
required: false;
default: undefined;
};
partial: {
type: BooleanConstructor;
required: false;
default: boolean;
};
inheritedValue: {
type: BooleanConstructor;
required: false;
default: null;
};
isInherited: {
type: BooleanConstructor;
required: false;
default: boolean;
};
error: {
type: ObjectConstructor;
required: false;
default: null;
};
bordered: {
type: BooleanConstructor;
required: false;
default: boolean;
};
helpText: {
type: StringConstructor;
required: false;
default: null;
};
required: {
type: BooleanConstructor;
required: false;
default: boolean;
};
}>, {
checkboxClasses: import('vue').ComputedRef<{
"mt-switch--future-remove-default-margin": boolean;
}>;
}, {
id: string | undefined;
currentValue: boolean | undefined;
}, {
MtCheckboxFieldClasses(): {
"has--error": boolean;
"is--disabled": boolean;
"is--inherited": boolean;
"is--bordered": boolean;
"is--partly-checked": boolean;
};
identification(): string;
hasError(): boolean;
inputState(): boolean;
isInheritanceField(): boolean;
isInheritedComputed(): boolean;
isDisabled(): boolean;
isPartlyChecked(): boolean;
iconName(): string;
}, {
onChange(changeEvent: Event): void;
}, import('vue').DefineComponent<import('vue').ExtractPropTypes<{
mapInheritance: {
type: ObjectConstructor;
required: false;
default: null;
};
name: {
type: StringConstructor;
required: false;
default: null;
};
}>, {}, {}, {
formFieldName(): string | undefined;
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
mapInheritance: {
type: ObjectConstructor;
required: false;
default: null;
};
name: {
type: StringConstructor;
required: false;
default: null;
};
}>> & Readonly<{}>, {
name: string;
mapInheritance: Record<string, any>;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, import('vue').ComponentOptionsMixin, ("inheritance-remove" | "inheritance-restore" | "update:modelValue" | "change" | "update:checked")[], "inheritance-remove" | "inheritance-restore" | "update:modelValue" | "change" | "update:checked", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
name: {
type: StringConstructor;
required: false;
default: undefined;
};
label: {
type: StringConstructor;
required: false;
default: undefined;
};
disabled: {
type: BooleanConstructor;
required: false;
default: boolean;
};
checked: {
type: BooleanConstructor;
required: false;
default: undefined;
};
modelValue: {
type: BooleanConstructor;
required: false;
default: undefined;
};
partial: {
type: BooleanConstructor;
required: false;
default: boolean;
};
inheritedValue: {
type: BooleanConstructor;
required: false;
default: null;
};
isInherited: {
type: BooleanConstructor;
required: false;
default: boolean;
};
error: {
type: ObjectConstructor;
required: false;
default: null;
};
bordered: {
type: BooleanConstructor;
required: false;
default: boolean;
};
helpText: {
type: StringConstructor;
required: false;
default: null;
};
required: {
type: BooleanConstructor;
required: false;
default: boolean;
};
}>> & Readonly<{
onChange?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
"onInheritance-remove"?: ((...args: any[]) => any) | undefined;
"onInheritance-restore"?: ((...args: any[]) => any) | undefined;
"onUpdate:checked"?: ((...args: any[]) => any) | undefined;
}>, {
name: string;
required: boolean;
label: string;
disabled: boolean;
isInherited: boolean;
error: Record<string, any>;
modelValue: boolean;
helpText: string;
checked: boolean;
partial: boolean;
inheritedValue: boolean;
bordered: boolean;
}, {}, {
"mt-icon": import('vue').DefineComponent<{
name: string;
color?: string;
decorative?: boolean;
size?: string;
mode?: "solid" | "regular";
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
name: string;
color?: string;
decorative?: boolean;
size?: string;
mode?: "solid" | "regular";
}> & Readonly<{}>, {
color: string;
decorative: boolean;
size: string;
mode: "solid" | "regular";
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
"mt-base-field": import('vue').DefineComponent<import('vue').ExtractPropTypes<{
disabled: {
type: BooleanConstructor;
required: false;
default: boolean;
};
required: {
type: BooleanConstructor;
required: false;
default: boolean;
};
isInherited: {
type: BooleanConstructor;
required: false;
default: boolean;
};
isInheritanceField: {
type: BooleanConstructor;
required: false;
default: boolean;
};
disableInheritanceToggle: {
type: BooleanConstructor;
required: false;
default: boolean;
};
copyable: {
type: BooleanConstructor;
required: false;
default: boolean;
};
copyableTooltip: {
type: BooleanConstructor;
required: false;
default: boolean;
};
hasFocus: {
type: BooleanConstructor;
required: true;
};
helpText: {
type: StringConstructor;
required: false;
default: string;
};
copyableText: {
type: StringConstructor;
required: false;
default: string;
};
size: {
type: StringConstructor;
required: false;
default: string;
validator(value: string): boolean;
};
name: {
type: StringConstructor;
required: false;
default: null;
};
}>, {
hasSlotContent: (slot: import('vue').Slot | undefined | null, props?: any) => boolean;
future: {
removeCardWidth: boolean;
removeDefaultMargin: boolean;
};
}, {
id: string | undefined;
}, {
identification(): string;
showLabel(): boolean;
mtFieldLabelClasses(): {
"is--required": boolean;
};
mtBlockSize(): string;
hasError(): boolean;
}, {}, import('vue').DefineComponent<import('vue').ExtractPropTypes<{
validation: {
type: (BooleanConstructor | ObjectConstructor | StringConstructor | ArrayConstructor)[];
required: false;
default: null;
};
}>, {}, {}, {
isValid(): boolean;
}, {
validate(value: unknown): boolean;
validateRule(value: unknown, rule: string): boolean;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
validation: {
type: (BooleanConstructor | ObjectConstructor | StringConstructor | ArrayConstructor)[];
required: false;
default: null;
};
}>> & Readonly<{}>, {
validation: string | boolean | Record<string, any> | unknown[];
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | import('vue').DefineComponent<import('vue').ExtractPropTypes<{
mapInheritance: {
type: ObjectConstructor;
required: false;
default: null;
};
name: {
type: StringConstructor;
required: false;
default: null;
};
}>, {}, {}, {
formFieldName(): string | undefined;
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
mapInheritance: {
type: ObjectConstructor;
required: false;
default: null;
};
name: {
type: StringConstructor;
required: false;
default: null;
};
}>> & Readonly<{}>, {
name: string;
mapInheritance: Record<string, any>;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
disabled: {
type: BooleanConstructor;
required: false;
default: boolean;
};
required: {
type: BooleanConstructor;
required: false;
default: boolean;
};
isInherited: {
type: BooleanConstructor;
required: false;
default: boolean;
};
isInheritanceField: {
type: BooleanConstructor;
required: false;
default: boolean;
};
disableInheritanceToggle: {
type: BooleanConstructor;
required: false;
default: boolean;
};
copyable: {
type: BooleanConstructor;
required: false;
default: boolean;
};
copyableTooltip: {
type: BooleanConstructor;
required: false;
default: boolean;
};
hasFocus: {
type: BooleanConstructor;
required: true;
};
helpText: {
type: StringConstructor;
required: false;
default: string;
};
copyableText: {
type: StringConstructor;
required: false;
default: string;
};
size: {
type: StringConstructor;
required: false;
default: string;
validator(value: string): boolean;
};
name: {
type: StringConstructor;
required: false;
default: null;
};
}>> & Readonly<{}>, {
name: string;
size: string;
required: boolean;
disabled: boolean;
isInherited: boolean;
helpText: string;
copyableText: string;
isInheritanceField: boolean;
disableInheritanceToggle: boolean;
copyable: boolean;
copyableTooltip: boolean;
}, {}, {
"mt-inheritance-switch": import('vue').DefineComponent<{
isInherited: boolean;
disabled?: boolean;
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
inheritanceRemove: () => any;
inheritanceRestore: () => any;
}, string, import('vue').PublicProps, Readonly<{
isInherited: boolean;
disabled?: boolean;
}> & Readonly<{
onInheritanceRemove?: (() => any) | undefined;
onInheritanceRestore?: (() => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
"mt-help-text": import('vue').DefineComponent<{
text: string;
width?: number;
showDelay?: number;
hideDelay?: number;
placement?: import('@floating-ui/utils').Placement;
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
text: string;
width?: number;
showDelay?: number;
hideDelay?: number;
placement?: import('@floating-ui/utils').Placement;
}> & Readonly<{}>, {
showDelay: number;
hideDelay: number;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
"mt-field-copyable": import('vue').DefineComponent<import('vue').ExtractPropTypes<{
copyableText: {
type: StringConstructor;
required: false;
default: null;
};
tooltip: {
type: BooleanConstructor;
required: false;
default: boolean;
};
}>, {
copyToClipboard: () => void;
tooltipText: import('vue').ComputedRef<string>;
wasCopied: import('vue').Ref<boolean, boolean>;
}, {}, {}, {}, import('vue').DefineComponent<{}, {}, {}, {}, {
createNotification(): void;
createNotificationSuccess(config: any): void;
createNotificationInfo(config: any): void;
createNotificationWarning(config: any): void;
createNotificationError(config: any): void;
createSystemNotificationSuccess(config: any): void;
createSystemNotificationInfo(config: any): void;
createSystemNotificationWarning(config: any): void;
createSystemNotificationError(config: any): void;
createSystemNotification(config: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
copyableText: {
type: StringConstructor;
required: false;
default: null;
};
tooltip: {
type: BooleanConstructor;
required: false;
default: boolean;
};
}>> & Readonly<{}>, {
tooltip: boolean;
copyableText: string;
}, {}, {
"mt-icon": import('vue').DefineComponent<{
name: string;
color?: string;
decorative?: boolean;
size?: string;
mode?: "solid" | "regular";
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
name: string;
color?: string;
decorative?: boolean;
size?: string;
mode?: "solid" | "regular";
}> & Readonly<{}>, {
color: string;
decorative: boolean;
size: string;
mode: "solid" | "regular";
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
}, {
tooltip: import('vue').ObjectDirective<any, any, string, string>;
}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
"mt-field-error": import('vue').DefineComponent<{
error?: Record<string, any> | null;
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
error?: Record<string, any> | null;
}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
"mt-switch": import('vue').DefineComponent<{
modelValue?: boolean;
label?: string;
isInherited?: boolean;
isInheritanceField?: boolean;
inheritedValue?: boolean;
required?: boolean;
disabled?: boolean;
checked?: boolean;
bordered?: boolean;
helpText?: string;
error?: {
detail: string;
};
removeTopMargin?: boolean;
name?: string;
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"inheritance-remove": () => any;
"inheritance-restore": () => any;
"update:modelValue": (value: boolean) => any;
change: (value: boolean) => any;
}, string, import('vue').PublicProps, Readonly<{
modelValue?: boolean;
label?: string;
isInherited?: boolean;
isInheritanceField?: boolean;
inheritedValue?: boolean;
required?: boolean;
disabled?: boolean;
checked?: boolean;
bordered?: boolean;
helpText?: string;
error?: {
detail: string;
};
removeTopMargin?: boolean;
name?: string;
}> & Readonly<{
"onInheritance-remove"?: (() => any) | undefined;
"onInheritance-restore"?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onChange?: ((value: boolean) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
"mt-icon": import('vue').DefineComponent<{
name: string;
color?: string;
decorative?: boolean;
size?: string;
mode?: "solid" | "regular";
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
name: string;
color?: string;
decorative?: boolean;
size?: string;
mode?: "solid" | "regular";
}> & Readonly<{}>, {
color: string;
decorative: boolean;
size: string;
mode: "solid" | "regular";
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;