@agendize/design-system
Version:
Agendize web design system
346 lines • 16 kB
TypeScript
import { ListItemRow, ListProperties, Selectable } from "./viewModel";
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: {
customAction?(_: {}): any;
startItemSlot?(_: {
item: {
checked: boolean;
id?: string | undefined;
title?: string | undefined;
subTitle?: string | undefined;
ariaLabel: string;
secondSubTitle?: string | undefined;
hasBorder?: boolean | undefined;
hasPadding?: boolean | undefined;
selectable?: Selectable | undefined;
clickable?: boolean | undefined;
object?: any;
type?: string | undefined;
hoverAnimation?: import("../list-item/viewModel").ListItemHoverAnimationType | undefined;
appearAnimation?: import("../list-item/viewModel").ListItemAppearAnimationType | undefined;
background?: import("../list-item/viewModel").ListItemBackgroundType | undefined;
endSlotPosition?: "center" | "start" | "end" | undefined;
disabled?: boolean | undefined;
loading?: boolean | undefined;
index?: number | undefined;
titleProperties?: {
title?: string | undefined;
type?: ("primary" | "secondary") | undefined;
tooltipLabel?: string | undefined;
icon?: string | undefined;
nowrap?: boolean | undefined;
through?: boolean | undefined;
tooltip?: boolean | undefined;
twoLines?: boolean | undefined;
} | undefined;
subtitleProperties?: {
title?: string | undefined;
type?: ("primary" | "secondary") | undefined;
tooltipLabel?: string | undefined;
icon?: string | undefined;
nowrap?: boolean | undefined;
through?: boolean | undefined;
tooltip?: boolean | undefined;
twoLines?: boolean | undefined;
} | undefined;
secondSubtitleProperties?: {
title?: string | undefined;
type?: ("primary" | "secondary") | undefined;
tooltipLabel?: string | undefined;
icon?: string | undefined;
nowrap?: boolean | undefined;
through?: boolean | undefined;
tooltip?: boolean | undefined;
twoLines?: boolean | undefined;
} | undefined;
tags?: {
title: string;
}[] | undefined;
applyTittleAttribute?: boolean | undefined;
applyTitleAsTooltip?: boolean | undefined;
};
index: number;
isLast: boolean;
}): any;
endItemSlot?(_: {
item: {
checked: boolean;
id?: string | undefined;
title?: string | undefined;
subTitle?: string | undefined;
ariaLabel: string;
secondSubTitle?: string | undefined;
hasBorder?: boolean | undefined;
hasPadding?: boolean | undefined;
selectable?: Selectable | undefined;
clickable?: boolean | undefined;
object?: any;
type?: string | undefined;
hoverAnimation?: import("../list-item/viewModel").ListItemHoverAnimationType | undefined;
appearAnimation?: import("../list-item/viewModel").ListItemAppearAnimationType | undefined;
background?: import("../list-item/viewModel").ListItemBackgroundType | undefined;
endSlotPosition?: "center" | "start" | "end" | undefined;
disabled?: boolean | undefined;
loading?: boolean | undefined;
index?: number | undefined;
titleProperties?: {
title?: string | undefined;
type?: ("primary" | "secondary") | undefined;
tooltipLabel?: string | undefined;
icon?: string | undefined;
nowrap?: boolean | undefined;
through?: boolean | undefined;
tooltip?: boolean | undefined;
twoLines?: boolean | undefined;
} | undefined;
subtitleProperties?: {
title?: string | undefined;
type?: ("primary" | "secondary") | undefined;
tooltipLabel?: string | undefined;
icon?: string | undefined;
nowrap?: boolean | undefined;
through?: boolean | undefined;
tooltip?: boolean | undefined;
twoLines?: boolean | undefined;
} | undefined;
secondSubtitleProperties?: {
title?: string | undefined;
type?: ("primary" | "secondary") | undefined;
tooltipLabel?: string | undefined;
icon?: string | undefined;
nowrap?: boolean | undefined;
through?: boolean | undefined;
tooltip?: boolean | undefined;
twoLines?: boolean | undefined;
} | undefined;
tags?: {
title: string;
}[] | undefined;
applyTittleAttribute?: boolean | undefined;
applyTitleAsTooltip?: boolean | undefined;
};
index: number;
dataPosition: string;
}): any;
item?(_: {
item: {
checked: boolean;
id?: string | undefined;
title?: string | undefined;
subTitle?: string | undefined;
ariaLabel: string;
secondSubTitle?: string | undefined;
hasBorder?: boolean | undefined;
hasPadding?: boolean | undefined;
selectable?: Selectable | undefined;
clickable?: boolean | undefined;
object?: any;
type?: string | undefined;
hoverAnimation?: import("../list-item/viewModel").ListItemHoverAnimationType | undefined;
appearAnimation?: import("../list-item/viewModel").ListItemAppearAnimationType | undefined;
background?: import("../list-item/viewModel").ListItemBackgroundType | undefined;
endSlotPosition?: "center" | "start" | "end" | undefined;
disabled?: boolean | undefined;
loading?: boolean | undefined;
index?: number | undefined;
titleProperties?: {
title?: string | undefined;
type?: ("primary" | "secondary") | undefined;
tooltipLabel?: string | undefined;
icon?: string | undefined;
nowrap?: boolean | undefined;
through?: boolean | undefined;
tooltip?: boolean | undefined;
twoLines?: boolean | undefined;
} | undefined;
subtitleProperties?: {
title?: string | undefined;
type?: ("primary" | "secondary") | undefined;
tooltipLabel?: string | undefined;
icon?: string | undefined;
nowrap?: boolean | undefined;
through?: boolean | undefined;
tooltip?: boolean | undefined;
twoLines?: boolean | undefined;
} | undefined;
secondSubtitleProperties?: {
title?: string | undefined;
type?: ("primary" | "secondary") | undefined;
tooltipLabel?: string | undefined;
icon?: string | undefined;
nowrap?: boolean | undefined;
through?: boolean | undefined;
tooltip?: boolean | undefined;
twoLines?: boolean | undefined;
} | undefined;
tags?: {
title: string;
}[] | undefined;
applyTittleAttribute?: boolean | undefined;
applyTitleAsTooltip?: boolean | undefined;
};
}): any;
emptySlot?(_: {}): any;
bulkActionSlot?(_: {
items: {
checked: boolean;
id?: string | undefined;
title?: string | undefined;
subTitle?: string | undefined;
ariaLabel: string;
secondSubTitle?: string | undefined;
hasBorder?: boolean | undefined;
hasPadding?: boolean | undefined;
selectable?: Selectable | undefined;
clickable?: boolean | undefined;
object?: any;
type?: string | undefined;
hoverAnimation?: import("../list-item/viewModel").ListItemHoverAnimationType | undefined;
appearAnimation?: import("../list-item/viewModel").ListItemAppearAnimationType | undefined;
background?: import("../list-item/viewModel").ListItemBackgroundType | undefined;
endSlotPosition?: "center" | "start" | "end" | undefined;
disabled?: boolean | undefined;
loading?: boolean | undefined;
index?: number | undefined;
titleProperties?: {
title?: string | undefined;
type?: ("primary" | "secondary") | undefined;
tooltipLabel?: string | undefined;
icon?: string | undefined;
nowrap?: boolean | undefined;
through?: boolean | undefined;
tooltip?: boolean | undefined;
twoLines?: boolean | undefined;
} | undefined;
subtitleProperties?: {
title?: string | undefined;
type?: ("primary" | "secondary") | undefined;
tooltipLabel?: string | undefined;
icon?: string | undefined;
nowrap?: boolean | undefined;
through?: boolean | undefined;
tooltip?: boolean | undefined;
twoLines?: boolean | undefined;
} | undefined;
secondSubtitleProperties?: {
title?: string | undefined;
type?: ("primary" | "secondary") | undefined;
tooltipLabel?: string | undefined;
icon?: string | undefined;
nowrap?: boolean | undefined;
through?: boolean | undefined;
tooltip?: boolean | undefined;
twoLines?: boolean | undefined;
} | undefined;
tags?: {
title: string;
}[] | undefined;
applyTittleAttribute?: boolean | undefined;
applyTitleAsTooltip?: boolean | undefined;
}[];
}): any;
};
refs: {
searchInput: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../../search-input/viewModel").SearchInputProps> & Readonly<{
"onUpdate:modelValue"?: ((item: string) => any) | undefined;
onOnEnter?: (() => any) | undefined;
onOnSearch?: (() => any) | undefined;
}>, {
focus: () => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
"update:modelValue": (item: string) => any;
onEnter: () => any;
onSearch: () => any;
}, import("vue").PublicProps, {
disabled: boolean;
}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {
input: HTMLInputElement;
}, HTMLDivElement, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("../../search-input/viewModel").SearchInputProps> & Readonly<{
"onUpdate:modelValue"?: ((item: string) => any) | undefined;
onOnEnter?: (() => any) | undefined;
onOnSearch?: (() => any) | undefined;
}>, {
focus: () => void;
}, {}, {}, {}, {
disabled: boolean;
}> | null;
localList: HTMLDivElement;
};
rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import("vue").DefineComponent<ListProperties, {
focus: () => void;
loadAndFetch: (pageParam?: number) => void;
filter: () => void;
isLoading: (isLoading: boolean) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
delete: (item: ListItemRow) => any;
"item-clicked": (item: ListItemRow) => any;
quickFilterSelected: (filterId: string) => any;
updateSelection: (items: ListItemRow[]) => any;
"update:filteredCount": (items: number) => any;
}, string, import("vue").PublicProps, Readonly<ListProperties> & Readonly<{
onDelete?: ((item: ListItemRow) => any) | undefined;
"onItem-clicked"?: ((item: ListItemRow) => any) | undefined;
onQuickFilterSelected?: ((filterId: string) => any) | undefined;
onUpdateSelection?: ((items: ListItemRow[]) => any) | undefined;
"onUpdate:filteredCount"?: ((items: number) => any) | undefined;
}>, {
id: string;
selectable: Selectable;
bodyOverflow: import("./viewModel").BodyOverflow;
itemBordered: boolean;
itemDivider: boolean;
hoverItemAnimation: import("../list-item/viewModel").ListItemHoverAnimationType;
persistence: boolean;
paginationMode: import("./viewModel").PaginationMode;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
searchInput: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../../search-input/viewModel").SearchInputProps> & Readonly<{
"onUpdate:modelValue"?: ((item: string) => any) | undefined;
onOnEnter?: (() => any) | undefined;
onOnSearch?: (() => any) | undefined;
}>, {
focus: () => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
"update:modelValue": (item: string) => any;
onEnter: () => any;
onSearch: () => any;
}, import("vue").PublicProps, {
disabled: boolean;
}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {
input: HTMLInputElement;
}, HTMLDivElement, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("../../search-input/viewModel").SearchInputProps> & Readonly<{
"onUpdate:modelValue"?: ((item: string) => any) | undefined;
onOnEnter?: (() => any) | undefined;
onOnSearch?: (() => any) | undefined;
}>, {
focus: () => void;
}, {}, {}, {}, {
disabled: boolean;
}> | null;
localList: HTMLDivElement;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};
//# sourceMappingURL=View.vue.d.ts.map