mediasfu-angular 2.2.1 → 2.2.3

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

@@ -0,0 +1,49 @@
+import { OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { MessageParticipants, MessageParticipantsOptions } from '../../methods/participants-methods/message-participants.service';
+import { MuteParticipants, MuteParticipantsOptions } from '../../methods/participants-methods/mute-participants.service';
+import { RemoveParticipants, RemoveParticipantsOptions } from '../../methods/participants-methods/remove-participants.service';
+import { ParticipantsModalParameters } from '../../components/participants-components/participants-modal/participants-modal.component';
+import { ModernRenderMode } from '../utils/render-mode.utils';
+import * as i0 from "@angular/core";
+export declare class ModernParticipantsModalComponent implements OnInit, OnChanges {
+    private readonly muteParticipantsService;
+    private readonly messageParticipantsService;
+    private readonly removeParticipantsService;
+    isParticipantsModalVisible: boolean;
+    onParticipantsClose: () => void;
+    onParticipantsFilterChange: (_filter: string) => void;
+    participantsCounter: number;
+    onMuteParticipants?: (options: MuteParticipantsOptions) => Promise<void>;
+    onMessageParticipants?: (options: MessageParticipantsOptions) => void;
+    onRemoveParticipants?: (options: RemoveParticipantsOptions) => Promise<void>;
+    parameters: ParticipantsModalParameters;
+    position: string;
+    backgroundColor: string;
+    overlayStyle?: Partial<CSSStyleDeclaration>;
+    contentStyle?: Partial<CSSStyleDeclaration>;
+    customTemplate?: TemplateRef<unknown>;
+    renderMode: ModernRenderMode;
+    showHeader: boolean;
+    faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    participant_s: ParticipantsModalParameters["participants"];
+    participantsCounter_s: number;
+    constructor(muteParticipantsService: MuteParticipants, messageParticipantsService: MessageParticipants, removeParticipantsService: RemoveParticipants);
+    ngOnInit(): void;
+    ngOnChanges(_changes: SimpleChanges): void;
+    isVisible(): boolean;
+    isEmbedded(): boolean;
+    handleOverlayClick(): void;
+    handleFilterChange(event: Event): void;
+    handleClose(): void;
+    canShowParticipantList(): boolean;
+    resolvedMuteHandler(): (options: MuteParticipantsOptions) => Promise<void>;
+    resolvedMessageHandler(): (options: MessageParticipantsOptions) => void;
+    resolvedRemoveHandler(): (options: RemoveParticipantsOptions) => Promise<void>;
+    resolvedOverlayStyle(): Record<string, string | number>;
+    resolvedContentStyle(): Record<string, string | number>;
+    private ensureHandlers;
+    private updateParticipantsData;
+    private normalizeStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernParticipantsModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernParticipantsModalComponent, "app-participants-modal", never, { "isParticipantsModalVisible": { "alias": "isParticipantsModalVisible"; "required": false; }; "onParticipantsClose": { "alias": "onParticipantsClose"; "required": false; }; "onParticipantsFilterChange": { "alias": "onParticipantsFilterChange"; "required": false; }; "participantsCounter": { "alias": "participantsCounter"; "required": false; }; "onMuteParticipants": { "alias": "onMuteParticipants"; "required": false; }; "onMessageParticipants": { "alias": "onMessageParticipants"; "required": false; }; "onRemoveParticipants": { "alias": "onRemoveParticipants"; "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-poll-modal.component.d.ts

@@ -0,0 +1,54 @@
+import { OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { Socket } from 'socket.io-client';
+import { HandleCreatePollType, HandleEndPollType, HandleVotePollType, Poll, ShowAlert } from '../../@types/types';
+import { ModernRenderMode } from '../utils/render-mode.utils';
+import * as i0 from "@angular/core";
+interface NewPollFormState {
+    options: string[];
+    question: string;
+    type: '' | 'custom' | 'trueFalse' | 'yesNo';
+}
+export declare class ModernPollModalComponent implements OnInit, OnChanges {
+    isPollModalVisible: boolean;
+    onClose: () => void;
+    position: string;
+    backgroundColor: string;
+    member: string;
+    islevel: string;
+    polls: Poll[];
+    poll: Poll | null;
+    socket: Socket;
+    roomName: string;
+    showAlert: ShowAlert;
+    updateIsPollModalVisible: (isVisible: boolean) => void;
+    handleCreatePoll: HandleCreatePollType;
+    handleEndPoll: HandleEndPollType;
+    handleVotePoll: HandleVotePollType;
+    overlayStyle?: Partial<CSSStyleDeclaration>;
+    contentStyle?: Partial<CSSStyleDeclaration>;
+    customTemplate?: TemplateRef<unknown>;
+    renderMode: ModernRenderMode;
+    showHeader: boolean;
+    readonly faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    activeTab: 'active' | 'create' | 'history';
+    newPoll: NewPollFormState;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    isVisible(): boolean;
+    isEmbedded(): boolean;
+    renderPolls: () => void;
+    calculatePercentage(votes: number[], optionIndex: number): number;
+    handlePollTypeChange(event: Event): void;
+    canCreatePoll(): boolean;
+    setActiveTab(tab: 'active' | 'create' | 'history'): void;
+    validateAndCreatePoll(): Promise<void>;
+    handledVotePoll(pollId: string, optionIndex: number): void;
+    handledEndPoll(pollId: string): void;
+    resolvedOverlayStyle(): Record<string, string | number>;
+    resolvedContentStyle(): Record<string, string | number>;
+    private resolvePositionStyle;
+    private normalizeStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernPollModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernPollModalComponent, "app-poll-modal", never, { "isPollModalVisible": { "alias": "isPollModalVisible"; "required": false; }; "onClose": { "alias": "onClose"; "required": false; }; "position": { "alias": "position"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "member": { "alias": "member"; "required": false; }; "islevel": { "alias": "islevel"; "required": false; }; "polls": { "alias": "polls"; "required": false; }; "poll": { "alias": "poll"; "required": false; }; "socket": { "alias": "socket"; "required": false; }; "roomName": { "alias": "roomName"; "required": false; }; "showAlert": { "alias": "showAlert"; "required": false; }; "updateIsPollModalVisible": { "alias": "updateIsPollModalVisible"; "required": false; }; "handleCreatePoll": { "alias": "handleCreatePoll"; "required": false; }; "handleEndPoll": { "alias": "handleEndPoll"; "required": false; }; "handleVotePoll": { "alias": "handleVotePoll"; "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-recording-modal.component.d.ts

@@ -0,0 +1,39 @@
+import { OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { ConfirmRecordingOptions, StartRecordingOptions } from '../../@types/types';
+import { RecordingModalParameters } from '../../components/recording-components/recording-modal/recording-modal.component';
+import { ModernRenderMode } from '../utils/render-mode.utils';
+import * as i0 from "@angular/core";
+export declare class ModernRecordingModalComponent implements OnChanges {
+    isRecordingModalVisible: boolean;
+    onClose: () => void;
+    backgroundColor: string;
+    position: string;
+    confirmRecording: (options: ConfirmRecordingOptions) => void;
+    startRecording: (options: StartRecordingOptions) => void;
+    parameters: RecordingModalParameters;
+    overlayStyle?: Partial<CSSStyleDeclaration>;
+    contentStyle?: Partial<CSSStyleDeclaration>;
+    customTemplate?: TemplateRef<unknown>;
+    renderMode: ModernRenderMode;
+    showHeader: boolean;
+    readonly faCheck: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly faCog: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly faPlay: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly faVideo: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    resolvedParameters: RecordingModalParameters;
+    activePanel: 'standard' | 'advanced';
+    get recordingDisplayAdvice(): string | null;
+    ngOnChanges(changes: SimpleChanges): void;
+    isVisible(): boolean;
+    isEmbedded(): boolean;
+    confirm(): void;
+    start(): void;
+    resolvedOverlayStyle(): Record<string, string | number>;
+    resolvedContentStyle(): Record<string, string | number>;
+    private refreshParameters;
+    private resolvePositionStyle;
+    private normalizeStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernRecordingModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernRecordingModalComponent, "app-recording-modal", never, { "isRecordingModalVisible": { "alias": "isRecordingModalVisible"; "required": false; }; "onClose": { "alias": "onClose"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "position": { "alias": "position"; "required": false; }; "confirmRecording": { "alias": "confirmRecording"; "required": false; }; "startRecording": { "alias": "startRecording"; "required": false; }; "parameters": { "alias": "parameters"; "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-requests-modal.component.d.ts

@@ -0,0 +1,61 @@
+import { OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
+import { Socket } from 'socket.io-client';
+import { Request } from '../../@types/types';
+import { RespondToRequests, RespondToRequestsType } from '../../methods/requests-methods/respond-to-requests.service';
+import { ModernRenderMode } from '../utils/render-mode.utils';
+import * as i0 from "@angular/core";
+export interface ModernRequestsModalParameters {
+    filteredRequestList?: Request[];
+    getUpdatedAllParams?: () => {
+        filteredRequestList: Request[];
+    };
+    [key: string]: any;
+}
+export declare class ModernRequestsModalComponent implements OnInit, OnChanges {
+    private readonly respondToRequestsService;
+    isRequestsModalVisible: boolean;
+    requestCounter: number;
+    requestList: Request[];
+    roomName: string;
+    socket: Socket;
+    backgroundColor: string;
+    position: string;
+    parameters: ModernRequestsModalParameters;
+    onRequestClose: () => void;
+    onRequestFilterChange: (_filter: string) => void;
+    onRequestItemPress?: RespondToRequestsType;
+    updateRequestList: (_newRequestList: Request[]) => void;
+    overlayStyle?: Partial<CSSStyleDeclaration>;
+    contentStyle?: Partial<CSSStyleDeclaration>;
+    customTemplate?: TemplateRef<unknown>;
+    renderMode: ModernRenderMode;
+    showHeader: boolean;
+    faTimes: IconDefinition;
+    faCheck: IconDefinition;
+    faSearch: IconDefinition;
+    requestList_s: Request[];
+    requestCounter_s: number;
+    requestFilterValue: string;
+    private readonly iconMap;
+    constructor(respondToRequestsService: RespondToRequests);
+    ngOnInit(): void;
+    ngOnChanges(_changes: SimpleChanges): void;
+    isVisible(): boolean;
+    isEmbedded(): boolean;
+    handleOverlayClick(): void;
+    handleModalClose(): void;
+    handleFilterChange(event: Event): void;
+    emptyStateCopy(): string;
+    handleRequestAction(request: Request, action: string): void;
+    getIcon(iconName: string): IconDefinition;
+    describeRequest(iconName: string): string;
+    resolvedOverlayStyle(): Record<string, string | number>;
+    resolvedContentStyle(): Record<string, string | number>;
+    private ensureHandler;
+    private resolvedRequestHandler;
+    private updateRequests;
+    private normalizeStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernRequestsModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernRequestsModalComponent, "app-requests-modal", never, { "isRequestsModalVisible": { "alias": "isRequestsModalVisible"; "required": false; }; "requestCounter": { "alias": "requestCounter"; "required": false; }; "requestList": { "alias": "requestList"; "required": false; }; "roomName": { "alias": "roomName"; "required": false; }; "socket": { "alias": "socket"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "position": { "alias": "position"; "required": false; }; "parameters": { "alias": "parameters"; "required": false; }; "onRequestClose": { "alias": "onRequestClose"; "required": false; }; "onRequestFilterChange": { "alias": "onRequestFilterChange"; "required": false; }; "onRequestItemPress": { "alias": "onRequestItemPress"; "required": false; }; "updateRequestList": { "alias": "updateRequestList"; "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-share-event-modal.component.d.ts

@@ -0,0 +1,39 @@
+import { TemplateRef } from '@angular/core';
+import { EventType } from '../../@types/types';
+import { ModernRenderMode } from '../utils/render-mode.utils';
+import * as i0 from "@angular/core";
+export declare class ModernShareEventModalComponent {
+    private readonly defaultBackgroundColor;
+    backgroundColor: string;
+    isShareEventModalVisible: boolean;
+    onShareEventClose: () => void;
+    shareButtons: boolean;
+    position: string;
+    roomName: string;
+    adminPasscode: string;
+    islevel: string;
+    eventType: EventType;
+    localLink: string;
+    isDarkMode?: boolean;
+    overlayStyle?: Partial<CSSStyleDeclaration>;
+    contentStyle?: Partial<CSSStyleDeclaration>;
+    customTemplate?: TemplateRef<unknown>;
+    renderMode: ModernRenderMode;
+    showHeader: boolean;
+    readonly faLink: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly faShareNodes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    get resolvedIsDarkMode(): boolean;
+    isVisible(): boolean;
+    isEmbedded(): boolean;
+    handleClose(): void;
+    handleOverlayClick(): void;
+    resolvedSummary(): string;
+    resolvedOverlayStyle(): Record<string, string | number>;
+    resolvedContentStyle(): Record<string, string | number>;
+    private resolvePositionStyle;
+    private normalizeStyle;
+    private resolvedBackground;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernShareEventModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernShareEventModalComponent, "app-share-event-modal", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "isShareEventModalVisible": { "alias": "isShareEventModalVisible"; "required": false; }; "onShareEventClose": { "alias": "onShareEventClose"; "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; }; "isDarkMode": { "alias": "isDarkMode"; "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-waiting-room-modal.component.d.ts

@@ -0,0 +1,55 @@
+import { OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { Socket } from 'socket.io-client';
+import { WaitingRoomParticipant } from '../../@types/types';
+import { RespondToWaiting, RespondToWaitingType } from '../../methods/waiting-methods/respond-to-waiting.service';
+import { ModernRenderMode } from '../utils/render-mode.utils';
+import * as i0 from "@angular/core";
+interface WaitingRoomModalParameters {
+    filteredWaitingRoomList: WaitingRoomParticipant[];
+    getUpdatedAllParams?: () => WaitingRoomModalParameters;
+    [key: string]: unknown;
+}
+export declare class ModernWaitingRoomModalComponent implements OnChanges, OnInit {
+    private readonly respondToWaitingService;
+    isWaitingModalVisible: boolean;
+    onWaitingRoomClose: () => void;
+    waitingRoomCounter: number;
+    onWaitingRoomFilterChange: (filter: string) => void;
+    waitingRoomList: WaitingRoomParticipant[];
+    updateWaitingList: (updatedList: WaitingRoomParticipant[]) => void;
+    roomName: string;
+    socket: Socket;
+    position: string;
+    backgroundColor: string;
+    parameters: WaitingRoomModalParameters;
+    overlayStyle?: Partial<CSSStyleDeclaration>;
+    contentStyle?: Partial<CSSStyleDeclaration>;
+    customTemplate?: TemplateRef<unknown>;
+    onWaitingRoomItemPress?: RespondToWaitingType;
+    renderMode: ModernRenderMode;
+    showHeader: boolean;
+    readonly faCheck: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly faSearch: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    waitingRoomCounterState: number;
+    waitingRoomListState: WaitingRoomParticipant[];
+    waitingFilterValue: string;
+    constructor(respondToWaitingService: RespondToWaiting);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    isVisible(): boolean;
+    isEmbedded(): boolean;
+    handleModalClose(): void;
+    handleFilterChange(event: Event): void;
+    waitingEmptyTitle(): string;
+    waitingEmptyDetail(): string;
+    handleItemPress(participant: WaitingRoomParticipant, type: boolean): void;
+    resolvedOverlayStyle(): Record<string, string | number>;
+    resolvedContentStyle(): Record<string, string | number>;
+    private updateParameters;
+    private resolvePositionStyle;
+    private normalizeStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernWaitingRoomModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernWaitingRoomModalComponent, "app-waiting-room-modal", never, { "isWaitingModalVisible": { "alias": "isWaitingModalVisible"; "required": false; }; "onWaitingRoomClose": { "alias": "onWaitingRoomClose"; "required": false; }; "waitingRoomCounter": { "alias": "waitingRoomCounter"; "required": false; }; "onWaitingRoomFilterChange": { "alias": "onWaitingRoomFilterChange"; "required": false; }; "waitingRoomList": { "alias": "waitingRoomList"; "required": false; }; "updateWaitingList": { "alias": "updateWaitingList"; "required": false; }; "roomName": { "alias": "roomName"; "required": false; }; "socket": { "alias": "socket"; "required": false; }; "position": { "alias": "position"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "parameters": { "alias": "parameters"; "required": false; }; "overlayStyle": { "alias": "overlayStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; }; "onWaitingRoomItemPress": { "alias": "onWaitingRoomItemPress"; "required": false; }; "renderMode": { "alias": "renderMode"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/dist/lib/modern/primitives/modern-button.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class ModernButtonComponent {
+    type: 'button' | 'submit' | 'reset';
+    variant: 'primary' | 'secondary' | 'ghost';
+    size: 'md' | 'lg';
+    block: boolean;
+    disabled: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernButtonComponent, "app-modern-button", never, { "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "block": { "alias": "block"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/dist/lib/modern/primitives/modern-entry-shell.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class ModernEntryShellComponent {
+    compact: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernEntryShellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernEntryShellComponent, "app-modern-entry-shell", never, { "compact": { "alias": "compact"; "required": false; }; }, {}, never, ["[msEntryEyebrow]", "[msEntryTitle]", "[msEntryDescription]", "*", "[msEntryFooter]"], true, never>;
+}

package/dist/lib/modern/primitives/modern-field.component.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export interface ModernFieldOption {
+    label: string;
+    value: string;
+}
+export declare class ModernFieldComponent implements ControlValueAccessor {
+    controlType: 'input' | 'select' | 'textarea';
+    type: string;
+    label: string;
+    hint: string;
+    placeholder: string;
+    inputMode: string;
+    autocomplete: string;
+    rows: number;
+    options: ReadonlyArray<ModernFieldOption>;
+    blurred: EventEmitter<void>;
+    internalValue: string;
+    isDisabled: boolean;
+    private onChange;
+    private onTouched;
+    writeValue(value: string | null | undefined): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    handleValueChange(event: Event): void;
+    handleBlur(): void;
+    trackOption: (_index: number, option: ModernFieldOption) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernFieldComponent, "app-modern-field", never, { "controlType": { "alias": "controlType"; "required": false; }; "type": { "alias": "type"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "blurred": "blurred"; }, never, never, true, never>;
+}

package/dist/lib/modern/primitives/modern-sidebar-panel.component.d.ts

@@ -0,0 +1,24 @@
+import { AfterViewInit, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ModernSidebarPanelComponent implements AfterViewInit, OnChanges, OnDestroy {
+    visible: boolean;
+    width: number;
+    height: number;
+    title: string;
+    badgeText: string | number | null;
+    backLabel: string;
+    canNavigateBack: boolean;
+    contentKey: string;
+    navigateBack: EventEmitter<void>;
+    close: EventEmitter<void>;
+    private contentContainer?;
+    private scrollResetTimer;
+    protected readonly faArrowLeft: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    protected readonly faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private scheduleScrollReset;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernSidebarPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernSidebarPanelComponent, "app-modern-sidebar-panel", never, { "visible": { "alias": "visible"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "title": { "alias": "title"; "required": false; }; "badgeText": { "alias": "badgeText"; "required": false; }; "backLabel": { "alias": "backLabel"; "required": false; }; "canNavigateBack": { "alias": "canNavigateBack"; "required": false; }; "contentKey": { "alias": "contentKey"; "required": false; }; }, { "navigateBack": "navigateBack"; "close": "close"; }, never, ["*"], true, never>;
+}

package/dist/lib/modern/primitives/modern-surface.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ModernSurfaceComponent {
+    tone: 'base' | 'elevated';
+    interactive: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModernSurfaceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModernSurfaceComponent, "app-modern-surface", never, { "tone": { "alias": "tone"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/dist/lib/modern/utils/render-mode.utils.d.ts

@@ -0,0 +1,3 @@
+export type ModernRenderMode = 'modal' | 'sidebar' | 'inline';
+export declare const isEmbeddedRenderMode: (renderMode: ModernRenderMode) => boolean;
+export declare const resolveModernHeaderTitle: (title: string | false | null | undefined, fallbackTitle: string) => string;

package/dist/lib/producer-client/producer-client-emits/create-device-client.service.d.ts

@@ -1,5 +1,7 @@
-import { RtpCapabilities, Device } from 'mediasoup-client/lib/types';
+import { types } from 'mediasoup-client';
 import * as i0 from "@angular/core";
+type RtpCapabilities = types.RtpCapabilities;
+type Device = types.Device;
 export interface CreateDeviceClientOptions {
     rtpCapabilities: RtpCapabilities | null;
 }
@@ -28,16 +30,8 @@ export type CreateDeviceClientType = (options: CreateDeviceClientOptions) => Pro
  * In this example, the function creates a device based on RTP capabilities, handling errors and unsupported devices gracefully.
  */
 export declare class CreateDeviceClient {
-    /**
-     * Creates a mediasoup client device with the provided RTP capabilities.
-     *
-     * @param {CreateDeviceClientOptions} options - The options for creating the device client.
-     * @param {RTPCapabilities} options.rtpCapabilities - The RTP capabilities required for the device.
-     * @returns {Promise<Device | null>} A promise that resolves to the created Device or null if creation fails.
-     * @throws {Error} Throws an error if the required parameters are not provided or if device creation is not supported.
-     *
-     */
     createDeviceClient({ rtpCapabilities }: CreateDeviceClientOptions): Promise<Device | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CreateDeviceClient, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CreateDeviceClient>;
 }
+export {};

package/dist/lib/producer-client/producer-client-emits/join-room-client.service.d.ts

@@ -1,5 +1,3 @@
-import { JoinRoom } from '../../producers/producer-emits/join-room.service';
-import { JoinConRoom } from '../../producers/producer-emits/join-con-room.service';
 import { Socket } from 'socket.io-client';
 import * as i0 from "@angular/core";
 export interface JoinRoomClientOptions {
@@ -44,23 +42,6 @@ export type JoinRoomClientType = (params: JoinRoomClientOptions) => Promise<any>
  * This example demonstrates using `joinRoomClient` to join a room, either as a consumer or a producer, based on the `consume` flag.
  */
 export declare class JoinRoomClient {
-    private JoinRoomService;
-    private JoinConRoomService;
-    constructor(JoinRoomService: JoinRoom, JoinConRoomService: JoinConRoom);
-    /**
-     * Joins a room by emitting the `joinRoom` event to the server using the provided socket.
-     *
-     * @param {Object} options - The options for joining the room.
-     * @param {Socket} options.socket - The socket instance to use for communication.
-     * @param {string} options.roomName - The name of the room to join.
-     * @param {boolean} options.islevel - The level indicator for the room.
-     * @param {string} options.member - The member identifier.
-     * @param {string} options.sec - The security token or identifier.
-     * @param {string} options.apiUserName - The API username for authentication.
-     * @param {boolean} [options.consume=false] - Flag to determine which join function to use.
-     * @returns {Promise<any>} A promise that resolves with the data returned from the server.
-     * @throws {Error} Throws an error if the room joining process fails.
-     */
     joinRoomClient({ socket, roomName, islevel, member, sec, apiUserName, consume, }: JoinRoomClientOptions): Promise<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<JoinRoomClient, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<JoinRoomClient>;

package/dist/lib/producer-client/producer-client-emits/update-room-parameters-client.service.d.ts

@@ -1,11 +1,9 @@
-import { VideoCaptureConstraints } from '../../methods/utils/producer/video-capture-constraints.service';
-import { HParams, HParamsType } from '../../methods/utils/producer/h-params.service';
-import { VParams, VParamsType } from '../../methods/utils/producer/v-params.service';
-import { ScreenParams } from '../../methods/utils/producer/screen-params.service';
-import { AParams } from '../../methods/utils/producer/a-params.service';
-import { RtpCapabilities } from 'mediasoup-client/lib/types';
-import { EventType, ShowAlert, ResponseJoinRoom, ScreenParamsType, AParamsType, MeetingRoomParams } from '../../@types/types';
+import { HParamsType } from '../../methods/utils/producer/h-params.service';
+import { VParamsType } from '../../methods/utils/producer/v-params.service';
+import { types } from 'mediasoup-client';
+import { EventType, ShowAlert, VidCons, ResponseJoinRoom, ScreenParamsType, AParamsType, MeetingRoomParams } from '../../@types/types';
 import * as i0 from "@angular/core";
+type RtpCapabilities = types.RtpCapabilities;
 export interface UpdateRoomParametersClientParameters {
     rtpCapabilities: RtpCapabilities | null;
     roomRecvIPs: string[];
@@ -17,7 +15,7 @@ export interface UpdateRoomParametersClientParameters {
     shareScreenStarted: boolean;
     shared: boolean;
     targetOrientation: string;
-    vidCons: any;
+    vidCons: VidCons;
     recordingVideoSupport: boolean;
     frameRate: number;
     adminPasscode: string;
@@ -44,7 +42,7 @@ export interface UpdateRoomParametersClientParameters {
     updateAudioOnlyRoom: (isAudioOnly: boolean) => void;
     updateAddForBasic: (addForBasic: boolean) => void;
     updateScreenPageLimit: (limit: number) => void;
-    updateVidCons: (cons: any) => void;
+    updateVidCons: (cons: VidCons) => void;
     updateFrameRate: (frameRate: number) => void;
     updateAdminPasscode: (passcode: string) => void;
     updateEventType: (eventType: EventType) => void;
@@ -87,62 +85,9 @@ export type UpdateRoomParametersClientOptions = {
     parameters: UpdateRoomParametersClientParameters;
 };
 export type UpdateRoomParametersClientType = (options: UpdateRoomParametersClientOptions) => void;
-/**
- * Updates room parameters for the client after joining a room and receiving server-provided parameters.
- *
- * @param {UpdateRoomParametersClientOptions} options - An object containing:
- *  - various room settings and parameters,
- *  - functions to update those parameters.
- *
- * - **Screen/Page Settings:** Adjusts screen and item page limits, meeting room parameters, and video constraints based on server data.
- * - **Recording and Media Settings:** Applies bitrate and frame rate adjustments, based on the target resolution and media options.
- * - **Role-Specific Settings:** Configures admin, host, and co-host settings for permissions, orientations, and resolutions.
- * - **Alerting**: Uses `showAlert` to notify the client on issues or permissions restrictions.
- *
- * @example
- * ```typescript
- * const options = {
- *   parameters: {
- *     rtpCapabilities: myRtpCapabilities,
- *     roomRecvIPs: ['192.168.1.1'],
- *     meetingRoomParams: myMeetingParams,
- *     itemPageLimit: 3,
- *     audioOnlyRoom: false,
- *     addForBasic: true,
- *     screenPageLimit: 2,
- *     shareScreenStarted: false,
- *     shared: true,
- *     targetOrientation: 'landscape',
- *     recordingVideoSupport: true,
- *     frameRate: 15,
- *     adminPasscode: 'admin123',
- *     eventType: 'conference',
- *     youAreCoHost: false,
- *     updateRtpCapabilities: (rtp) => console.log('Updating RTP:', rtp),
- *     updateRoomRecvIPs: (ips) => console.log('Updating IPs:', ips),
- *     updateMeetingRoomParams: (params) => console.log('Updating room params:', params),
- *     // Additional parameters...
- *   },
- * };
- *
- * const updateRoomParametersClient = new UpdateRoomParametersClient(videoCaptureConstraints, hParams, vParams, screenParams, aParams);
- * updateRoomParametersClient.updateRoomParametersClient(options);
- * ```
- *
- * This example demonstrates setting up room parameters for a conference-type room with recording support and custom update functions.
- */
 export declare class UpdateRoomParametersClient {
-    private videoCaptureConstraints;
-    private hParams;
-    private vParams;
-    private screenParams;
-    private aParams;
-    constructor(videoCaptureConstraints: VideoCaptureConstraints, hParams: HParams, vParams: VParams, screenParams: ScreenParams, aParams: AParams);
-    /**
-     * Update Room Parameters Client after the user has joined the room and the room parameters have been received from the server.
-     * @param {Object} parameters - An object containing various parameters and update functions.
-     */
     updateRoomParametersClient: ({ parameters }: UpdateRoomParametersClientOptions) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UpdateRoomParametersClient, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<UpdateRoomParametersClient>;
 }
+export {};

package/dist/lib/producers/producer-emits/join-con-room.service.d.ts

@@ -1,7 +1,7 @@
 import { Socket } from 'socket.io-client';
-import { ValidateAlphanumeric } from '../../methods/utils/validate-alphanumeric.service';
-import { RtpCapabilities } from 'mediasoup-client/lib/types';
+import { types } from 'mediasoup-client';
 import * as i0 from "@angular/core";
+type RtpCapabilities = types.RtpCapabilities;
 export interface JoinConRoomOptions {
     socket: Socket;
     roomName: string;
@@ -59,24 +59,8 @@ export type JoinConRoomType = (options: JoinConRoomOptions) => Promise<JoinConRo
  * ```
  */
 export declare class JoinConRoom {
-    private validateAlphanumeric;
-    constructor(validateAlphanumeric: ValidateAlphanumeric);
-    /**
-     * Joins a conference room using the provided options.
-     *
-     * @param {JoinConRoomOptions} options - The options for joining the conference room.
-     * @param {Socket} options.socket - The socket instance to use for communication.
-     * @param {string} options.roomName - The name of the room to join.
-     * @param {string} options.islevel - The level of the user.
-     * @param {string} options.member - The member identifier.
-     * @param {string} options.sec - The security token.
-     * @param {string} options.apiUserName - The API username.
-     * @returns {Promise<JoinConRoomResponse>} A promise that resolves with the response of the join operation.
-     *
-     * @throws {Error} If any of the required parameters are missing or invalid.
-     * @throws {Error} If the user is banned, suspended, or if the host has not joined the room yet.
-     */
     joinConRoom({ socket, roomName, islevel, member, sec, apiUserName, }: JoinConRoomOptions): Promise<object>;
     static ɵfac: i0.ɵɵFactoryDeclaration<JoinConRoom, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<JoinConRoom>;
 }
+export {};