mediasfu-angular 2.2.2 → 2.2.3

package/dist/lib/components/display-components/control-buttons-component/control-buttons-component.component.d.ts

@@ -6,7 +6,9 @@ export interface CustomComponent {
     injector: Injector;
 }
 export interface Button {
-    name?: string;
+    name?: string | (() => string);
+    tooltip?: string;
+    customName?: string;
     icon?: IconDefinition;
     alternateIcon?: IconDefinition;
     onPress?: () => void;
@@ -16,6 +18,7 @@ export interface Button {
     color?: string;
     backgroundColor?: {
         default?: string;
+        pressed?: string;
     };
     customComponent?: HTMLElement | CustomComponent | (() => HTMLElement | CustomComponent);
     iconComponent?: HTMLElement | CustomComponent | (() => HTMLElement | CustomComponent);
@@ -36,17 +39,46 @@ export interface ControlButtonsComponentOptions {
     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; }; "alignment": { "alias": "alignment"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "buttonsContainerStyle": { "alias": "buttonsContainerStyle"; "required": false; }; }, {}, never, never, true, 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 {};

package/dist/lib/components/display-components/control-buttons-component-touch/control-buttons-component-touch.component.d.ts

@@ -75,6 +75,25 @@ export declare class ControlButtonsComponentTouch {
     direction: string;
     buttonsContainerStyle: any;
     showAspect: boolean;
+    getContainerStyle(): Record<string, string | number>;
+    getButtonStyle(button: ButtonTouch): {
+        width: string;
+        height: string;
+        padding: string;
+        margin: string;
+        display: string;
+        'align-items': string;
+        'justify-content': string;
+        border: string;
+        'border-radius': string;
+        cursor: string;
+        'background-color': string;
+    };
+    isButtonVisible(button: ButtonTouch): boolean;
+    isButtonActive(button: ButtonTouch): boolean;
+    isButtonDisabled(button: ButtonTouch): boolean;
+    resolveColor(value: string | (() => string) | undefined, fallback: string): string;
+    private resolveBoolean;
     getAlignmentStyle(): any;
     mergeStyles(...styles: any[]): any;
     isCustomComponent(comp: HTMLElement | CustomComponent | (() => HTMLElement | CustomComponent)): comp is CustomComponent;

package/dist/lib/components/display-components/control-widgets/control-icon-badge-widget.component.d.ts

@@ -0,0 +1,13 @@
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import * as i0 from "@angular/core";
+export declare class ControlIconBadgeWidgetComponent {
+    icon: IconDefinition;
+    iconColor: string;
+    badgeValue: number | string;
+    showBadge: boolean;
+    get normalizedBadgeValue(): string;
+    get isDotBadge(): boolean;
+    get shouldRenderBadge(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ControlIconBadgeWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ControlIconBadgeWidgetComponent, "app-control-icon-badge-widget", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "badgeValue": { "alias": "badgeValue"; "required": false; }; "showBadge": { "alias": "showBadge"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/lib/components/display-components/control-widgets/menu-participants-widget.component.d.ts

@@ -26,6 +26,7 @@ export declare class MenuParticipantsWidget {
     iconColor: string;
     participantsCounter: number;
     constructor(icon: IconDefinition, iconColor: string, participantsCounter: number);
+    get normalizedCount(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuParticipantsWidget, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MenuParticipantsWidget, "app-menu-participants-widget", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "participantsCounter": { "alias": "participantsCounter"; "required": false; }; }, {}, never, never, true, never>;
 }

package/dist/lib/components/display-components/control-widgets/menu-widget.component.d.ts

@@ -26,9 +26,9 @@ import * as i0 from "@angular/core";
 export declare class MenuWidget {
     icon: IconDefinition;
     iconColor: string;
-    badgeValue: number;
+    badgeValue: number | string;
     showBadge: boolean;
-    constructor(icon: IconDefinition, iconColor: string, badgeValue: number, showBadge: boolean);
+    constructor(icon: IconDefinition, iconColor: string, badgeValue: number | string, showBadge: boolean);
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuWidget, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MenuWidget, "app-menu-widget", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "badgeValue": { "alias": "badgeValue"; "required": false; }; "showBadge": { "alias": "showBadge"; "required": false; }; }, {}, never, never, true, never>;
 }

package/dist/lib/components/display-components/control-widgets/message-widget.component.d.ts

@@ -26,9 +26,9 @@ import * as i0 from "@angular/core";
 export declare class MessageWidget {
     icon: IconDefinition;
     iconColor: string;
-    badgeValue: number;
+    badgeValue: number | string;
     showBadge: boolean;
-    constructor(icon: IconDefinition, iconColor: string, badgeValue: number, showBadge: boolean);
+    constructor(icon: IconDefinition, iconColor: string, badgeValue: number | string, showBadge: boolean);
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageWidget, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MessageWidget, "app-message-widget", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "badgeValue": { "alias": "badgeValue"; "required": false; }; "showBadge": { "alias": "showBadge"; "required": false; }; }, {}, never, never, true, never>;
 }

package/dist/lib/components/display-components/control-widgets/record-timer-widget.component.d.ts

@@ -17,6 +17,8 @@ import * as i0 from "@angular/core";
 export declare class RecordTimerWidget {
     recordingProgressTime: string;
     constructor(recordingProgressTime: string);
+    get displayTime(): string;
+    get ariaLabel(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<RecordTimerWidget, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RecordTimerWidget, "app-record-timer-widget", never, {}, {}, never, never, true, never>;
 }

package/dist/lib/components/display-components/control-widgets/screenshare-widget.component.d.ts

@@ -28,12 +28,14 @@ import * as i0 from "@angular/core";
  */
 export declare class ScreenShareWidget {
     private injectedDisabled;
+    private injectedIconColor;
     disabled: boolean;
+    iconColor: string;
     faDesktop: import("@fortawesome/fontawesome-common-types").IconDefinition;
     faBan: import("@fortawesome/fontawesome-common-types").IconDefinition;
     computedDisabled: boolean;
-    constructor(injectedDisabled: boolean);
+    constructor(injectedDisabled: boolean, injectedIconColor: string);
     ngOnChanges(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScreenShareWidget, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScreenShareWidget, "app-screen-share-button", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScreenShareWidget, [{ optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScreenShareWidget, "app-screen-share-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; }, {}, never, never, true, never>;
 }