mediasfu-angular
Version:
mediasfu-angular - Angular 17/18/19 WebRTC SDK for video conferencing, webinars, broadcasts, live streaming, chat, recording, whiteboard, and AI agents. Prebuilt rooms and fully custom UIs.
85 lines (84 loc) • 3.8 kB
TypeScript
import { Injector, Type } from '@angular/core';
import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
import * as i0 from "@angular/core";
export interface CustomComponent {
component: Type<any>;
injector: Injector;
}
export interface Button {
name?: string | (() => string);
tooltip?: string;
customName?: string;
icon?: IconDefinition;
alternateIcon?: IconDefinition;
onPress?: () => void;
active?: boolean | (() => boolean);
activeColor?: string | (() => string);
inActiveColor?: string | (() => string);
color?: string;
backgroundColor?: {
default?: string;
pressed?: string;
};
customComponent?: HTMLElement | CustomComponent | (() => HTMLElement | CustomComponent);
iconComponent?: HTMLElement | CustomComponent | (() => HTMLElement | CustomComponent);
alternateIconComponent?: HTMLElement | CustomComponent | (() => HTMLElement | CustomComponent);
disabled?: boolean | (() => boolean);
show?: boolean | (() => boolean);
}
export interface ControlButtonsComponentOptions {
buttons: Button[];
buttonColor?: string;
buttonBackgroundColor?: {
default?: string;
pressed?: string;
};
alignment?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
vertical?: boolean;
buttonsContainerStyle?: Partial<CSSStyleDeclaration>;
alternateIconComponent?: HTMLElement | CustomComponent;
}
export type ControlButtonsComponentType = (options: ControlButtonsComponentOptions) => HTMLElement;
interface HoveredTooltipState {
id: string;
label: string;
left: number;
top: number;
}
export declare class ControlButtonsComponent {
buttons: Button[];
buttonColor: string;
buttonBackgroundColor: any;
isDarkMode?: boolean;
alignment: string;
vertical: boolean;
buttonsContainerStyle: any;
hoveredTooltip: HoveredTooltipState | null;
get resolvedIsDarkMode(): boolean;
getAlignmentStyle(): any;
getContainerStyle(): any;
getButtonStyle(button: Button): {
color: string;
backgroundColor: any;
borderColor: string;
boxShadow: string;
};
isButtonVisible(button: Button): boolean;
isButtonActive(button: Button): boolean;
isButtonDisabled(button: Button): boolean;
getButtonName(button: Button): string | null;
getButtonLabel(button: Button): string;
getButtonTextColor(button: Button): string;
showTooltip(button: Button, index: number, event: MouseEvent | FocusEvent): void;
hideTooltip(): void;
getTooltipId(index: number): string;
resolveColor(value: string | (() => string) | undefined, fallback: string): string;
private isTransparentColor;
private resolveBoolean;
mergeStyles(...styles: any[]): any;
isCustomComponent(comp: HTMLElement | CustomComponent | (() => HTMLElement | CustomComponent)): comp is CustomComponent;
isFunctionComponent(comp: HTMLElement | CustomComponent | (() => HTMLElement | CustomComponent)): comp is () => HTMLElement | CustomComponent;
static ɵfac: i0.ɵɵFactoryDeclaration<ControlButtonsComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ControlButtonsComponent, "app-control-buttons-component", never, { "buttons": { "alias": "buttons"; "required": false; }; "buttonColor": { "alias": "buttonColor"; "required": false; }; "buttonBackgroundColor": { "alias": "buttonBackgroundColor"; "required": false; }; "isDarkMode": { "alias": "isDarkMode"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "buttonsContainerStyle": { "alias": "buttonsContainerStyle"; "required": false; }; }, {}, never, never, true, never>;
}
export {};