@nextcloud/vue
Version:
Nextcloud vue components
1,266 lines (1,265 loc) • 46.9 kB
TypeScript
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
/**
* Set a css icon-class for the icon of the root breadcrumb to be used.
*/
rootIcon: {
type: StringConstructor;
default: string;
};
/**
* Set the aria-label of the nav element.
*/
ariaLabel: {
type: StringConstructor;
default: null;
};
}>, {}, {
/**
* Array to track the hidden breadcrumbs by their index.
* Comparing two crumbs somehow does not work, so we use the indices.
*/
hiddenIndices: never[];
/**
* This is the props of the middle Action menu
* that show the ellipsised breadcrumbs
*/
menuBreadcrumbProps: {
name: string;
forceMenu: boolean;
disableDrop: boolean;
open: boolean;
};
breadcrumbsRefs: never[];
}, {}, {
/**
* Close the actions menu
*
* @param {object} e The event
*/
closeActions(e: object): void;
/**
* Call the resize function after a delay
*/
delayedResize(): Promise<void>;
/**
* Check the width of the breadcrumb and hide breadcrumbs
* if we overflow otherwise.
*/
handleWindowResize(): void;
/**
* Checks if two arrays are equal.
* Only works for primitive arrays, but that's enough here.
*
* @param {Array} a The first array
* @param {Array} b The second array
* @return {boolean} Wether the arrays are equal
*/
arraysEqual(a: any[], b: any[]): boolean;
/**
* Calculates the total width of all breadcrumbs
*
* @return {number} The total width
*/
getTotalWidth(): number;
/**
* Calculates the width of the provided element
*
* @param {object} el The element
* @param {boolean} isLast Is this the last crumb
* @return {number} The width
*/
getWidth(el: object, isLast: boolean): number;
/**
* Prevents the default of a provided event
*
* @param {object} e The event
* @return {boolean}
*/
preventDefault(e: object): boolean;
/**
* Handles the drag start.
* Prevents a breadcrumb from being draggable.
*
* @param {object} e The event
* @return {boolean}
*/
dragStart(e: object): boolean;
/**
* Handles when something is dropped on the breadcrumb.
*
* @param {object} e The drop event
* @param {string} path The path of the breadcrumb
* @param {boolean} disabled Whether dropping is disabled for this breadcrumb
* @return {boolean}
*/
dropped(e: object, path: string, disabled: boolean): boolean;
/**
* Handles the drag over event
*
* @param {object} e The drag over event
* @return {boolean}
*/
dragOver(e: object): boolean;
/**
* Handles the drag enter event
*
* @param {object} e The drag over event
* @param {boolean} disabled Whether dropping is disabled for this breadcrumb
*/
dragEnter(e: object, disabled: boolean): void;
/**
* Handles the drag leave event
*
* @param {object} e The drag leave event
* @param {boolean} disabled Whether dropping is disabled for this breadcrumb
*/
dragLeave(e: object, disabled: boolean): void;
/**
* Check for each crumb if we have to hide it and
* add it to the array of all crumbs.
*/
hideCrumbs(): void;
isBreadcrumb(vnode: any): boolean;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "dropped"[], "dropped", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
/**
* Set a css icon-class for the icon of the root breadcrumb to be used.
*/
rootIcon: {
type: StringConstructor;
default: string;
};
/**
* Set the aria-label of the nav element.
*/
ariaLabel: {
type: StringConstructor;
default: null;
};
}>> & Readonly<{
onDropped?: ((...args: any[]) => any) | undefined;
}>, {
ariaLabel: string;
rootIcon: string;
}, {}, {
NcActions: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
open: {
type: BooleanConstructor;
default: boolean;
};
manualOpen: {
type: BooleanConstructor;
default: boolean;
};
forceMenu: {
type: BooleanConstructor;
default: boolean;
};
forceName: {
type: BooleanConstructor;
default: boolean;
};
menuName: {
type: StringConstructor;
default: null;
};
primary: {
type: BooleanConstructor;
default: boolean;
};
defaultIcon: {
type: StringConstructor;
default: string;
};
ariaLabel: {
type: StringConstructor;
default: string;
};
placement: {
type: StringConstructor;
default: string;
};
boundariesElement: {
type: {
new (): Element;
prototype: Element;
};
default: () => HTMLElement | null;
};
container: {
type: (ObjectConstructor | BooleanConstructor | StringConstructor | {
new (): Element;
prototype: Element;
})[];
default: string;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
inline: {
type: NumberConstructor;
default: number;
};
variant: {
type: StringConstructor;
validator(value: unknown): boolean;
default: null;
};
size: {
type: StringConstructor;
default: string;
validator(value: unknown): boolean;
};
}>, {
randomId: string;
}, {
opened: boolean;
focusIndex: number;
actionsMenuSemanticType: "menu" | "navigation" | "dialog" | "tooltip" | "unknown";
}, {
triggerButtonVariant(): string;
config(): {
popupRole: string;
withArrowNavigation: boolean;
withTabNavigation: boolean;
withFocusTrap: boolean;
} | {
popupRole: undefined;
withArrowNavigation: boolean;
withTabNavigation: boolean;
withFocusTrap: boolean;
} | {
popupRole: string;
withArrowNavigation: boolean;
withTabNavigation: boolean;
withFocusTrap: boolean;
} | {
popupRole: undefined;
withArrowNavigation: boolean;
withTabNavigation: boolean;
withFocusTrap: boolean;
} | {
popupRole: undefined;
role: undefined;
withArrowNavigation: boolean;
withTabNavigation: boolean;
withFocusTrap: boolean;
};
withFocusTrap(): boolean;
}, {
getActionName(action: import('vue').VNode): string;
isValidSingleAction(action: import('vue').VNode): boolean;
isAction(action: any): boolean;
isIconUrl(url: string): boolean;
toggleMenu(state: any): void;
openMenu(): void;
closeMenu(returnFocus?: boolean): Promise<void>;
onOpened(): void;
onClosed(): void;
getCurrentActiveMenuItemElement(): HTMLElement | null;
getFocusableMenuItemElements(): NodeList<HTMLElement>;
onKeydown(event: object): void;
onTriggerKeydown(event: any): void;
handleEscapePressed(event: any): void;
removeCurrentActive(): void;
focusAction(): void;
focusPreviousAction(event: any): void;
focusNextAction(event: any): void;
focusFirstAction(event: any): void;
focusLastAction(event: any): void;
preventIfEvent(event: any): void;
onFocus(event: any): void;
onBlur(event: any): void;
onClick(event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("blur" | "click" | "close" | "focus" | "open" | "closed" | "opened" | "update:open")[], "blur" | "click" | "close" | "focus" | "open" | "closed" | "opened" | "update:open", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
open: {
type: BooleanConstructor;
default: boolean;
};
manualOpen: {
type: BooleanConstructor;
default: boolean;
};
forceMenu: {
type: BooleanConstructor;
default: boolean;
};
forceName: {
type: BooleanConstructor;
default: boolean;
};
menuName: {
type: StringConstructor;
default: null;
};
primary: {
type: BooleanConstructor;
default: boolean;
};
defaultIcon: {
type: StringConstructor;
default: string;
};
ariaLabel: {
type: StringConstructor;
default: string;
};
placement: {
type: StringConstructor;
default: string;
};
boundariesElement: {
type: {
new (): Element;
prototype: Element;
};
default: () => HTMLElement | null;
};
container: {
type: (ObjectConstructor | BooleanConstructor | StringConstructor | {
new (): Element;
prototype: Element;
})[];
default: string;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
inline: {
type: NumberConstructor;
default: number;
};
variant: {
type: StringConstructor;
validator(value: unknown): boolean;
default: null;
};
size: {
type: StringConstructor;
default: string;
validator(value: unknown): boolean;
};
}>> & Readonly<{
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onClick?: ((...args: any[]) => any) | undefined;
onClose?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
onOpened?: ((...args: any[]) => any) | undefined;
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
}>, {
size: string;
disabled: boolean;
open: boolean;
primary: boolean;
ariaLabel: string;
variant: string;
inline: number;
placement: string;
container: string | boolean | Element | Record<string, any>;
manualOpen: boolean;
forceMenu: boolean;
forceName: boolean;
menuName: string;
defaultIcon: string;
boundariesElement: Element;
}, {}, {
NcButton: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel?: string;
disabled?: boolean;
download?: string | true;
href?: string;
pressed?: boolean | undefined;
size?: import('../NcButton/NcButton.vue').ButtonSize;
target?: string;
text?: string;
to?: import('vue-router').RouteLocationRaw;
type?: import('../NcButton/NcButton.vue').ButtonType;
variant?: import('../NcButton/NcButton.vue').ButtonVariant;
wide?: boolean;
}> & Readonly<{
onClick?: ((e: MouseEvent) => any) | undefined;
"onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
click: (e: MouseEvent) => any;
"update:pressed": (pressed: boolean) => any;
}, import('vue').PublicProps, {
size: import('../NcButton/NcButton.vue').ButtonSize;
type: import('../NcButton/NcButton.vue').ButtonType;
text: string;
alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel: string;
download: string | true;
href: string;
pressed: boolean;
target: string;
to: import('vue-router').RouteLocationRaw;
variant: import('../NcButton/NcButton.vue').ButtonVariant;
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel?: string;
disabled?: boolean;
download?: string | true;
href?: string;
pressed?: boolean | undefined;
size?: import('../NcButton/NcButton.vue').ButtonSize;
target?: string;
text?: string;
to?: import('vue-router').RouteLocationRaw;
type?: import('../NcButton/NcButton.vue').ButtonType;
variant?: import('../NcButton/NcButton.vue').ButtonVariant;
wide?: boolean;
}> & Readonly<{
onClick?: ((e: MouseEvent) => any) | undefined;
"onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
}>, {}, {}, {}, {}, {
size: import('../NcButton/NcButton.vue').ButtonSize;
type: import('../NcButton/NcButton.vue').ButtonType;
text: string;
alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel: string;
download: string | true;
href: string;
pressed: boolean;
target: string;
to: import('vue-router').RouteLocationRaw;
variant: import('../NcButton/NcButton.vue').ButtonVariant;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<{
alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel?: string;
disabled?: boolean;
download?: string | true;
href?: string;
pressed?: boolean | undefined;
size?: import('../NcButton/NcButton.vue').ButtonSize;
target?: string;
text?: string;
to?: import('vue-router').RouteLocationRaw;
type?: import('../NcButton/NcButton.vue').ButtonType;
variant?: import('../NcButton/NcButton.vue').ButtonVariant;
wide?: boolean;
}> & Readonly<{
onClick?: ((e: MouseEvent) => any) | undefined;
"onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
click: (e: MouseEvent) => any;
"update:pressed": (pressed: boolean) => any;
}, string, {
size: import('../NcButton/NcButton.vue').ButtonSize;
type: import('../NcButton/NcButton.vue').ButtonType;
text: string;
alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel: string;
download: string | true;
href: string;
pressed: boolean;
target: string;
to: import('vue-router').RouteLocationRaw;
variant: import('../NcButton/NcButton.vue').ButtonVariant;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: Readonly<{
default?: import('vue').Slot;
icon?: import('vue').Slot;
}> & {
default?: import('vue').Slot;
icon?: import('vue').Slot;
};
});
NcPopover: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
}, {}, string, () => {
[x: symbol]: import('vue').ComputedRef<boolean> | ((returnFocus?: boolean) => Promise<void>);
}, true, {}, any>;
NcActionButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
disabled: {
type: BooleanConstructor;
default: boolean;
};
isMenu: {
type: BooleanConstructor;
default: boolean;
};
type: {
type: StringConstructor;
default: string;
validator: (behavior: unknown) => boolean;
};
modelValue: {
type: (BooleanConstructor | StringConstructor)[];
default: null;
};
value: {
type: StringConstructor;
default: null;
};
description: {
type: StringConstructor;
default: string;
};
}>, {
mdiCheck: string;
mdiChevronRight: string;
}, {}, {
isFocusable(): boolean;
isChecked(): string | boolean;
nativeType(): "submit" | "reset" | "button";
buttonAttributes(): {
role: string;
'aria-checked': string;
'aria-pressed': string;
};
}, {
handleClick(event: MouseEvent): void;
}, {
mixins: {
beforeUpdate(): void;
data(): {
text: any;
};
computed: {
isLongText(): any;
};
methods: {
getText(): any;
};
}[];
props: {
icon: {
type: StringConstructor;
default: string;
};
name: {
type: StringConstructor;
default: string;
};
title: {
type: StringConstructor;
default: string;
};
closeAfterClick: {
type: BooleanConstructor;
default: boolean;
};
ariaLabel: {
type: StringConstructor;
default: null;
};
};
inject: {
closeMenu: {
from: import('vue').InjectionKey<(returnFocus: boolean) => void>;
};
};
emits: string[];
created(): void;
computed: {
isIconUrl(): boolean;
};
methods: {
onClick(event: any): void;
};
}, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
disabled: {
type: BooleanConstructor;
default: boolean;
};
isMenu: {
type: BooleanConstructor;
default: boolean;
};
type: {
type: StringConstructor;
default: string;
validator: (behavior: unknown) => boolean;
};
modelValue: {
type: (BooleanConstructor | StringConstructor)[];
default: null;
};
value: {
type: StringConstructor;
default: null;
};
description: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}>, {
type: string;
value: string;
description: string;
disabled: boolean;
modelValue: string | boolean;
isMenu: boolean;
}, {}, {
NcIconSvgWrapper: import('vue').DefineComponent<{
directional?: boolean;
inline?: boolean;
svg?: string;
name?: string;
path?: string;
size?: number | "auto";
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
directional?: boolean;
inline?: boolean;
svg?: string;
name?: string;
path?: string;
size?: number | "auto";
}> & Readonly<{}>, {
size: number | "auto";
name: string;
svg: string;
path: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
NcActionRouter: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
to: {
type: (ObjectConstructor | StringConstructor)[];
required: true;
};
}>, {}, {}, {}, {}, {
mixins: {
beforeUpdate(): void;
data(): {
text: any;
};
computed: {
isLongText(): any;
};
methods: {
getText(): any;
};
}[];
props: {
icon: {
type: StringConstructor;
default: string;
};
name: {
type: StringConstructor;
default: string;
};
title: {
type: StringConstructor;
default: string;
};
closeAfterClick: {
type: BooleanConstructor;
default: boolean;
};
ariaLabel: {
type: StringConstructor;
default: null;
};
};
inject: {
closeMenu: {
from: import('vue').InjectionKey<(returnFocus: boolean) => void>;
};
};
emits: string[];
created(): void;
computed: {
isIconUrl(): boolean;
};
methods: {
onClick(event: any): void;
};
}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
to: {
type: (ObjectConstructor | StringConstructor)[];
required: true;
};
}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
NcActionLink: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
NcBreadcrumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
name: {
type: StringConstructor;
required: true;
};
title: {
type: StringConstructor;
default: null;
};
to: {
type: (ObjectConstructor | StringConstructor)[];
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
icon: {
type: StringConstructor;
default: string;
};
forceIconText: {
type: BooleanConstructor;
default: boolean;
};
disableDrop: {
type: BooleanConstructor;
default: boolean;
};
forceMenu: {
type: BooleanConstructor;
default: boolean;
};
open: {
type: BooleanConstructor;
default: boolean;
};
class: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>, {
actionsContainer: string;
crumbId: string;
}, {
hovering: boolean;
}, {
linkAttributes(): {
[x: string]: unknown;
};
}, {
onOpenChange(open: boolean): void;
dropped(e: object): boolean;
dragEnter(e: DragEvent): void;
dragLeave(e: DragEvent): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("dragenter" | "dragleave" | "update:open" | "dropped")[], "dragenter" | "dragleave" | "update:open" | "dropped", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
name: {
type: StringConstructor;
required: true;
};
title: {
type: StringConstructor;
default: null;
};
to: {
type: (ObjectConstructor | StringConstructor)[];
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
icon: {
type: StringConstructor;
default: string;
};
forceIconText: {
type: BooleanConstructor;
default: boolean;
};
disableDrop: {
type: BooleanConstructor;
default: boolean;
};
forceMenu: {
type: BooleanConstructor;
default: boolean;
};
open: {
type: BooleanConstructor;
default: boolean;
};
class: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>> & Readonly<{
onDragenter?: ((...args: any[]) => any) | undefined;
onDragleave?: ((...args: any[]) => any) | undefined;
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
onDropped?: ((...args: any[]) => any) | undefined;
}>, {
title: string;
class: string | Record<string, any> | unknown[];
icon: string;
open: boolean;
href: string;
to: string | Record<string, any>;
forceMenu: boolean;
forceIconText: boolean;
disableDrop: boolean;
}, {}, {
NcActions: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
open: {
type: BooleanConstructor;
default: boolean;
};
manualOpen: {
type: BooleanConstructor;
default: boolean;
};
forceMenu: {
type: BooleanConstructor;
default: boolean;
};
forceName: {
type: BooleanConstructor;
default: boolean;
};
menuName: {
type: StringConstructor;
default: null;
};
primary: {
type: BooleanConstructor;
default: boolean;
};
defaultIcon: {
type: StringConstructor;
default: string;
};
ariaLabel: {
type: StringConstructor;
default: string;
};
placement: {
type: StringConstructor;
default: string;
};
boundariesElement: {
type: {
new (): Element;
prototype: Element;
};
default: () => HTMLElement | null;
};
container: {
type: (ObjectConstructor | BooleanConstructor | StringConstructor | {
new (): Element;
prototype: Element;
})[];
default: string;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
inline: {
type: NumberConstructor;
default: number;
};
variant: {
type: StringConstructor;
validator(value: unknown): boolean;
default: null;
};
size: {
type: StringConstructor;
default: string;
validator(value: unknown): boolean;
};
}>, {
randomId: string;
}, {
opened: boolean;
focusIndex: number;
actionsMenuSemanticType: "menu" | "navigation" | "dialog" | "tooltip" | "unknown";
}, {
triggerButtonVariant(): string;
config(): {
popupRole: string;
withArrowNavigation: boolean;
withTabNavigation: boolean;
withFocusTrap: boolean;
} | {
popupRole: undefined;
withArrowNavigation: boolean;
withTabNavigation: boolean;
withFocusTrap: boolean;
} | {
popupRole: string;
withArrowNavigation: boolean;
withTabNavigation: boolean;
withFocusTrap: boolean;
} | {
popupRole: undefined;
withArrowNavigation: boolean;
withTabNavigation: boolean;
withFocusTrap: boolean;
} | {
popupRole: undefined;
role: undefined;
withArrowNavigation: boolean;
withTabNavigation: boolean;
withFocusTrap: boolean;
};
withFocusTrap(): boolean;
}, {
getActionName(action: import('vue').VNode): string;
isValidSingleAction(action: import('vue').VNode): boolean;
isAction(action: any): boolean;
isIconUrl(url: string): boolean;
toggleMenu(state: any): void;
openMenu(): void;
closeMenu(returnFocus?: boolean): Promise<void>;
onOpened(): void;
onClosed(): void;
getCurrentActiveMenuItemElement(): HTMLElement | null;
getFocusableMenuItemElements(): NodeList<HTMLElement>;
onKeydown(event: object): void;
onTriggerKeydown(event: any): void;
handleEscapePressed(event: any): void;
removeCurrentActive(): void;
focusAction(): void;
focusPreviousAction(event: any): void;
focusNextAction(event: any): void;
focusFirstAction(event: any): void;
focusLastAction(event: any): void;
preventIfEvent(event: any): void;
onFocus(event: any): void;
onBlur(event: any): void;
onClick(event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("blur" | "click" | "close" | "focus" | "open" | "closed" | "opened" | "update:open")[], "blur" | "click" | "close" | "focus" | "open" | "closed" | "opened" | "update:open", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
open: {
type: BooleanConstructor;
default: boolean;
};
manualOpen: {
type: BooleanConstructor;
default: boolean;
};
forceMenu: {
type: BooleanConstructor;
default: boolean;
};
forceName: {
type: BooleanConstructor;
default: boolean;
};
menuName: {
type: StringConstructor;
default: null;
};
primary: {
type: BooleanConstructor;
default: boolean;
};
defaultIcon: {
type: StringConstructor;
default: string;
};
ariaLabel: {
type: StringConstructor;
default: string;
};
placement: {
type: StringConstructor;
default: string;
};
boundariesElement: {
type: {
new (): Element;
prototype: Element;
};
default: () => HTMLElement | null;
};
container: {
type: (ObjectConstructor | BooleanConstructor | StringConstructor | {
new (): Element;
prototype: Element;
})[];
default: string;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
inline: {
type: NumberConstructor;
default: number;
};
variant: {
type: StringConstructor;
validator(value: unknown): boolean;
default: null;
};
size: {
type: StringConstructor;
default: string;
validator(value: unknown): boolean;
};
}>> & Readonly<{
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onClick?: ((...args: any[]) => any) | undefined;
onClose?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
onOpened?: ((...args: any[]) => any) | undefined;
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
}>, {
size: string;
disabled: boolean;
open: boolean;
primary: boolean;
ariaLabel: string;
variant: string;
inline: number;
placement: string;
container: string | boolean | Element | Record<string, any>;
manualOpen: boolean;
forceMenu: boolean;
forceName: boolean;
menuName: string;
defaultIcon: string;
boundariesElement: Element;
}, {}, {
NcButton: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel?: string;
disabled?: boolean;
download?: string | true;
href?: string;
pressed?: boolean | undefined;
size?: import('../NcButton/NcButton.vue').ButtonSize;
target?: string;
text?: string;
to?: import('vue-router').RouteLocationRaw;
type?: import('../NcButton/NcButton.vue').ButtonType;
variant?: import('../NcButton/NcButton.vue').ButtonVariant;
wide?: boolean;
}> & Readonly<{
onClick?: ((e: MouseEvent) => any) | undefined;
"onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
click: (e: MouseEvent) => any;
"update:pressed": (pressed: boolean) => any;
}, import('vue').PublicProps, {
size: import('../NcButton/NcButton.vue').ButtonSize;
type: import('../NcButton/NcButton.vue').ButtonType;
text: string;
alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel: string;
download: string | true;
href: string;
pressed: boolean;
target: string;
to: import('vue-router').RouteLocationRaw;
variant: import('../NcButton/NcButton.vue').ButtonVariant;
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel?: string;
disabled?: boolean;
download?: string | true;
href?: string;
pressed?: boolean | undefined;
size?: import('../NcButton/NcButton.vue').ButtonSize;
target?: string;
text?: string;
to?: import('vue-router').RouteLocationRaw;
type?: import('../NcButton/NcButton.vue').ButtonType;
variant?: import('../NcButton/NcButton.vue').ButtonVariant;
wide?: boolean;
}> & Readonly<{
onClick?: ((e: MouseEvent) => any) | undefined;
"onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
}>, {}, {}, {}, {}, {
size: import('../NcButton/NcButton.vue').ButtonSize;
type: import('../NcButton/NcButton.vue').ButtonType;
text: string;
alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel: string;
download: string | true;
href: string;
pressed: boolean;
target: string;
to: import('vue-router').RouteLocationRaw;
variant: import('../NcButton/NcButton.vue').ButtonVariant;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<{
alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel?: string;
disabled?: boolean;
download?: string | true;
href?: string;
pressed?: boolean | undefined;
size?: import('../NcButton/NcButton.vue').ButtonSize;
target?: string;
text?: string;
to?: import('vue-router').RouteLocationRaw;
type?: import('../NcButton/NcButton.vue').ButtonType;
variant?: import('../NcButton/NcButton.vue').ButtonVariant;
wide?: boolean;
}> & Readonly<{
onClick?: ((e: MouseEvent) => any) | undefined;
"onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
click: (e: MouseEvent) => any;
"update:pressed": (pressed: boolean) => any;
}, string, {
size: import('../NcButton/NcButton.vue').ButtonSize;
type: import('../NcButton/NcButton.vue').ButtonType;
text: string;
alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel: string;
download: string | true;
href: string;
pressed: boolean;
target: string;
to: import('vue-router').RouteLocationRaw;
variant: import('../NcButton/NcButton.vue').ButtonVariant;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: Readonly<{
default?: import('vue').Slot;
icon?: import('vue').Slot;
}> & {
default?: import('vue').Slot;
icon?: import('vue').Slot;
};
});
NcPopover: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
}, {}, string, () => {
[x: symbol]: import('vue').ComputedRef<boolean> | ((returnFocus?: boolean) => Promise<void>);
}, true, {}, any>;
ChevronRight: any;
NcButton: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel?: string;
disabled?: boolean;
download?: string | true;
href?: string;
pressed?: boolean | undefined;
size?: import('../NcButton/NcButton.vue').ButtonSize;
target?: string;
text?: string;
to?: import('vue-router').RouteLocationRaw;
type?: import('../NcButton/NcButton.vue').ButtonType;
variant?: import('../NcButton/NcButton.vue').ButtonVariant;
wide?: boolean;
}> & Readonly<{
onClick?: ((e: MouseEvent) => any) | undefined;
"onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
click: (e: MouseEvent) => any;
"update:pressed": (pressed: boolean) => any;
}, import('vue').PublicProps, {
size: import('../NcButton/NcButton.vue').ButtonSize;
type: import('../NcButton/NcButton.vue').ButtonType;
text: string;
alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel: string;
download: string | true;
href: string;
pressed: boolean;
target: string;
to: import('vue-router').RouteLocationRaw;
variant: import('../NcButton/NcButton.vue').ButtonVariant;
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel?: string;
disabled?: boolean;
download?: string | true;
href?: string;
pressed?: boolean | undefined;
size?: import('../NcButton/NcButton.vue').ButtonSize;
target?: string;
text?: string;
to?: import('vue-router').RouteLocationRaw;
type?: import('../NcButton/NcButton.vue').ButtonType;
variant?: import('../NcButton/NcButton.vue').ButtonVariant;
wide?: boolean;
}> & Readonly<{
onClick?: ((e: MouseEvent) => any) | undefined;
"onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
}>, {}, {}, {}, {}, {
size: import('../NcButton/NcButton.vue').ButtonSize;
type: import('../NcButton/NcButton.vue').ButtonType;
text: string;
alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel: string;
download: string | true;
href: string;
pressed: boolean;
target: string;
to: import('vue-router').RouteLocationRaw;
variant: import('../NcButton/NcButton.vue').ButtonVariant;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<{
alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel?: string;
disabled?: boolean;
download?: string | true;
href?: string;
pressed?: boolean | undefined;
size?: import('../NcButton/NcButton.vue').ButtonSize;
target?: string;
text?: string;
to?: import('vue-router').RouteLocationRaw;
type?: import('../NcButton/NcButton.vue').ButtonType;
variant?: import('../NcButton/NcButton.vue').ButtonVariant;
wide?: boolean;
}> & Readonly<{
onClick?: ((e: MouseEvent) => any) | undefined;
"onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
click: (e: MouseEvent) => any;
"update:pressed": (pressed: boolean) => any;
}, string, {
size: import('../NcButton/NcButton.vue').ButtonSize;
type: import('../NcButton/NcButton.vue').ButtonType;
text: string;
alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
ariaLabel: string;
download: string | true;
href: string;
pressed: boolean;
target: string;
to: import('vue-router').RouteLocationRaw;
variant: import('../NcButton/NcButton.vue').ButtonVariant;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: Readonly<{
default?: import('vue').Slot;
icon?: import('vue').Slot;
}> & {
default?: import('vue').Slot;
icon?: import('vue').Slot;
};
});
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
IconFolder: any;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;