UNPKG

@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
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;