@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,170 lines (1,169 loc) • 97 kB
TypeScript
import { View } from '../../overlay/mt-popover/mt-popover.interfaces';
import { PropType } from 'vue';
export interface SegmentedControlAction {
id: string;
label?: string;
onClick?: ({ checkboxValue }: {
checkboxValue?: boolean;
}) => void;
isPressed?: boolean;
isCritical?: boolean;
hasCheckbox?: boolean;
checked?: boolean;
iconName?: string;
options?: boolean;
disabled?: boolean;
minSquare?: boolean;
popover?: {
title?: string;
childViews?: View[];
disableFloat?: boolean;
};
}
export type SegmentedControlActionsProp = (SegmentedControlAction | "divider")[];
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
actions: {
type: PropType<SegmentedControlActionsProp>;
required: true;
};
/**
* Activate to hide the padding around the controls.
*/
disableContext: {
type: BooleanConstructor;
required: false;
default: boolean;
};
}>, {
getActionClass: (action: SegmentedControlAction) => string[];
handleClick: (action: SegmentedControlAction, toggleFloatingUi: () => void) => void;
handleCheckboxChange: (action: SegmentedControlAction, checkboxValue: boolean) => void;
segmentedControlClasses: import('vue').ComputedRef<Record<string, boolean>>;
flatChildViews: (childViews?: View[]) => View[];
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, never[], never, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
actions: {
type: PropType<SegmentedControlActionsProp>;
required: true;
};
/**
* Activate to hide the padding around the controls.
*/
disableContext: {
type: BooleanConstructor;
required: false;
default: boolean;
};
}>> & Readonly<{}>, {
disableContext: 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-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<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<View>;
activeView: import('vue').Ref<string, string>;
changeView: (view: string) => void;
allViews: import('vue').ComputedRef<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<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: 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;