@dialpad/dialtone-vue
Version:
Vue component library for Dialpad's design system Dialtone
698 lines • 21.1 kB
TypeScript
import { removeClassStyleAttrs, addClassStyleAttrs } from '../../../common/utils';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
active: {
type: BooleanConstructor;
default: boolean;
};
danger: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
circle: {
type: BooleanConstructor;
default: boolean;
};
ariaLabel: {
type: StringConstructor;
default: null;
validator: (label: unknown) => any;
};
buttonClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
textClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
buttonWidthSize: {
type: StringConstructor;
default: string;
validator: (size: unknown) => boolean;
};
importance: {
type: StringConstructor;
default: string;
};
invertedTooltip: {
type: BooleanConstructor;
default: boolean;
};
showTooltip: {
type: BooleanConstructor;
default: null;
};
tooltipText: {
type: StringConstructor;
default: undefined;
};
tooltipDelay: {
type: BooleanConstructor;
default: undefined;
};
}>, {}, {}, {
callbarButtonClass(): (string | unknown[] | Record<string, any>)[];
callbarButtonTextClass(): (string | unknown[] | Record<string, any>)[];
buttonWidth(): "4.5rem" | "6rem" | "8.4rem";
buttonImportance(): string;
callbarButtonListeners(): {
click: (event: any) => void;
constructor: Function;
toString(): string;
toLocaleString(): string;
valueOf(): Object;
hasOwnProperty(v: PropertyKey): boolean;
isPrototypeOf(v: Object): boolean;
propertyIsEnumerable(v: PropertyKey): boolean;
};
}, {
removeClassStyleAttrs: typeof removeClassStyleAttrs;
addClassStyleAttrs: typeof addClassStyleAttrs;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
active: {
type: BooleanConstructor;
default: boolean;
};
danger: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
circle: {
type: BooleanConstructor;
default: boolean;
};
ariaLabel: {
type: StringConstructor;
default: null;
validator: (label: unknown) => any;
};
buttonClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
textClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
buttonWidthSize: {
type: StringConstructor;
default: string;
validator: (size: unknown) => boolean;
};
importance: {
type: StringConstructor;
default: string;
};
invertedTooltip: {
type: BooleanConstructor;
default: boolean;
};
showTooltip: {
type: BooleanConstructor;
default: null;
};
tooltipText: {
type: StringConstructor;
default: undefined;
};
tooltipDelay: {
type: BooleanConstructor;
default: undefined;
};
}>> & Readonly<{
onClick?: ((...args: any[]) => any) | undefined;
}>, {
disabled: boolean;
id: string;
danger: boolean;
circle: boolean;
active: boolean;
ariaLabel: string;
importance: string;
tooltipText: string;
buttonClass: string | unknown[] | Record<string, any>;
textClass: string | unknown[] | Record<string, any>;
buttonWidthSize: string;
invertedTooltip: boolean;
showTooltip: boolean;
tooltipDelay: boolean;
}, {}, {
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;
tabindex?: string | undefined;
to: string | Record<string, any>;
replace: boolean;
type?: undefined;
disabled?: undefined;
} | {
'aria-disabled'?: string | undefined;
tabindex?: string | undefined;
href: string | null;
target: string;
rel: string;
type?: undefined;
disabled?: undefined;
} | {
type: string;
disabled: boolean;
};
computedListeners(): {
focusin: (e: any) => void;
focusout: (e: any) => void;
};
computedAriaLive(): unknown;
iconSize(): any;
loaderSize(): any;
}, {
resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
buttonClasses(): any[];
isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
shouldRenderIcon(): any;
isIconOnly(): any;
isVerticalIconLayout(): boolean;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<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;
};
}>> & Readonly<{
onFocusin?: ((...args: any[]) => any) | undefined;
onFocusout?: ((...args: any[]) => any) | undefined;
}>, {
link: boolean;
disabled: boolean;
type: string;
target: string;
circle: boolean;
active: boolean;
loading: boolean;
size: string;
replace: boolean;
kind: string;
labelClass: string | unknown[] | Record<string, any>;
href: string;
to: string | Record<string, any>;
iconPosition: string;
importance: string;
linkKind: string;
linkInverted: boolean;
width: string;
assertiveOnFocus: boolean;
rel: string;
}, {}, {
DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
ariaLabel: {
type: StringConstructor;
default: string;
};
size: {
type: StringConstructor;
default: string;
validator: (s: unknown) => boolean;
};
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
ariaLabel: {
type: StringConstructor;
default: string;
};
size: {
type: StringConstructor;
default: string;
validator: (s: unknown) => boolean;
};
}>> & Readonly<{}>, {
size: string;
ariaLabel: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
fallbackPlacements: {
type: ArrayConstructor;
default: () => string[];
};
inverted: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: ArrayConstructor;
default: () => number[];
};
placement: {
type: StringConstructor;
default: string;
validator(placement: unknown): boolean;
};
sticky: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
validator: (sticky: unknown) => boolean;
};
appendTo: {
type: (StringConstructor | {
new (): HTMLElement;
prototype: HTMLElement;
})[];
default: string;
validator: (appendTo: unknown) => boolean;
};
contentClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
message: {
type: StringConstructor;
default: string;
};
enabled: {
type: BooleanConstructor;
default: boolean;
};
show: {
type: BooleanConstructor;
default: null;
};
transition: {
type: BooleanConstructor;
default: boolean;
};
delay: {
type: BooleanConstructor;
default: boolean;
};
theme: {
type: StringConstructor;
default: null;
};
externalAnchor: {
type: StringConstructor;
default: null;
};
externalAnchorElement: {
type: {
new (): HTMLElement;
prototype: HTMLElement;
};
default: null;
};
}>, {}, {
TOOLTIP_KIND_MODIFIERS: {
hover: string;
show: string;
inverted: string;
hide: string;
};
hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
tip: null;
inTimer: null;
internalShow: boolean;
currentPlacement: string;
}, {
tippyProps(): {
offset: unknown[];
delay: number | boolean;
placement: string;
sticky: string | boolean;
theme: string;
animation: string | boolean;
onShown: (tooltipInstance: any) => false | undefined;
onShow: (tooltipInstance: any) => false | undefined;
onHidden: () => void;
popperOptions: {
modifiers: ({
name: string;
options: {
fallbackPlacements: any[];
boundary: string;
altAxis?: undefined;
tether?: undefined;
};
enabled?: undefined;
} | {
name: string;
enabled: boolean;
options?: undefined;
} | {
name: string;
options: {
altAxis: boolean;
tether: boolean;
fallbackPlacements?: undefined;
boundary?: undefined;
};
enabled?: undefined;
})[];
};
};
anchor(): any;
}, {
calculateAnchorZindex(): 651 | 400;
hasVisibleFocus(): any;
onEnterAnchor(e: any): void;
triggerShow(e: any): void;
onLeaveAnchor(e: any): void;
triggerHide(): void;
onChangePlacement(placement: any): void;
onHide(): void;
onShow(tooltipInstance: any, callingMethod: any): false | undefined;
setProps(): void;
onMount(): void;
tooltipHasContent(tooltipInstance: any): boolean;
initOptions(): {
content: unknown;
arrow: string;
duration: number;
interactive: boolean;
trigger: string;
hideOnClick: boolean;
touch: boolean;
onMount: () => void;
showOnCreate: boolean;
popperOptions: {
modifiers: ({
name: string;
options: {
fallbackPlacements: any[];
boundary: string;
altAxis?: undefined;
tether?: undefined;
};
enabled?: undefined;
} | {
name: string;
enabled: boolean;
options?: undefined;
} | {
name: string;
options: {
altAxis: boolean;
tether: boolean;
fallbackPlacements?: undefined;
boundary?: undefined;
};
enabled?: undefined;
})[];
};
};
addExternalAnchorEventListeners(): void;
removeExternalAnchorEventListeners(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("shown" | "update:show")[], "shown" | "update:show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
fallbackPlacements: {
type: ArrayConstructor;
default: () => string[];
};
inverted: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: ArrayConstructor;
default: () => number[];
};
placement: {
type: StringConstructor;
default: string;
validator(placement: unknown): boolean;
};
sticky: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
validator: (sticky: unknown) => boolean;
};
appendTo: {
type: (StringConstructor | {
new (): HTMLElement;
prototype: HTMLElement;
})[];
default: string;
validator: (appendTo: unknown) => boolean;
};
contentClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
message: {
type: StringConstructor;
default: string;
};
enabled: {
type: BooleanConstructor;
default: boolean;
};
show: {
type: BooleanConstructor;
default: null;
};
transition: {
type: BooleanConstructor;
default: boolean;
};
delay: {
type: BooleanConstructor;
default: boolean;
};
theme: {
type: StringConstructor;
default: null;
};
externalAnchor: {
type: StringConstructor;
default: null;
};
externalAnchorElement: {
type: {
new (): HTMLElement;
prototype: HTMLElement;
};
default: null;
};
}>> & Readonly<{
onShown?: ((...args: any[]) => any) | undefined;
"onUpdate:show"?: ((...args: any[]) => any) | undefined;
}>, {
id: string;
offset: unknown[];
message: string;
inverted: boolean;
contentClass: string | unknown[] | Record<string, any>;
show: boolean;
transition: boolean;
appendTo: string | HTMLElement;
delay: boolean;
placement: string;
sticky: string | boolean;
theme: string;
fallbackPlacements: unknown[];
enabled: boolean;
externalAnchor: string;
externalAnchorElement: HTMLElement;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=callbar_button.vue.d.ts.map