mediasfu-angular 2.2.2 → 2.2.4

package/dist/lib/modern/display-components/modern-pagination.component.d.ts

@@ -0,0 +1,91 @@
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { GeneratePageContent, GeneratePageContentParameters } from '../../consumers/generate-page-content.service';
+import { Socket } from 'socket.io-client';
+import { BreakoutParticipant, ComponentSizes, ShowAlert } from '../../@types/types';
+import * as i0 from "@angular/core";
+export interface ModernPaginationParameters extends GeneratePageContentParameters {
+    mainRoomsLength: number;
+    memberRoom: number;
+    breakOutRoomStarted: boolean;
+    breakOutRoomEnded: boolean;
+    member: string;
+    breakoutRooms: BreakoutParticipant[][];
+    hostNewRoom: number;
+    roomName: string;
+    islevel: string;
+    showAlert?: ShowAlert;
+    socket: Socket;
+    getUpdatedAllParams: () => ModernPaginationParameters;
+    [key: string]: any;
+}
+export interface ModernPaginationOptions {
+    totalPages: number;
+    currentUserPage: number;
+    handlePageChange: (options: any) => Promise<void>;
+    position: 'left' | 'middle' | 'right' | string;
+    location: 'top' | 'middle' | 'bottom' | string;
+    direction: 'horizontal' | 'vertical';
+    buttonsContainerStyle: any;
+    activePageStyle: any;
+    inactivePageStyle: any;
+    backgroundColor: string;
+    paginationHeight: number;
+    showAspect?: boolean;
+    parameters: ModernPaginationParameters;
+}
+export declare class ModernPaginationComponent implements OnInit, OnChanges {
+    private generatePageContentService;
+    totalPages: number;
+    currentUserPage: number;
+    handlePageChange: (options: any) => Promise<void>;
+    position: 'left' | 'middle' | 'right' | string;
+    location: 'top' | 'middle' | 'bottom' | string;
+    direction: 'horizontal' | 'vertical';
+    buttonsContainerStyle: any;
+    activePageStyle: any;
+    inactivePageStyle: any;
+    backgroundColor: string;
+    paginationHeight: number;
+    showAspect: boolean;
+    maxVisiblePages: number;
+    parameters: ModernPaginationParameters;
+    constructor(generatePageContentService: GeneratePageContent);
+    faHome: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faStar: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faLock: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faUsers: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faChevronLeft: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faChevronRight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faChevronUp: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faChevronDown: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    data: number[];
+    private windowStart;
+    componentSizes: ComponentSizes;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    handleClick: (page: number) => Promise<void>;
+    resolveParameters(): ModernPaginationParameters;
+    isDarkModeEnabled(): boolean;
+    refreshVisiblePages(): void;
+    shouldShowNavigationArrows(): boolean;
+    canNavigateBack(): boolean;
+    canNavigateForward(): boolean;
+    shiftWindowBack(): void;
+    shiftWindowForward(): void;
+    getArrowStyle(disabled: boolean): Record<string, string>;
+    getHomeIconColor(): string;
+    getContainerStyle(): Record<string, string>;
+    getPageStyle(item: number): Record<string, string>;
+    getPageLabelStyle(item: number): Record<string, string>;
+    getPageAriaLabel(item: number): string;
+    isBreakoutRoom: (item: number) => boolean;
+    isCurrentBreakoutRoom(item: number): boolean;
+    showBreakoutLock(item: number): boolean;
+    getDisplayItem(item: number): string;
+    private syncWindowToCurrentPage;
+    private clampWindowStart;
+    private getWindowShiftAmount;
+    private getBreakoutRoomNumber;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernPaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernPaginationComponent, "app-modern-pagination", never, { "totalPages": { "alias": "totalPages"; "required": false; }; "currentUserPage": { "alias": "currentUserPage"; "required": false; }; "handlePageChange": { "alias": "handlePageChange"; "required": false; }; "position": { "alias": "position"; "required": false; }; "location": { "alias": "location"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "buttonsContainerStyle": { "alias": "buttonsContainerStyle"; "required": false; }; "activePageStyle": { "alias": "activePageStyle"; "required": false; }; "inactivePageStyle": { "alias": "inactivePageStyle"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "paginationHeight": { "alias": "paginationHeight"; "required": false; }; "showAspect": { "alias": "showAspect"; "required": false; }; "maxVisiblePages": { "alias": "maxVisiblePages"; "required": false; }; "parameters": { "alias": "parameters"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/lib/modern/display-components/modern-participants-counter-badge.component.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+export type ModernBadgePosition = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+export declare class ModernParticipantsCounterBadgeComponent {
+    participantsCount: number;
+    position: ModernBadgePosition;
+    showBadge: boolean;
+    backgroundColor?: string;
+    textColor?: string;
+    isDarkMode: boolean;
+    customStyle: Record<string, string | number>;
+    readonly faUsers: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    get containerStyle(): Record<string, string | number>;
+    get badgeStyle(): Record<string, string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernParticipantsCounterBadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernParticipantsCounterBadgeComponent, "app-modern-participants-counter-badge", never, { "participantsCount": { "alias": "participantsCount"; "required": false; }; "position": { "alias": "position"; "required": false; }; "showBadge": { "alias": "showBadge"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "isDarkMode": { "alias": "isDarkMode"; "required": false; }; "customStyle": { "alias": "customStyle"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/lib/modern/modal-components/modern-co-host-modal.component.d.ts

@@ -0,0 +1,63 @@
+import { OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { Socket } from 'socket.io-client';
+import { CoHostResponsibility, Participant, ShowAlert } from '../../@types/types';
+import { ModifyCoHostSettings, ModifyCoHostSettingsOptions } from '../../methods/co-host-methods/modify-co-host-settings.service';
+import { ModernRenderMode } from '../utils/render-mode.utils';
+import * as i0 from "@angular/core";
+interface ResponsibilityKey {
+    dedicateKey: string;
+    label: string;
+    manageKey: string;
+}
+export declare class ModernCoHostModalComponent implements OnChanges, OnInit {
+    private readonly modifyCoHostSettingsService;
+    isCoHostModalVisible: boolean;
+    currentCohost: string;
+    participants: Participant[];
+    coHostResponsibility: CoHostResponsibility[];
+    position: string;
+    backgroundColor: string;
+    roomName: string;
+    showAlert: ShowAlert;
+    updateCoHostResponsibility: (coHostResponsibility: CoHostResponsibility[]) => void;
+    updateCoHost: (coHost: string) => void;
+    updateIsCoHostModalVisible: (isCoHostModalVisible: boolean) => void;
+    socket: Socket;
+    onCoHostClose: () => void;
+    onModifyCoHost?: (settings: ModifyCoHostSettingsOptions) => void;
+    overlayStyle?: Partial<CSSStyleDeclaration>;
+    contentStyle?: Partial<CSSStyleDeclaration>;
+    customTemplate?: TemplateRef<unknown>;
+    parameters?: unknown;
+    renderMode: ModernRenderMode;
+    showHeader: boolean;
+    readonly faCheck: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    selectedCohost: string;
+    responsibilityKeys: ResponsibilityKey[];
+    responsibilities: Record<string, boolean>;
+    private coHostResponsibilityCopy;
+    private modalWidth;
+    constructor(modifyCoHostSettingsService: ModifyCoHostSettings);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    isVisible(): boolean;
+    isEmbedded(): boolean;
+    get filteredParticipants(): Participant[];
+    handleToggleSwitch(key: string): void;
+    handleSave(): Promise<void>;
+    handleClose(): void;
+    hasAssignedCohost(): boolean;
+    displayCurrentCohost(): string;
+    resolvedOverlayStyle(): Record<string, string | number>;
+    resolvedContentStyle(): Record<string, string | number>;
+    private calculateModalWidth;
+    private findResponsibility;
+    private formatLabel;
+    private initializeResponsibilities;
+    private resolvePositionStyle;
+    private normalizeStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernCoHostModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernCoHostModalComponent, "app-co-host-modal", never, { "isCoHostModalVisible": { "alias": "isCoHostModalVisible"; "required": false; }; "currentCohost": { "alias": "currentCohost"; "required": false; }; "participants": { "alias": "participants"; "required": false; }; "coHostResponsibility": { "alias": "coHostResponsibility"; "required": false; }; "position": { "alias": "position"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "roomName": { "alias": "roomName"; "required": false; }; "showAlert": { "alias": "showAlert"; "required": false; }; "updateCoHostResponsibility": { "alias": "updateCoHostResponsibility"; "required": false; }; "updateCoHost": { "alias": "updateCoHost"; "required": false; }; "updateIsCoHostModalVisible": { "alias": "updateIsCoHostModalVisible"; "required": false; }; "socket": { "alias": "socket"; "required": false; }; "onCoHostClose": { "alias": "onCoHostClose"; "required": false; }; "onModifyCoHost": { "alias": "onModifyCoHost"; "required": false; }; "overlayStyle": { "alias": "overlayStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; }; "parameters": { "alias": "parameters"; "required": false; }; "renderMode": { "alias": "renderMode"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/dist/lib/modern/modal-components/modern-confirm-exit-modal.component.d.ts

@@ -0,0 +1,42 @@
+import { OnInit, TemplateRef } from '@angular/core';
+import { Socket } from 'socket.io-client';
+import { ConfirmExit, ConfirmExitOptions } from '../../methods/exit-methods/confirm-exit.service';
+import * as i0 from "@angular/core";
+export declare class ModernConfirmExitModalComponent implements OnInit {
+    private readonly confirmExitService;
+    isConfirmExitModalVisible: boolean;
+    onConfirmExitClose: () => void;
+    position: string;
+    backgroundColor: string;
+    exitEventOnConfirm?: (options: ConfirmExitOptions) => void;
+    member: string;
+    ban: boolean;
+    roomName: string;
+    socket: Socket;
+    islevel: string;
+    title?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    message?: string | ((context: {
+        islevel: string;
+    }) => string);
+    overlayStyle?: Partial<CSSStyleDeclaration>;
+    contentStyle?: Partial<CSSStyleDeclaration>;
+    customTemplate?: TemplateRef<unknown>;
+    readonly faExclamationTriangle: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly faSignOutAlt: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    constructor(confirmExitService: ConfirmExit);
+    ngOnInit(): void;
+    handleConfirmExit(): void;
+    resolvedTitle(): string;
+    resolvedMessage(): string;
+    resolvedConfirmLabel(): string;
+    resolvedCancelLabel(): string;
+    resolvedOverlayStyle(): Record<string, string | number>;
+    resolvedContentStyle(): Record<string, string | number>;
+    private resolvePositionStyle;
+    private normalizeStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernConfirmExitModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernConfirmExitModalComponent, "app-confirm-exit-modal", never, { "isConfirmExitModalVisible": { "alias": "isConfirmExitModalVisible"; "required": false; }; "onConfirmExitClose": { "alias": "onConfirmExitClose"; "required": false; }; "position": { "alias": "position"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "exitEventOnConfirm": { "alias": "exitEventOnConfirm"; "required": false; }; "member": { "alias": "member"; "required": false; }; "ban": { "alias": "ban"; "required": false; }; "roomName": { "alias": "roomName"; "required": false; }; "socket": { "alias": "socket"; "required": false; }; "islevel": { "alias": "islevel"; "required": false; }; "title": { "alias": "title"; "required": false; }; "confirmLabel": { "alias": "confirmLabel"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "message": { "alias": "message"; "required": false; }; "overlayStyle": { "alias": "overlayStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/lib/modern/modal-components/modern-confirm-here-modal.component.d.ts

@@ -0,0 +1,39 @@
+import { OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { Socket } from 'socket.io-client';
+import * as i0 from "@angular/core";
+export declare class ModernConfirmHereModalComponent implements OnInit, OnChanges, OnDestroy {
+    isConfirmHereModalVisible: boolean;
+    position: string;
+    backgroundColor: string;
+    displayColor: string;
+    isDarkMode: boolean;
+    onConfirmHereClose: () => void;
+    onSuppressConfirmHere?: () => void;
+    socket: Socket;
+    localSocket?: Socket;
+    roomName: string;
+    member: string;
+    countdownDuration: number;
+    overlayStyle?: Partial<CSSStyleDeclaration>;
+    contentStyle?: Partial<CSSStyleDeclaration>;
+    customTemplate?: TemplateRef<unknown>;
+    readonly faSpinner: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    counter: number;
+    doNotShowAgain: boolean;
+    private countdownInterval?;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    get resolvedIsDarkMode(): boolean;
+    get resolvedAccentColor(): string;
+    handleConfirmHere(): void;
+    updateSuppressConfirmHere(event: Event): void;
+    resolvedOverlayStyle(): Record<string, string | number>;
+    resolvedContentStyle(): Record<string, string | number>;
+    private startCountdown;
+    private clearCountdown;
+    private resolvePositionStyle;
+    private normalizeStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernConfirmHereModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernConfirmHereModalComponent, "app-confirm-here-modal", never, { "isConfirmHereModalVisible": { "alias": "isConfirmHereModalVisible"; "required": false; }; "position": { "alias": "position"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "displayColor": { "alias": "displayColor"; "required": false; }; "isDarkMode": { "alias": "isDarkMode"; "required": false; }; "onConfirmHereClose": { "alias": "onConfirmHereClose"; "required": false; }; "onSuppressConfirmHere": { "alias": "onSuppressConfirmHere"; "required": false; }; "socket": { "alias": "socket"; "required": false; }; "localSocket": { "alias": "localSocket"; "required": false; }; "roomName": { "alias": "roomName"; "required": false; }; "member": { "alias": "member"; "required": false; }; "countdownDuration": { "alias": "countdownDuration"; "required": false; }; "overlayStyle": { "alias": "overlayStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/lib/modern/modal-components/modern-display-settings-modal.component.d.ts

@@ -0,0 +1,59 @@
+import { OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { ModifyDisplaySettings, ModifyDisplaySettingsOptions, ModifyDisplaySettingsParameters } from '../../methods/display-settings-methods/modify-display-settings.service';
+import { ModernRenderMode } from '../utils/render-mode.utils';
+import * as i0 from "@angular/core";
+export interface ModernDisplaySettingsModalParameters extends ModifyDisplaySettingsParameters {
+    meetingDisplayType: string;
+    autoWave: boolean;
+    forceFullDisplay: boolean;
+    meetingVideoOptimized: boolean;
+    showSubtitlesOnCards?: boolean;
+}
+export declare class ModernDisplaySettingsModalComponent implements OnInit, OnChanges {
+    private readonly modifyDisplaySettingsService;
+    isDisplaySettingsModalVisible: boolean;
+    onDisplaySettingsClose: () => void;
+    onModifyDisplaySettings?: (options: ModifyDisplaySettingsOptions) => Promise<void> | void;
+    parameters: ModernDisplaySettingsModalParameters;
+    position: string;
+    backgroundColor: string;
+    overlayStyle?: Partial<CSSStyleDeclaration>;
+    contentStyle?: Partial<CSSStyleDeclaration>;
+    customTemplate?: TemplateRef<unknown>;
+    renderMode: ModernRenderMode;
+    showHeader: boolean;
+    faCheck: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faDisplay: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faExpand: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faGaugeHigh: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faVideo: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faWaveSquare: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    meetingDisplayTypeState: string;
+    autoWaveState: boolean;
+    forceFullDisplayState: boolean;
+    showSubtitlesOnCardsState: boolean;
+    meetingVideoOptimizedState: boolean;
+    readonly displayOptions: {
+        value: string;
+        label: string;
+        description: string;
+        icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    }[];
+    constructor(modifyDisplaySettingsService: ModifyDisplaySettings);
+    ngOnInit(): void;
+    ngOnChanges(_changes: SimpleChanges): void;
+    isVisible(): boolean;
+    isEmbedded(): boolean;
+    handleOverlayClick(): void;
+    handleSaveSettings(): Promise<void>;
+    resolvedOverlayStyle(): Record<string, string | number>;
+    resolvedContentStyle(): Record<string, string | number>;
+    resolvedAccentColor(): string;
+    private ensureHandler;
+    private resolvedModifyHandler;
+    private syncFromParameters;
+    private normalizeStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernDisplaySettingsModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernDisplaySettingsModalComponent, "app-display-settings-modal", never, { "isDisplaySettingsModalVisible": { "alias": "isDisplaySettingsModalVisible"; "required": false; }; "onDisplaySettingsClose": { "alias": "onDisplaySettingsClose"; "required": false; }; "onModifyDisplaySettings": { "alias": "onModifyDisplaySettings"; "required": false; }; "parameters": { "alias": "parameters"; "required": false; }; "position": { "alias": "position"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "overlayStyle": { "alias": "overlayStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; }; "renderMode": { "alias": "renderMode"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/lib/modern/modal-components/modern-event-settings-modal.component.d.ts

@@ -0,0 +1,80 @@
+import { OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { Socket } from 'socket.io-client';
+import { ShowAlert } from '../../@types/types';
+import { ModifySettings, ModifySettingsOptions } from '../../methods/settings-methods/modify-settings.service';
+import { ModernRenderMode } from '../utils/render-mode.utils';
+import * as i0 from "@angular/core";
+type EventSettingValue = 'disallow' | 'allow' | 'approval';
+type EventSettingSectionKey = 'audio' | 'video' | 'screenshare' | 'chat';
+export declare class ModernEventSettingsModalComponent implements OnInit, OnChanges {
+    private readonly modifySettingsService;
+    isEventSettingsModalVisible: boolean;
+    onEventSettingsClose: () => void;
+    onModifyEventSettings?: (options: ModifySettingsOptions) => Promise<void>;
+    position: string;
+    backgroundColor: string;
+    isDarkMode?: boolean;
+    audioSetting: string;
+    videoSetting: string;
+    screenshareSetting: string;
+    chatSetting: string;
+    updateAudioSetting: (_setting: string) => void;
+    updateVideoSetting: (_setting: string) => void;
+    updateScreenshareSetting: (_setting: string) => void;
+    updateChatSetting: (_setting: string) => void;
+    updateIsSettingsModalVisible: (_isVisible: boolean) => void;
+    roomName: string;
+    socket: Socket;
+    showAlert?: ShowAlert;
+    overlayStyle?: Partial<CSSStyleDeclaration>;
+    contentStyle?: Partial<CSSStyleDeclaration>;
+    customTemplate?: TemplateRef<unknown>;
+    renderMode: ModernRenderMode;
+    showHeader: boolean;
+    readonly faMessage: IconDefinition;
+    readonly faMicrophone: IconDefinition;
+    readonly faDesktop: IconDefinition;
+    readonly faBan: IconDefinition;
+    readonly faCheckCircle: IconDefinition;
+    readonly faLock: IconDefinition;
+    readonly faTimes: IconDefinition;
+    readonly faVideo: IconDefinition;
+    audioState: EventSettingValue | string;
+    videoState: EventSettingValue | string;
+    screenshareState: EventSettingValue | string;
+    chatState: EventSettingValue | string;
+    readonly settingOptions: ReadonlyArray<{
+        value: EventSettingValue;
+        label: string;
+        icon: IconDefinition;
+    }>;
+    readonly settingSections: ReadonlyArray<{
+        key: EventSettingSectionKey;
+        title: string;
+        embeddedTitle: string;
+        description: string;
+        icon: IconDefinition;
+        ariaLabel: string;
+    }>;
+    constructor(modifySettingsService: ModifySettings);
+    get resolvedIsDarkMode(): boolean;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    isVisible(): boolean;
+    isEmbedded(): boolean;
+    handleOverlayClick(): void;
+    updateStatesFromParameters(): void;
+    settingValue(section: EventSettingSectionKey): EventSettingValue | string;
+    setSettingValue(section: EventSettingSectionKey, value: EventSettingValue): void;
+    handleSaveSettings(): Promise<void>;
+    closeModal(): void;
+    resolvedOverlayStyle(): Record<string, string | number>;
+    resolvedContentStyle(): Record<string, string | number>;
+    private resolvePositionStyle;
+    private normalizeStyle;
+    private resolvedBackground;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernEventSettingsModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernEventSettingsModalComponent, "app-event-settings-modal", never, { "isEventSettingsModalVisible": { "alias": "isEventSettingsModalVisible"; "required": false; }; "onEventSettingsClose": { "alias": "onEventSettingsClose"; "required": false; }; "onModifyEventSettings": { "alias": "onModifyEventSettings"; "required": false; }; "position": { "alias": "position"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "isDarkMode": { "alias": "isDarkMode"; "required": false; }; "audioSetting": { "alias": "audioSetting"; "required": false; }; "videoSetting": { "alias": "videoSetting"; "required": false; }; "screenshareSetting": { "alias": "screenshareSetting"; "required": false; }; "chatSetting": { "alias": "chatSetting"; "required": false; }; "updateAudioSetting": { "alias": "updateAudioSetting"; "required": false; }; "updateVideoSetting": { "alias": "updateVideoSetting"; "required": false; }; "updateScreenshareSetting": { "alias": "updateScreenshareSetting"; "required": false; }; "updateChatSetting": { "alias": "updateChatSetting"; "required": false; }; "updateIsSettingsModalVisible": { "alias": "updateIsSettingsModalVisible"; "required": false; }; "roomName": { "alias": "roomName"; "required": false; }; "socket": { "alias": "socket"; "required": false; }; "showAlert": { "alias": "showAlert"; "required": false; }; "overlayStyle": { "alias": "overlayStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; }; "renderMode": { "alias": "renderMode"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/dist/lib/modern/modal-components/modern-media-settings-modal.component.d.ts

@@ -0,0 +1,72 @@
+import { DoCheck, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { SwitchAudio, SwitchAudioOptions } from '../../methods/stream-methods/switch-audio.service';
+import { SwitchVideo, SwitchVideoOptions } from '../../methods/stream-methods/switch-video.service';
+import { SwitchVideoAlt, SwitchVideoAltOptions } from '../../methods/stream-methods/switch-video-alt.service';
+import type { MediaSettingsModalParameters } from '../../components/media-settings-components/media-settings-modal/media-settings-modal.component';
+import { ModernRenderMode } from '../utils/render-mode.utils';
+import * as i0 from "@angular/core";
+export declare class ModernMediaSettingsModalComponent implements OnInit, OnChanges, DoCheck {
+    private readonly switchAudioService;
+    private readonly switchVideoService;
+    private readonly switchVideoAltService;
+    isMediaSettingsModalVisible: boolean;
+    onMediaSettingsClose: () => void;
+    switchCameraOnPress?: (options: SwitchVideoAltOptions) => Promise<void>;
+    switchVideoOnPress?: (options: SwitchVideoOptions) => Promise<void>;
+    switchAudioOnPress?: (options: SwitchAudioOptions) => Promise<void>;
+    parameters: MediaSettingsModalParameters;
+    position: string;
+    backgroundColor: string;
+    overlayStyle?: Partial<CSSStyleDeclaration>;
+    contentStyle?: Partial<CSSStyleDeclaration>;
+    customTemplate?: TemplateRef<unknown>;
+    renderMode: ModernRenderMode;
+    showHeader: boolean;
+    onOpenBackgroundSidebar?: () => void;
+    readonly faCamera: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly faCheck: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly faMicrophone: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly faPhotoFilm: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly faSyncAlt: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly faVideo: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    activeSection: 'video' | 'audio';
+    liveParameters: MediaSettingsModalParameters;
+    selectedVideoInput: string;
+    selectedAudioInput: string;
+    prevSelectedVideoInput: string;
+    prevSelectedAudioInput: string;
+    private lastResolvedSignature;
+    constructor(switchAudioService: SwitchAudio, switchVideoService: SwitchVideo, switchVideoAltService: SwitchVideoAlt);
+    ngOnInit(): void;
+    ngOnChanges(_changes: SimpleChanges): void;
+    ngDoCheck(): void;
+    isVisible(): boolean;
+    isEmbedded(): boolean;
+    handleOverlayClick(): void;
+    handleSwitchCamera(): Promise<void>;
+    handleVideoSwitch(eventOrDeviceId: Event | string): Promise<void>;
+    handleAudioSwitch(eventOrDeviceId: Event | string): Promise<void>;
+    handleModalClose(): void;
+    showVirtual(): void;
+    showCameraHint(): boolean;
+    getDeviceLabel(device: MediaDeviceInfo, fallback: string, index: number): string;
+    getSectionDescription(section: 'video' | 'audio'): string;
+    resolvedOverlayStyle(): Record<string, string | number>;
+    resolvedContentStyle(): Record<string, string | number>;
+    private setupDefaultServices;
+    private refreshState;
+    private syncLiveParameters;
+    private ensureDefaultSelections;
+    private resolveParameters;
+    private createParameterSignature;
+    private resolveSelectedDevice;
+    private resolvedCameraHandler;
+    private resolvedVideoHandler;
+    private resolvedAudioHandler;
+    private extractDeviceId;
+    private resolvePositionStyle;
+    private normalizeStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernMediaSettingsModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernMediaSettingsModalComponent, "app-media-settings-modal", never, { "isMediaSettingsModalVisible": { "alias": "isMediaSettingsModalVisible"; "required": false; }; "onMediaSettingsClose": { "alias": "onMediaSettingsClose"; "required": false; }; "switchCameraOnPress": { "alias": "switchCameraOnPress"; "required": false; }; "switchVideoOnPress": { "alias": "switchVideoOnPress"; "required": false; }; "switchAudioOnPress": { "alias": "switchAudioOnPress"; "required": false; }; "parameters": { "alias": "parameters"; "required": false; }; "position": { "alias": "position"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "overlayStyle": { "alias": "overlayStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; }; "renderMode": { "alias": "renderMode"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "onOpenBackgroundSidebar": { "alias": "onOpenBackgroundSidebar"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/lib/modern/modal-components/modern-menu-modal.component.d.ts

@@ -0,0 +1,48 @@
+import { TemplateRef } from '@angular/core';
+import { EventType } from '../../@types/types';
+import { CustomButton } from '../../components/menu-components/custom-buttons/custom-buttons.component';
+import { ModernRenderMode } from '../utils/render-mode.utils';
+import * as i0 from "@angular/core";
+export declare class ModernMenuModalComponent {
+    backgroundColor: string;
+    isVisible: boolean;
+    isDarkMode?: boolean;
+    onToggleTheme?: (value: boolean) => void;
+    customButtons: CustomButton[];
+    shareButtons: boolean;
+    position: string;
+    roomName: string;
+    adminPasscode: string;
+    islevel: string;
+    eventType: EventType;
+    localLink?: string;
+    title?: string;
+    overlayStyle?: Partial<CSSStyleDeclaration>;
+    contentStyle?: Partial<CSSStyleDeclaration>;
+    customTemplate?: TemplateRef<unknown>;
+    onClose: () => void;
+    renderMode: ModernRenderMode;
+    showHeader: boolean;
+    showDefaultSections: boolean;
+    showBackButton: boolean;
+    backLabel: string;
+    onBack: () => void;
+    protected readonly faArrowLeft: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    protected readonly faBars: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    protected readonly faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    protected readonly faMoon: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    protected readonly faSun: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    get resolvedIsDarkMode(): boolean;
+    isEmbedded(): boolean;
+    headerEyebrow(): string;
+    headerSubtitle(): string;
+    resolvedOverlayStyle(): Partial<CSSStyleDeclaration>;
+    resolvedContentStyle(): Partial<CSSStyleDeclaration>;
+    toggleTheme(value: boolean): void;
+    handleClose(): void;
+    handleBack(): void;
+    handleOverlayClick(): void;
+    private isTransparentBackground;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernMenuModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernMenuModalComponent, "app-modern-menu-modal", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "isVisible": { "alias": "isVisible"; "required": false; }; "isDarkMode": { "alias": "isDarkMode"; "required": false; }; "onToggleTheme": { "alias": "onToggleTheme"; "required": false; }; "customButtons": { "alias": "customButtons"; "required": false; }; "shareButtons": { "alias": "shareButtons"; "required": false; }; "position": { "alias": "position"; "required": false; }; "roomName": { "alias": "roomName"; "required": false; }; "adminPasscode": { "alias": "adminPasscode"; "required": false; }; "islevel": { "alias": "islevel"; "required": false; }; "eventType": { "alias": "eventType"; "required": false; }; "localLink": { "alias": "localLink"; "required": false; }; "title": { "alias": "title"; "required": false; }; "overlayStyle": { "alias": "overlayStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; }; "onClose": { "alias": "onClose"; "required": false; }; "renderMode": { "alias": "renderMode"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "showDefaultSections": { "alias": "showDefaultSections"; "required": false; }; "showBackButton": { "alias": "showBackButton"; "required": false; }; "backLabel": { "alias": "backLabel"; "required": false; }; "onBack": { "alias": "onBack"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/dist/lib/modern/modal-components/modern-messages-modal.component.d.ts

@@ -0,0 +1,58 @@
+import { OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { Socket } from 'socket.io-client';
+import { CoHostResponsibility, EventType, Message, Participant, ShowAlert } from '../../@types/types';
+import { SendMessage, SendMessageOptions } from '../../methods/message-methods/send-message.service';
+import { ModernRenderMode } from '../utils/render-mode.utils';
+import * as i0 from "@angular/core";
+export declare class ModernMessagesModalComponent implements OnInit, OnChanges {
+    private readonly sendMessageService;
+    isMessagesModalVisible: boolean;
+    onMessagesClose: () => void;
+    onSendMessagePress?: (options: SendMessageOptions) => Promise<void>;
+    messages: Message[];
+    position: string;
+    backgroundColor: string;
+    activeTabBackgroundColor: string;
+    eventType: EventType;
+    member: string;
+    islevel: string;
+    coHostResponsibility: CoHostResponsibility[];
+    coHost: string;
+    startDirectMessage: boolean;
+    directMessageDetails: Participant | null;
+    updateStartDirectMessage: (_start: boolean) => void;
+    updateDirectMessageDetails: (_participant: Participant | null) => void;
+    showAlert?: ShowAlert;
+    roomName: string;
+    socket: Socket;
+    chatSetting: string;
+    overlayStyle?: Partial<CSSStyleDeclaration>;
+    contentStyle?: Partial<CSSStyleDeclaration>;
+    customTemplate?: TemplateRef<unknown>;
+    renderMode: ModernRenderMode;
+    showHeader: boolean;
+    faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    activeTab: 'group' | 'direct';
+    focusedInput: boolean;
+    directMessages: Message[];
+    groupMessages: Message[];
+    constructor(sendMessageService: SendMessage);
+    ngOnInit(): void;
+    ngOnChanges(_changes: SimpleChanges): void;
+    isVisible(): boolean;
+    isEmbedded(): boolean;
+    supportsDirectMessages(): boolean;
+    switchToDirectTab(): void;
+    switchToGroupTab(): void;
+    closeMessagesModal(): void;
+    handleOverlayClick(): void;
+    resolvedSendMessageHandler(): (options: SendMessageOptions) => Promise<void>;
+    resolvedOverlayStyle(): Record<string, string | number>;
+    resolvedContentStyle(): Record<string, string | number>;
+    private ensureSendMessageHandler;
+    private syncState;
+    private populateMessages;
+    private normalizeStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernMessagesModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernMessagesModalComponent, "app-messages-modal", never, { "isMessagesModalVisible": { "alias": "isMessagesModalVisible"; "required": false; }; "onMessagesClose": { "alias": "onMessagesClose"; "required": false; }; "onSendMessagePress": { "alias": "onSendMessagePress"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "position": { "alias": "position"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "activeTabBackgroundColor": { "alias": "activeTabBackgroundColor"; "required": false; }; "eventType": { "alias": "eventType"; "required": false; }; "member": { "alias": "member"; "required": false; }; "islevel": { "alias": "islevel"; "required": false; }; "coHostResponsibility": { "alias": "coHostResponsibility"; "required": false; }; "coHost": { "alias": "coHost"; "required": false; }; "startDirectMessage": { "alias": "startDirectMessage"; "required": false; }; "directMessageDetails": { "alias": "directMessageDetails"; "required": false; }; "updateStartDirectMessage": { "alias": "updateStartDirectMessage"; "required": false; }; "updateDirectMessageDetails": { "alias": "updateDirectMessageDetails"; "required": false; }; "showAlert": { "alias": "showAlert"; "required": false; }; "roomName": { "alias": "roomName"; "required": false; }; "socket": { "alias": "socket"; "required": false; }; "chatSetting": { "alias": "chatSetting"; "required": false; }; "overlayStyle": { "alias": "overlayStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; }; "renderMode": { "alias": "renderMode"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; }, {}, never, never, true, never>;
+}