@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/).
1,099 lines (1,098 loc) • 168 kB
TypeScript
import { PropType } from 'vue';
import { ColumnDefinition } from '../../mt-data-table';
import { Option as ItemResultOption } from '../../../../overlay/mt-popover-item-result/mt-popover-item-result';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
columns: {
type: PropType<ColumnDefinition[]>;
required: true;
};
showOutlines: {
type: BooleanConstructor;
required: false;
default: boolean;
};
showStripes: {
type: BooleanConstructor;
required: false;
default: boolean;
};
enableOutlineFraming: {
type: BooleanConstructor;
required: false;
default: boolean;
};
enableRowNumbering: {
type: BooleanConstructor;
required: false;
default: boolean;
};
}>, {
tableSettingsChildViews: import('vue').ComputedRef<{
name: string;
title: string;
}[]>;
resetAllChanges: () => void;
columnGroups: import('vue').ComputedRef<{
id: string;
label: string;
actionLabel: string;
}[]>;
columnOrderOptions: import('vue').ComputedRef<ItemResultOption[]>;
onColumnChangeVisibility: (columnProperty: string, visibility: boolean) => void;
onColumnClickGroupAction: (groupId: string) => void;
onColumnChangeOrder: ({ itemId, dropZone, dropId, }: {
itemId?: string;
dropZone: "before" | "after";
dropId?: string;
}) => void;
isPrimaryColumn: (column: ColumnDefinition) => boolean;
t: import('vue-i18n').ComposerTranslation<{
en: {
title: string;
resetAllChanges: string;
columnOrder: {
title: string;
columnGroups: {
labelShown: string;
actionLabelShown: string;
labelHidden: string;
actionLabelHidden: string;
};
};
showNumberedColumn: string;
showStripedRows: string;
showOutlines: string;
frameOutlines: string;
frameOutlinesMetaCopy: string;
tooltip: string;
"aria-toggle-table-settings": string;
};
de: {
title: string;
resetAllChanges: string;
columnOrder: {
title: string;
columnGroups: {
labelShown: string;
actionLabelShown: string;
labelHidden: string;
actionLabelHidden: string;
};
};
showNumberedColumn: string;
showStripedRows: string;
showOutlines: string;
frameOutlines: string;
frameOutlinesMetaCopy: string;
tooltip: string;
"aria-toggle-table-settings": string;
};
}, "en" | "de", import('@intlify/core-base').RemoveIndexSignature<{
[x: string]: import('vue-i18n').LocaleMessageValue<import('vue-i18n').VueMessageType>;
}>, never, "title" | "tooltip" | "showOutlines" | "resetAllChanges" | "columnOrder" | "showNumberedColumn" | "showStripedRows" | "frameOutlines" | "frameOutlinesMetaCopy" | "aria-toggle-table-settings" | "columnOrder.columnGroups.labelShown" | "columnOrder.columnGroups.actionLabelShown" | "columnOrder.columnGroups.labelHidden" | "columnOrder.columnGroups.actionLabelHidden" | "columnOrder.title" | "columnOrder.columnGroups", "title" | "tooltip" | "showOutlines" | "resetAllChanges" | "columnOrder" | "showNumberedColumn" | "showStripedRows" | "frameOutlines" | "frameOutlinesMetaCopy" | "aria-toggle-table-settings" | "columnOrder.columnGroups.labelShown" | "columnOrder.columnGroups.actionLabelShown" | "columnOrder.columnGroups.labelHidden" | "columnOrder.columnGroups.actionLabelHidden" | "columnOrder.title" | "columnOrder.columnGroups">;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("reset-all-changes" | "change-column-order" | "change-column-visibility" | "change-show-outlines" | "change-show-stripes" | "change-outline-framing" | "change-enable-row-numbering")[], "reset-all-changes" | "change-column-order" | "change-column-visibility" | "change-show-outlines" | "change-show-stripes" | "change-outline-framing" | "change-enable-row-numbering", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
columns: {
type: PropType<ColumnDefinition[]>;
required: true;
};
showOutlines: {
type: BooleanConstructor;
required: false;
default: boolean;
};
showStripes: {
type: BooleanConstructor;
required: false;
default: boolean;
};
enableOutlineFraming: {
type: BooleanConstructor;
required: false;
default: boolean;
};
enableRowNumbering: {
type: BooleanConstructor;
required: false;
default: boolean;
};
}>> & Readonly<{
"onReset-all-changes"?: ((...args: any[]) => any) | undefined;
"onChange-column-order"?: ((...args: any[]) => any) | undefined;
"onChange-column-visibility"?: ((...args: any[]) => any) | undefined;
"onChange-show-outlines"?: ((...args: any[]) => any) | undefined;
"onChange-show-stripes"?: ((...args: any[]) => any) | undefined;
"onChange-outline-framing"?: ((...args: any[]) => any) | undefined;
"onChange-enable-row-numbering"?: ((...args: any[]) => any) | undefined;
}>, {
showOutlines: boolean;
showStripes: boolean;
enableOutlineFraming: boolean;
enableRowNumbering: boolean;
}, {}, {
"mt-button": {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
is?: import('vue').Component | string;
disabled?: boolean;
variant?: "primary" | "secondary" | "tertiary" | "critical" | "action";
ghost?: boolean;
size?: "x-small" | "small" | "default" | "large";
square?: boolean;
block?: boolean;
link?: string;
isLoading?: boolean;
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
size: "x-small" | "small" | "default" | "large";
link: string;
variant: "primary" | "secondary" | "tertiary" | "critical" | "action";
is: import('vue').Component | string;
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
is?: import('vue').Component | string;
disabled?: boolean;
variant?: "primary" | "secondary" | "tertiary" | "critical" | "action";
ghost?: boolean;
size?: "x-small" | "small" | "default" | "large";
square?: boolean;
block?: boolean;
link?: string;
isLoading?: boolean;
}> & Readonly<{}>, {}, {}, {}, {}, {
size: "x-small" | "small" | "default" | "large";
link: string;
variant: "primary" | "secondary" | "tertiary" | "critical" | "action";
is: import('vue').Component | string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<{
is?: import('vue').Component | string;
disabled?: boolean;
variant?: "primary" | "secondary" | "tertiary" | "critical" | "action";
ghost?: boolean;
size?: "x-small" | "small" | "default" | "large";
square?: boolean;
block?: boolean;
link?: string;
isLoading?: boolean;
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
size: "x-small" | "small" | "default" | "large";
link: string;
variant: "primary" | "secondary" | "tertiary" | "critical" | "action";
is: import('vue').Component | string;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: Readonly<{
default: null;
iconFront: {
size: number;
};
iconBack: {
size: number;
};
}> & {
default: null;
iconFront: {
size: number;
};
iconBack: {
size: number;
};
};
});
"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-popover": import('vue').DefineComponent<import('vue').ExtractPropTypes<{
title: {
type: PropType<string | import('vue-i18n').TranslateResult>;
required: false;
default: string;
};
childViews: {
type: PropType<import('../../../../overlay/mt-popover/mt-popover.interfaces').View[]>;
required: false;
default: () => never[];
};
disableFloat: {
type: BooleanConstructor;
required: false;
default: boolean;
};
width: {
type: PropType<"auto" | "large" | "medium" | "small">;
required: false;
default: string;
validator: (value: string) => boolean;
};
}>, {
goViewBack: () => void;
currentView: import('vue').ComputedRef<import('../../../../overlay/mt-popover/mt-popover.interfaces').View>;
activeView: import('vue').Ref<string, string>;
changeView: (view: string) => void;
allViews: import('vue').ComputedRef<import('../../../../overlay/mt-popover/mt-popover.interfaces').View[]>;
viewTransition: import('vue').Ref<"slideIn" | "slideOut", "slideIn" | "slideOut">;
MtPopover: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
closeFloatingUi: () => void;
toggleFloatingUi: () => void;
isOpened: import('vue').Ref<boolean, boolean>;
mainComponentTag: import('vue').ComputedRef<"div" | "mt-floating-ui">;
componentClasses: import('vue').ComputedRef<{
[x: string]: boolean;
"mt-popover--float": boolean;
"is--open": boolean;
"has--header": boolean;
}>;
showHeader: import('vue').ComputedRef<boolean>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:isOpened"[], "update:isOpened", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
title: {
type: PropType<string | import('vue-i18n').TranslateResult>;
required: false;
default: string;
};
childViews: {
type: PropType<import('../../../../overlay/mt-popover/mt-popover.interfaces').View[]>;
required: false;
default: () => never[];
};
disableFloat: {
type: BooleanConstructor;
required: false;
default: boolean;
};
width: {
type: PropType<"auto" | "large" | "medium" | "small">;
required: false;
default: string;
validator: (value: string) => boolean;
};
}>> & Readonly<{
"onUpdate:isOpened"?: ((...args: any[]) => any) | undefined;
}>, {
title: string;
width: "small" | "auto" | "medium" | "large";
childViews: import('../../../../overlay/mt-popover/mt-popover.interfaces').View[];
disableFloat: boolean;
}, {}, {
"mt-text": {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
size?: "2xs" | "xs" | "s" | "m" | "l" | "xl" | "2xl" | "3xl";
weight?: "bold" | "semibold" | "medium" | "regular";
color?: "color-text-primary-default" | "color-text-primary-disabled" | "color-text-primary-inverse" | "color-text-secondary-default" | "color-text-secondary-disabled" | "color-text-secondary-inverse" | "color-text-tertiary-default" | "color-text-brand-default" | "color-text-brand-hover" | "color-text-brand-pressed" | "color-text-brand-disabled" | "color-text-brand-inverse" | "color-text-critical-default" | "color-text-critical-hover" | "color-text-critical-pressed" | "color-text-critical-disabled" | "color-text-critical-dark" | "color-text-attention-default" | "color-text-positive-default" | "color-text-accent-default" | "color-text-static-default" | "color-text-inverse-default" | "color-static-white" | "color-static-black" | string;
as?: string | import('vue').Component;
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
color: "color-text-primary-default" | "color-text-primary-disabled" | "color-text-primary-inverse" | "color-text-secondary-default" | "color-text-secondary-disabled" | "color-text-secondary-inverse" | "color-text-tertiary-default" | "color-text-brand-default" | "color-text-brand-hover" | "color-text-brand-pressed" | "color-text-brand-disabled" | "color-text-brand-inverse" | "color-text-critical-default" | "color-text-critical-hover" | "color-text-critical-pressed" | "color-text-critical-disabled" | "color-text-critical-dark" | "color-text-attention-default" | "color-text-positive-default" | "color-text-accent-default" | "color-text-static-default" | "color-text-inverse-default" | "color-static-white" | "color-static-black" | string;
size: "2xs" | "xs" | "s" | "m" | "l" | "xl" | "2xl" | "3xl";
weight: "bold" | "semibold" | "medium" | "regular";
as: string | import('vue').Component;
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
size?: "2xs" | "xs" | "s" | "m" | "l" | "xl" | "2xl" | "3xl";
weight?: "bold" | "semibold" | "medium" | "regular";
color?: "color-text-primary-default" | "color-text-primary-disabled" | "color-text-primary-inverse" | "color-text-secondary-default" | "color-text-secondary-disabled" | "color-text-secondary-inverse" | "color-text-tertiary-default" | "color-text-brand-default" | "color-text-brand-hover" | "color-text-brand-pressed" | "color-text-brand-disabled" | "color-text-brand-inverse" | "color-text-critical-default" | "color-text-critical-hover" | "color-text-critical-pressed" | "color-text-critical-disabled" | "color-text-critical-dark" | "color-text-attention-default" | "color-text-positive-default" | "color-text-accent-default" | "color-text-static-default" | "color-text-inverse-default" | "color-static-white" | "color-static-black" | string;
as?: string | import('vue').Component;
}> & Readonly<{}>, {}, {}, {}, {}, {
color: "color-text-primary-default" | "color-text-primary-disabled" | "color-text-primary-inverse" | "color-text-secondary-default" | "color-text-secondary-disabled" | "color-text-secondary-inverse" | "color-text-tertiary-default" | "color-text-brand-default" | "color-text-brand-hover" | "color-text-brand-pressed" | "color-text-brand-disabled" | "color-text-brand-inverse" | "color-text-critical-default" | "color-text-critical-hover" | "color-text-critical-pressed" | "color-text-critical-disabled" | "color-text-critical-dark" | "color-text-attention-default" | "color-text-positive-default" | "color-text-accent-default" | "color-text-static-default" | "color-text-inverse-default" | "color-static-white" | "color-static-black" | string;
size: "2xs" | "xs" | "s" | "m" | "l" | "xl" | "2xl" | "3xl";
weight: "bold" | "semibold" | "medium" | "regular";
as: string | import('vue').Component;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<{
size?: "2xs" | "xs" | "s" | "m" | "l" | "xl" | "2xl" | "3xl";
weight?: "bold" | "semibold" | "medium" | "regular";
color?: "color-text-primary-default" | "color-text-primary-disabled" | "color-text-primary-inverse" | "color-text-secondary-default" | "color-text-secondary-disabled" | "color-text-secondary-inverse" | "color-text-tertiary-default" | "color-text-brand-default" | "color-text-brand-hover" | "color-text-brand-pressed" | "color-text-brand-disabled" | "color-text-brand-inverse" | "color-text-critical-default" | "color-text-critical-hover" | "color-text-critical-pressed" | "color-text-critical-disabled" | "color-text-critical-dark" | "color-text-attention-default" | "color-text-positive-default" | "color-text-accent-default" | "color-text-static-default" | "color-text-inverse-default" | "color-static-white" | "color-static-black" | string;
as?: string | import('vue').Component;
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
color: "color-text-primary-default" | "color-text-primary-disabled" | "color-text-primary-inverse" | "color-text-secondary-default" | "color-text-secondary-disabled" | "color-text-secondary-inverse" | "color-text-tertiary-default" | "color-text-brand-default" | "color-text-brand-hover" | "color-text-brand-pressed" | "color-text-brand-disabled" | "color-text-brand-inverse" | "color-text-critical-default" | "color-text-critical-hover" | "color-text-critical-pressed" | "color-text-critical-disabled" | "color-text-critical-dark" | "color-text-attention-default" | "color-text-positive-default" | "color-text-accent-default" | "color-text-static-default" | "color-text-inverse-default" | "color-static-white" | "color-static-black" | string;
size: "2xs" | "xs" | "s" | "m" | "l" | "xl" | "2xl" | "3xl";
weight: "bold" | "semibold" | "medium" | "regular";
as: string | import('vue').Component;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
default?(_: {}): any;
};
});
"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>;
"mt-popover-item": import('vue').DefineComponent<import('vue').ExtractPropTypes<{
label: {
type: PropType<string | import('vue-i18n').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 | import('vue-i18n').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 | import('vue-i18n').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 | import('vue-i18n').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: {