UNPKG

@dialpad/dialtone-vue

Version:

Vue component library for Dialpad's design system Dialtone

1,313 lines • 86.5 kB
import { removeClassStyleAttrs, addClassStyleAttrs } from '../../../common/utils'; declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ type: { type: StringConstructor; default: string; validator: (type: unknown) => boolean; }; ariaLabel: { type: StringConstructor; default: string; }; description: { type: StringConstructor; required: true; }; color: { type: StringConstructor; default: null; validator: (color: unknown) => boolean; }; channelSetting: { type: StringConstructor; default: null; }; hasUnreads: { type: BooleanConstructor; default: boolean; }; unreadCount: { type: StringConstructor; default: null; }; unreadMentionCount: { type: StringConstructor; default: null; }; selected: { type: BooleanConstructor; default: boolean; }; muted: { type: BooleanConstructor; default: boolean; }; activeVoiceChat: { type: BooleanConstructor; default: boolean; }; dndText: { type: StringConstructor; default: string; }; hasCallButton: { type: BooleanConstructor; default: boolean; }; isTyping: { type: BooleanConstructor; default: boolean; }; iconSize: { type: StringConstructor; default: string; validator: (size: unknown) => boolean; }; }>, {}, { actionFocused: boolean; labelWidth: string; i18n: any; }, { leftbarGeneralRowClasses(): (string | { 'd-recipe-leftbar-row--no-action': boolean; 'd-recipe-leftbar-row--has-unread': boolean; 'd-recipe-leftbar-row__unread-count': boolean; 'd-recipe-leftbar-row--selected': boolean; 'd-recipe-leftbar-row--muted': boolean; 'd-recipe-leftbar-row--action-focused': boolean; })[]; getIcon(): string; generalRowListeners(): Object; getAriaLabel(): string; hasActions(): string | boolean; showUnreadCount(): boolean; showUnreadMentionCount(): boolean; hasUnreadCount(): boolean; hasUnreadMentionCount(): boolean; shouldApplyCustomStyleForCountBadge(): boolean; shouldApplyCustomStyleForMentionOnly(): boolean; messageCount(): string | number; mentionCount(): string | number; unreadCountTooltip(): string; dndTextTooltip(): any; activeVoiceChatTooltip(): any; callButtonTooltip(): any; typingTooltip(): any; }, { removeClassStyleAttrs: typeof removeClassStyleAttrs; addClassStyleAttrs: typeof addClassStyleAttrs; validateProps(): void; adjustLabelWidth(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "call"[], "call", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ type: { type: StringConstructor; default: string; validator: (type: unknown) => boolean; }; ariaLabel: { type: StringConstructor; default: string; }; description: { type: StringConstructor; required: true; }; color: { type: StringConstructor; default: null; validator: (color: unknown) => boolean; }; channelSetting: { type: StringConstructor; default: null; }; hasUnreads: { type: BooleanConstructor; default: boolean; }; unreadCount: { type: StringConstructor; default: null; }; unreadMentionCount: { type: StringConstructor; default: null; }; selected: { type: BooleanConstructor; default: boolean; }; muted: { type: BooleanConstructor; default: boolean; }; activeVoiceChat: { type: BooleanConstructor; default: boolean; }; dndText: { type: StringConstructor; default: string; }; hasCallButton: { type: BooleanConstructor; default: boolean; }; isTyping: { type: BooleanConstructor; default: boolean; }; iconSize: { type: StringConstructor; default: string; validator: (size: unknown) => boolean; }; }>> & Readonly<{ onCall?: ((...args: any[]) => any) | undefined; }>, { type: string; color: string; iconSize: string; ariaLabel: string; muted: boolean; selected: boolean; unreadCount: string; channelSetting: string; hasUnreads: boolean; unreadMentionCount: string; activeVoiceChat: boolean; dndText: string; hasCallButton: boolean; isTyping: boolean; }, {}, { DtEmojiTextWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ elementType: { type: StringConstructor; default: string; }; size: { type: StringConstructor; default: string; validator: (t: unknown) => boolean; }; }>, {}, { loadingEmojiJson: boolean; }, {}, { replaceDtEmojis(replaceList: any, textContent: any): Array<VNode | string>; searchVNodes(VNode: any): any | any; replaceVueComponentVNodeContent(): void; searchCodes(textContent: any): Array<VNode | string> | string; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ elementType: { type: StringConstructor; default: string; }; size: { type: StringConstructor; default: string; validator: (t: unknown) => boolean; }; }>> & Readonly<{}>, { size: string; elementType: string; }, {}, { DtEmoji: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ code: { type: StringConstructor; required: true; }; size: { type: StringConstructor; default: string; validator: (t: unknown) => boolean; }; imgClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; ariaLabel: { type: StringConstructor; default: null; }; showSkeleton: { type: BooleanConstructor; default: boolean; }; }>, {}, { emojiData: null; imgLoading: boolean; }, { emojiDataValid(): false; emojiSrc(): any; emojiAlt(): any; emojiLabel(): any; emojiSize(): any; }, { getEmojiData(): void; imageLoaded(): void; imageErrored(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ code: { type: StringConstructor; required: true; }; size: { type: StringConstructor; default: string; validator: (t: unknown) => boolean; }; imgClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; ariaLabel: { type: StringConstructor; default: null; }; showSkeleton: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{}>, { size: string; ariaLabel: string; imgClass: string | unknown[] | Record<string, any>; showSkeleton: boolean; }, {}, { DtSkeleton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ paragraphOption: { type: (ObjectConstructor | BooleanConstructor)[]; default: null; }; listItemOption: { type: (ObjectConstructor | BooleanConstructor)[]; default: null; }; textOption: { type: ObjectConstructor; default: null; }; shapeOption: { type: (ObjectConstructor | BooleanConstructor)[]; default: null; }; animationDuration: { type: NumberConstructor; default: number; }; ariaLabel: { type: StringConstructor; default: string; }; animate: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; }>, {}, {}, { validationOptions(): { paragraphOption: boolean | Record<string, any>; listItemOption: boolean | Record<string, any>; textOption: Record<string, any>; shapeOption: boolean | Record<string, any>; }; }, { validator(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ paragraphOption: { type: (ObjectConstructor | BooleanConstructor)[]; default: null; }; listItemOption: { type: (ObjectConstructor | BooleanConstructor)[]; default: null; }; textOption: { type: ObjectConstructor; default: null; }; shapeOption: { type: (ObjectConstructor | BooleanConstructor)[]; default: null; }; animationDuration: { type: NumberConstructor; default: number; }; ariaLabel: { type: StringConstructor; default: string; }; animate: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; }>> & Readonly<{}>, { offset: number; animationDuration: number; ariaLabel: string; animate: boolean; paragraphOption: boolean | Record<string, any>; listItemOption: boolean | Record<string, any>; textOption: Record<string, any>; shapeOption: boolean | Record<string, any>; }, {}, { DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ type: { type: StringConstructor; default: string; validator: (type: unknown) => boolean; }; headingHeight: { type: StringConstructor; default: string; validator: (headingHeight: unknown) => boolean; }; width: { type: StringConstructor; default: string; }; animationDuration: { type: NumberConstructor; default: number; }; animate: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; contentClass: { type: StringConstructor; default: string; }; }>, {}, { SKELETON_HEADING_HEIGHTS: { sm: string; md: string; lg: string; }; }, {}, {}, { computed: { skeletonOffset(): any; skeletonStyle(): { animationDelay: string; animationDuration: any; }; }; }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ type: { type: StringConstructor; default: string; validator: (type: unknown) => boolean; }; headingHeight: { type: StringConstructor; default: string; validator: (headingHeight: unknown) => boolean; }; width: { type: StringConstructor; default: string; }; animationDuration: { type: NumberConstructor; default: number; }; animate: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; contentClass: { type: StringConstructor; default: string; }; }>> & Readonly<{}>, { type: string; offset: number; animationDuration: number; width: string; contentClass: string; animate: boolean; headingHeight: string; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ shape: { type: StringConstructor; default: string; validator: (shape: unknown) => boolean; }; size: { type: StringConstructor; default: string; }; animationDuration: { type: NumberConstructor; default: number; }; animate: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; contentClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; }>, {}, { SKELETON_SHAPES: { circle: string; square: string; }; }, { shapeStyles(): { 'min-width': any; 'max-width': any; 'min-height': any; 'max-height': any; animationDelay: string; animationDuration: any; }; }, {}, { computed: { skeletonOffset(): any; skeletonStyle(): { animationDelay: string; animationDuration: any; }; }; }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ shape: { type: StringConstructor; default: string; validator: (shape: unknown) => boolean; }; size: { type: StringConstructor; default: string; }; animationDuration: { type: NumberConstructor; default: number; }; animate: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; contentClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; }>> & Readonly<{}>, { offset: number; animationDuration: number; size: string; contentClass: string | unknown[] | Record<string, any>; shape: string; animate: boolean; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; DtSkeletonListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ shape: { type: StringConstructor; default: string; validator: (shape: unknown) => boolean; }; shapeSize: { type: StringConstructor; default: string; }; paragraphs: { type: ObjectConstructor; default: () => { rows: number; randomWidth: boolean; }; }; animationDuration: { type: NumberConstructor; default: number; }; animate: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; shapeClass: { type: StringConstructor; default: string; }; contentClass: { type: StringConstructor; default: string; }; }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ shape: { type: StringConstructor; default: string; validator: (shape: unknown) => boolean; }; shapeSize: { type: StringConstructor; default: string; }; paragraphs: { type: ObjectConstructor; default: () => { rows: number; randomWidth: boolean; }; }; animationDuration: { type: NumberConstructor; default: number; }; animate: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; shapeClass: { type: StringConstructor; default: string; }; contentClass: { type: StringConstructor; default: string; }; }>> & Readonly<{}>, { offset: number; animationDuration: number; contentClass: string; shape: string; animate: boolean; shapeSize: string; paragraphs: Record<string, any>; shapeClass: string; }, {}, { DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ shape: { type: StringConstructor; default: string; validator: (shape: unknown) => boolean; }; size: { type: StringConstructor; default: string; }; animationDuration: { type: NumberConstructor; default: number; }; animate: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; contentClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; }>, {}, { SKELETON_SHAPES: { circle: string; square: string; }; }, { shapeStyles(): { 'min-width': any; 'max-width': any; 'min-height': any; 'max-height': any; animationDelay: string; animationDuration: any; }; }, {}, { computed: { skeletonOffset(): any; skeletonStyle(): { animationDelay: string; animationDuration: any; }; }; }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ shape: { type: StringConstructor; default: string; validator: (shape: unknown) => boolean; }; size: { type: StringConstructor; default: string; }; animationDuration: { type: NumberConstructor; default: number; }; animate: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; contentClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; }>> & Readonly<{}>, { offset: number; animationDuration: number; size: string; contentClass: string | unknown[] | Record<string, any>; shape: string; animate: boolean; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ rows: { type: (StringConstructor | NumberConstructor)[]; default: number; validator: (number: any) => boolean; }; animate: { type: BooleanConstructor; default: boolean; }; minWidth: { type: (StringConstructor | NumberConstructor)[]; default: number; validator: (number: any) => boolean; }; maxWidth: { type: (StringConstructor | NumberConstructor)[]; default: number; validator: (number: any) => boolean; }; width: { type: (StringConstructor | ArrayConstructor)[]; default: null; }; randomWidth: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; animationDuration: { type: NumberConstructor; default: number; }; contentClass: { type: StringConstructor; default: string; }; rowClass: { type: StringConstructor; default: string; }; }>, {}, {}, { integerRows(): number; }, { randomWidthPercentage(): string; getSizeParagraphRow(row: any): {}; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ rows: { type: (StringConstructor | NumberConstructor)[]; default: number; validator: (number: any) => boolean; }; animate: { type: BooleanConstructor; default: boolean; }; minWidth: { type: (StringConstructor | NumberConstructor)[]; default: number; validator: (number: any) => boolean; }; maxWidth: { type: (StringConstructor | NumberConstructor)[]; default: number; validator: (number: any) => boolean; }; width: { type: (StringConstructor | ArrayConstructor)[]; default: null; }; randomWidth: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; animationDuration: { type: NumberConstructor; default: number; }; contentClass: { type: StringConstructor; default: string; }; rowClass: { type: StringConstructor; default: string; }; }>> & Readonly<{}>, { offset: number; animationDuration: number; width: string | unknown[]; contentClass: string; maxWidth: string | number; animate: boolean; rows: string | number; minWidth: string | number; randomWidth: boolean; rowClass: string; }, {}, { DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ type: { type: StringConstructor; default: string; validator: (type: unknown) => boolean; }; headingHeight: { type: StringConstructor; default: string; validator: (headingHeight: unknown) => boolean; }; width: { type: StringConstructor; default: string; }; animationDuration: { type: NumberConstructor; default: number; }; animate: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; contentClass: { type: StringConstructor; default: string; }; }>, {}, { SKELETON_HEADING_HEIGHTS: { sm: string; md: string; lg: string; }; }, {}, {}, { computed: { skeletonOffset(): any; skeletonStyle(): { animationDelay: string; animationDuration: any; }; }; }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ type: { type: StringConstructor; default: string; validator: (type: unknown) => boolean; }; headingHeight: { type: StringConstructor; default: string; validator: (headingHeight: unknown) => boolean; }; width: { type: StringConstructor; default: string; }; animationDuration: { type: NumberConstructor; default: number; }; animate: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; contentClass: { type: StringConstructor; default: string; }; }>> & Readonly<{}>, { type: string; offset: number; animationDuration: number; width: string; contentClass: string; animate: boolean; headingHeight: string; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ rows: { type: (StringConstructor | NumberConstructor)[]; default: number; validator: (number: any) => boolean; }; animate: { type: BooleanConstructor; default: boolean; }; minWidth: { type: (StringConstructor | NumberConstructor)[]; default: number; validator: (number: any) => boolean; }; maxWidth: { type: (StringConstructor | NumberConstructor)[]; default: number; validator: (number: any) => boolean; }; width: { type: (StringConstructor | ArrayConstructor)[]; default: null; }; randomWidth: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; animationDuration: { type: NumberConstructor; default: number; }; contentClass: { type: StringConstructor; default: string; }; rowClass: { type: StringConstructor; default: string; }; }>, {}, {}, { integerRows(): number; }, { randomWidthPercentage(): string; getSizeParagraphRow(row: any): {}; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ rows: { type: (StringConstructor | NumberConstructor)[]; default: number; validator: (number: any) => boolean; }; animate: { type: BooleanConstructor; default: boolean; }; minWidth: { type: (StringConstructor | NumberConstructor)[]; default: number; validator: (number: any) => boolean; }; maxWidth: { type: (StringConstructor | NumberConstructor)[]; default: number; validator: (number: any) => boolean; }; width: { type: (StringConstructor | ArrayConstructor)[]; default: null; }; randomWidth: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; animationDuration: { type: NumberConstructor; default: number; }; contentClass: { type: StringConstructor; default: string; }; rowClass: { type: StringConstructor; default: string; }; }>> & Readonly<{}>, { offset: number; animationDuration: number; width: string | unknown[]; contentClass: string; maxWidth: string | number; animate: boolean; rows: string | number; minWidth: string | number; randomWidth: boolean; rowClass: string; }, {}, { DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ type: { type: StringConstructor; default: string; validator: (type: unknown) => boolean; }; headingHeight: { type: StringConstructor; default: string; validator: (headingHeight: unknown) => boolean; }; width: { type: StringConstructor; default: string; }; animationDuration: { type: NumberConstructor; default: number; }; animate: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; contentClass: { type: StringConstructor; default: string; }; }>, {}, { SKELETON_HEADING_HEIGHTS: { sm: string; md: string; lg: string; }; }, {}, {}, { computed: { skeletonOffset(): any; skeletonStyle(): { animationDelay: string; animationDuration: any; }; }; }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ type: { type: StringConstructor; default: string; validator: (type: unknown) => boolean; }; headingHeight: { type: StringConstructor; default: string; validator: (headingHeight: unknown) => boolean; }; width: { type: StringConstructor; default: string; }; animationDuration: { type: NumberConstructor; default: number; }; animate: { type: BooleanConstructor; default: boolean; }; offset: { type: NumberConstructor; default: number; }; contentClass: { type: StringConstructor; default: string; }; }>> & Readonly<{}>, { type: string; offset: number; animationDuration: number; width: string; contentClass: string; animate: boolean; headingHeight: string; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; DtBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ iconSize: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; text: { type: StringConstructor; default: string; }; kind: { type: StringConstructor; default: string; validator: (kind: unknown) => boolean; }; type: { type: StringConstructor; default: string; validator: (type: unknown) => boolean; }; decoration: { type: StringConstructor; default: undefined; validator: (type: unknown) => boolean; }; labelClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; subtle: { type: BooleanConstructor; default: boolean; }; outlined: { type: BooleanConstructor; default: boolean; }; }>, {}, { BADGE_TYPE_MODIFIERS: { default: string; info: string; success: string; warning: string; critical: string; bulletin: string; ai: string; }; BADGE_KIND_MODIFIERS: { label: string; count: string; }; BADGE_DECORATION_MODIFIERS: { 'black-400': string; 'black-500': string; 'black-900': string; 'red-200': string; 'red-300': string; 'red-400': string; 'purple-200': string; 'purple-300': string; 'purple-400': string; 'purple-500': string; 'blue-200': string; 'blue-300': string; 'blue-400': string; 'green-300': string; 'green-400': string; 'green-500': string; 'gold-300': string; 'gold-400': string; 'gold-500': string; 'magenta-200': string; 'magenta-300': string; 'magenta-400': string; }; }, { hasLeftIcon(): any; hasRightIcon(): any; hasIcons(): any; }, { validateProps(): void; validateTypePropCombination(): void; validateDecorationPropCombination(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ iconSize: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; text: { type: StringConstructor; default: string; }; kind: { type: StringConstructor; default: string; validator: (kind: unknown) => boolean; }; type: { type: StringConstructor; default: string; validator: (type: unknown) => boolean; }; decoration: { type: StringConstructor; default: undefined; validator: (type: unknown) => boolean; }; labelClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; subtle: { type: BooleanConstructor; default: boolean; }; outlined: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{}>, { type: string; outlined: boolean; iconSize: string; text: string; kind: string; decoration: string; labelClass: string | unknown[] | Record<string, any>; subtle: boolean; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ circle: { type: BooleanConstructor; default: boolean; }; iconPosition: { type: StringConstructor; default: string; validator: (position: unknown) => boolean; }; importance: { type: StringConstructor; default: string; validator: (i: unknown) => boolean; }; link: { type: BooleanConstructor; default: boolean; }; linkKind: { type: StringConstructor; default: string; validator: (lk: unknown) => boolean; }; linkInverted: { type: BooleanConstructor; default: boolean; }; disabled: { type: BooleanConstructor; default: boolean; }; type: { type: StringConstructor; default: string; validator: (t: unknown) => boolean; }; width: { type: StringConstructor; default: null; }; size: { type: StringConstructor; default: string; validator: (s: unknown) => boolean; }; labelClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; default: string; }; loading: { type: BooleanConstructor; default: boolean; }; kind: { type: StringConstructor; default: string; validator: (k: unknown) => boolean; }; assertiveOnFocus: { type: BooleanConstructor; default: boolean; }; active: { type: BooleanConstructor; default: boolean; }; to: { type: (ObjectConstructor | StringConstructor)[]; default: null; }; href: { type: StringConstructor; default: null; }; target: { type: StringConstructor; default: null; }; rel: { type: StringConstructor; default: null; }; replace: { type: BooleanConstructor; default: boolean; }; }>, {}, { ICON_POSITION_MODIFIERS: { left: string; right: string; top: string; bottom: string; }; isInFocus: boolean; hasSlotContent: typeof import('../../../common/utils').hasSlotContent; i18n: any; }, { computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>; isNativeButton(): boolean; computedAttrs(): { 'aria-disabled'?: string | undefined; ta