mediasfu-angular 1.0.0

package/dist/lib/components/misc-components/pre-join-page/pre-join-page.component.d.ts

@@ -0,0 +1,159 @@
+import { HttpClient } from '@angular/common/http';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { CookieService } from 'ngx-cookie-service';
+import { Socket } from 'socket.io-client';
+import { ConnectSocketType } from '../../../sockets/socket-manager.service';
+import { ShowAlert } from '../../../@types/types';
+import * as i0 from "@angular/core";
+export interface PreJoinPageParameters {
+    imgSrc?: string;
+    showAlert?: ShowAlert;
+    updateIsLoadingModalVisible: (visible: boolean) => void;
+    connectSocket: ConnectSocketType;
+    updateSocket: (socket: Socket) => void;
+    updateValidated: (validated: boolean) => void;
+    updateApiUserName: (userName: string) => void;
+    updateApiToken: (token: string) => void;
+    updateLink: (link: string) => void;
+    updateRoomName: (roomName: string) => void;
+    updateMember: (member: string) => void;
+}
+export interface Credentials {
+    apiUserName: string;
+    apiKey: string;
+}
+export interface PreJoinPageOptions {
+    parameters: PreJoinPageParameters;
+    credentials?: Credentials;
+}
+export interface CreateJoinRoomResponse {
+    message: string;
+    roomName: string;
+    secureCode?: string;
+    publicURL: string;
+    link: string;
+    secret: string;
+    success: boolean;
+}
+export interface CreateJoinRoomError {
+    error: string;
+    success?: boolean;
+}
+export type CreateJoinRoomType = (options: {
+    payload: any;
+    apiUserName: string;
+    apiKey: string;
+}) => Promise<{
+    data: CreateJoinRoomResponse | CreateJoinRoomError | null;
+    success: boolean;
+}>;
+export type CreateRoomOnMediaSFUType = (options: {
+    payload: any;
+    apiUserName: string;
+    apiKey: string;
+}) => Promise<{
+    data: CreateJoinRoomResponse | CreateJoinRoomError | null;
+    success: boolean;
+}>;
+export type PreJoinPageType = (options: PreJoinPageOptions) => void;
+/**
+ * @fileoverview PreJoinPage component for handling room creation and joining on MediaSFU.
+ *
+ * @component
+ * @selector app-pre-join-page
+ * @standalone true
+ * @templateUrl ./pre-join-page.component.html
+ * @styleUrls ./pre-join-page.component.css
+ * @imports [CommonModule, ReactiveFormsModule]
+ *
+ * @description
+ * This component provides functionality for users to create or join a room on MediaSFU.
+ * It includes form validation, error handling, and API requests to the MediaSFU service.
+ *
+ * @property {any} parameters - Input parameters for the component.
+ * @property {Object} credentials - API credentials for MediaSFU.
+ * @property {string} credentials.apiUserName - API username.
+ * @property {string} credentials.apiKey - API key.
+ * @property {boolean} isCreateMode - Flag to toggle between create and join modes.
+ * @property {FormGroup} preJoinForm - Form group for pre-join form.
+ * @property {string} error - Error message to display.
+ *
+ * @constructor
+ * @param {FormBuilder} fb - FormBuilder service for creating form groups.
+ * @param {HttpClient} http - HttpClient service for making HTTP requests.
+ * @param {CookieService} cookieService - CookieService for managing cookies.
+ *
+ * @method ngOnInit
+ * @description Lifecycle hook that is called after data-bound properties are initialized.
+ *
+ * @method toggleMode
+ * @description Toggles between create and join modes and resets the error message.
+ *
+ * @method handleCreateRoom
+ * @description Handles the creation of a room on MediaSFU. Validates form inputs, sends a request to create a room, and handles the response.
+ *
+ * @method handleJoinRoom
+ * @description Handles joining a room on MediaSFU. Validates form inputs, sends a request to join a room, and handles the response.
+ *
+ * @method checkLimitsAndMakeRequest
+ * @description Checks rate limits and makes a request to connect to a room. Handles unsuccessful attempts and updates the state accordingly.
+ *
+ * @method createRoomOnMediaSFU
+ * @description Sends a request to create a room on MediaSFU.
+ * @param {Object} params - Parameters for the request.
+ * @param {any} params.payload - Payload for the request.
+ * @param {string} params.apiUserName - API username.
+ * @param {string} params.apiKey - API key.
+ * @returns {Promise<{ data: CreateJoinRoomResponse | CreateJoinRoomError | null; success: boolean }>} Response from the API.
+ *
+ * @method joinRoomOnMediaSFU
+ * @description Sends a request to join a room on MediaSFU.
+ * @param {Object} params - Parameters for the request.
+ * @param {any} params.payload - Payload for the request.
+ * @param {string} params.apiUserName - API username.
+ * @param {string} params.apiKey - API key.
+ * @returns {Promise<{ data: CreateJoinRoomResponse | CreateJoinRoomError | null; success: boolean }>} Response from the API.
+ */
+export declare class PreJoinPage {
+    private fb;
+    private http;
+    private cookieService;
+    parameters: PreJoinPageParameters;
+    credentials: {
+        apiUserName: string;
+        apiKey: string;
+    };
+    isCreateMode: boolean;
+    preJoinForm: FormGroup;
+    error: string;
+    imgSrc: string;
+    constructor(fb: FormBuilder, http: HttpClient, cookieService: CookieService, injectedParameters: PreJoinPageParameters, injectedCredentials: Credentials);
+    toggleMode(): void;
+    handleCreateRoom(): Promise<void>;
+    handleJoinRoom(): Promise<void>;
+    checkLimitsAndMakeRequest({ apiUserName, apiToken, link, apiKey, userName, }: {
+        apiUserName: string;
+        apiToken: string;
+        link: string;
+        apiKey?: string;
+        userName: string;
+    }): Promise<void>;
+    createRoomOnMediaSFU({ payload, apiUserName, apiKey, }: {
+        payload: any;
+        apiUserName: string;
+        apiKey: string;
+    }): Promise<{
+        data: CreateJoinRoomResponse | CreateJoinRoomError | null;
+        success: boolean;
+    }>;
+    joinRoomOnMediaSFU({ payload, apiUserName, apiKey, }: {
+        payload: any;
+        apiUserName: string;
+        apiKey: string;
+    }): Promise<{
+        data: CreateJoinRoomResponse | CreateJoinRoomError | null;
+        success: boolean;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PreJoinPage, [null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PreJoinPage, "app-pre-join-page", never, { "parameters": { "alias": "parameters"; "required": false; }; "credentials": { "alias": "credentials"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/lib/components/misc-components/share-event-modal/share-event-modal.component.d.ts

@@ -0,0 +1,77 @@
+import { EventType } from '../../../@types/types';
+import * as i0 from "@angular/core";
+export interface ShareEventModalOptions {
+    backgroundColor?: string;
+    isShareEventModalVisible: boolean;
+    onShareEventClose: () => void;
+    shareButtons?: boolean;
+    position?: string;
+    roomName: string;
+    adminPasscode?: string;
+    islevel?: string;
+    eventType: EventType;
+}
+export type ShareEventModalType = (options: ShareEventModalOptions) => void;
+/**
+ * Component for displaying a modal to share event details.
+ *
+ * @component
+ * @selector app-share-event-modal
+ * @templateUrl ./share-event-modal.component.html
+ * @styleUrls ./share-event-modal.component.css
+ *
+ * @imports CommonModule, FontAwesomeModule, MeetingIdComponent, MeetingPasscodeComponent, ShareButtonsComponent
+ *
+ * @property {string} backgroundColor - Background color of the modal content.
+ * @property {boolean} isShareEventModalVisible - Visibility state of the share event modal.
+ * @property {Function} onShareEventClose - Callback function to handle modal close event.
+ * @property {string} roomName - Name of the room to be shared.
+ * @property {string} adminPasscode - Admin passcode for the room.
+ * @property {string} islevel - Level of the event (e.g., admin, user).
+ * @property {string} position - Position of the modal on the screen (e.g., topRight, bottomLeft).
+ * @property {boolean} shareButtons - Flag to display share buttons in the modal.
+ * @property {EventType} eventType - Type of event (e.g., chat, broadcast, webinar).
+ *
+ * @method handleClose - Closes the share event modal by invoking the onShareEventClose callback.
+ *
+ * @getter modalContainerStyle - Returns the style object for the modal container.
+ * @getter modalContentStyle - Returns the style object for the modal content.
+ */
+export declare class ShareEventModal {
+    backgroundColor: string;
+    isShareEventModalVisible: boolean;
+    onShareEventClose: () => void;
+    roomName: string;
+    adminPasscode: string;
+    islevel: string;
+    position: string;
+    shareButtons: boolean;
+    eventType: EventType;
+    faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    handleClose(): void;
+    get modalContainerStyle(): {
+        position: string;
+        top: number;
+        left: number;
+        width: string;
+        height: string;
+        backgroundColor: string;
+        display: string;
+        zIndex: number;
+    };
+    get modalContentStyle(): {
+        position: string;
+        backgroundColor: string;
+        borderRadius: string;
+        padding: string;
+        width: string;
+        maxHeight: string;
+        overflowY: string;
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShareEventModal, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShareEventModal, "app-share-event-modal", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "isShareEventModalVisible": { "alias": "isShareEventModalVisible"; "required": false; }; "onShareEventClose": { "alias": "onShareEventClose"; "required": false; }; "roomName": { "alias": "roomName"; "required": false; }; "adminPasscode": { "alias": "adminPasscode"; "required": false; }; "islevel": { "alias": "islevel"; "required": false; }; "position": { "alias": "position"; "required": false; }; "shareButtons": { "alias": "shareButtons"; "required": false; }; "eventType": { "alias": "eventType"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/lib/components/misc-components/welcome-page/welcome-page.component.d.ts

@@ -0,0 +1,47 @@
+import { OnInit } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { CookieService } from 'ngx-cookie-service';
+import { Socket } from 'socket.io-client';
+import { ConnectSocketType } from '../../../sockets/socket-manager.service';
+import { ShowAlert } from '../../../@types/types';
+import * as i0 from "@angular/core";
+export interface WelcomePageParameters {
+    imgSrc?: string;
+    showAlert?: ShowAlert;
+    updateIsLoadingModalVisible: (visible: boolean) => void;
+    connectSocket: ConnectSocketType;
+    updateSocket: (socket: Socket) => void;
+    updateValidated: (validated: boolean) => void;
+    updateApiUserName: (apiUserName: string) => void;
+    updateApiToken: (apiToken: string) => void;
+    updateLink: (link: string) => void;
+    updateRoomName: (roomName: string) => void;
+    updateMember: (userName: string) => void;
+}
+export interface WelcomePageOptions {
+    parameters: WelcomePageParameters;
+}
+export type WelcomePageType = (options: WelcomePageOptions) => HTMLElement;
+export declare class WelcomePage implements OnInit {
+    private fb;
+    private cookieService;
+    welcomeForm: FormGroup;
+    error: string;
+    isScannerVisible: boolean;
+    scannedData: any;
+    parameters: WelcomePageParameters;
+    faQrcode: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    allowedCameras: MediaDeviceInfo[];
+    currentDevice: MediaDeviceInfo | null;
+    imgSrc: string;
+    constructor(fb: FormBuilder, cookieService: CookieService, injectedParameters: WelcomePageParameters);
+    ngOnInit(): void;
+    checkLimitsAndMakeRequest(apiUserName: string, apiToken: string, link: string, userName: string): Promise<void>;
+    handleScanSuccess(data: any): void;
+    validateAlphanumeric(str: string): boolean;
+    askForCameraPermission(): void;
+    toggleScanner(): void;
+    handleConfirm(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WelcomePage, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WelcomePage, "app-welcome-page", never, {}, {}, never, never, true, never>;
+}

package/dist/lib/components/participants-components/participant-list/participant-list.component.d.ts

@@ -0,0 +1,41 @@
+import { CoHostResponsibility, Participant, ShowAlert, MuteParticipantsOptions, MessageParticipantsOptions, RemoveParticipantsOptions } from '../../../@types/types';
+import { Socket } from 'socket.io-client';
+import * as i0 from "@angular/core";
+export interface ParticipantListOptions {
+    participants: Participant[];
+    isBroadcast: boolean;
+    onMuteParticipants: (options: MuteParticipantsOptions) => Promise<void>;
+    onMessageParticipants: (options: MessageParticipantsOptions) => void;
+    onRemoveParticipants: (options: RemoveParticipantsOptions) => void;
+    socket: Socket;
+    coHostResponsibility: CoHostResponsibility[];
+    member: string;
+    islevel: string;
+    showAlert?: ShowAlert;
+    coHost: string;
+    roomName: string;
+    updateIsMessagesModalVisible: (isVisible: boolean) => void;
+    updateDirectMessageDetails: (participant: Participant | null) => void;
+    updateStartDirectMessage: (start: boolean) => void;
+    updateParticipants: (participants: Participant[]) => void;
+}
+export declare class ParticipantList {
+    participants: Participant[];
+    isBroadcast: boolean;
+    onMuteParticipants: (options: MuteParticipantsOptions) => Promise<void>;
+    onMessageParticipants: (options: MessageParticipantsOptions) => void;
+    onRemoveParticipants: (options: RemoveParticipantsOptions) => Promise<void>;
+    socket: Socket;
+    coHostResponsibility: CoHostResponsibility[];
+    member: string;
+    islevel: string;
+    showAlert?: ShowAlert;
+    coHost: string;
+    roomName: string;
+    updateIsMessagesModalVisible: (isVisible: boolean) => void;
+    updateDirectMessageDetails: (participant: Participant | null) => void;
+    updateStartDirectMessage: (start: boolean) => void;
+    updateParticipants: (participants: Participant[]) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ParticipantList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ParticipantList, "app-participant-list", never, { "participants": { "alias": "participants"; "required": false; }; "isBroadcast": { "alias": "isBroadcast"; "required": false; }; "onMuteParticipants": { "alias": "onMuteParticipants"; "required": false; }; "onMessageParticipants": { "alias": "onMessageParticipants"; "required": false; }; "onRemoveParticipants": { "alias": "onRemoveParticipants"; "required": false; }; "socket": { "alias": "socket"; "required": false; }; "coHostResponsibility": { "alias": "coHostResponsibility"; "required": false; }; "member": { "alias": "member"; "required": false; }; "islevel": { "alias": "islevel"; "required": false; }; "showAlert": { "alias": "showAlert"; "required": false; }; "coHost": { "alias": "coHost"; "required": false; }; "roomName": { "alias": "roomName"; "required": false; }; "updateIsMessagesModalVisible": { "alias": "updateIsMessagesModalVisible"; "required": false; }; "updateDirectMessageDetails": { "alias": "updateDirectMessageDetails"; "required": false; }; "updateStartDirectMessage": { "alias": "updateStartDirectMessage"; "required": false; }; "updateParticipants": { "alias": "updateParticipants"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/lib/components/participants-components/participant-list-item/participant-list-item.component.d.ts

@@ -0,0 +1,53 @@
+import { CoHostResponsibility, MessageParticipantsType, MuteParticipantsType, Participant, RemoveParticipantsType, ShowAlert } from '../../../@types/types';
+import { Socket } from 'socket.io-client';
+import * as i0 from "@angular/core";
+export interface ParticipantListItemOptions {
+    participant: Participant;
+    isBroadcast: boolean;
+    onMuteParticipants: MuteParticipantsType;
+    onMessageParticipants: MessageParticipantsType;
+    onRemoveParticipants: RemoveParticipantsType;
+    socket: Socket;
+    coHostResponsibility: CoHostResponsibility[];
+    member: string;
+    islevel: string;
+    showAlert?: ShowAlert;
+    coHost: string;
+    roomName: string;
+    participants: Participant[];
+    updateIsMessagesModalVisible: (isVisible: boolean) => void;
+    updateDirectMessageDetails: (participant: Participant | null) => void;
+    updateStartDirectMessage: (start: boolean) => void;
+    updateParticipants: (participants: Participant[]) => void;
+}
+export type ParticipantListItemType = (options: ParticipantListItemOptions) => HTMLElement;
+export declare class ParticipantListItem {
+    participant: Participant;
+    isBroadcast: boolean;
+    onMuteParticipants: (params: any) => Promise<void>;
+    onMessageParticipants: (params: any) => void;
+    onRemoveParticipants: (params: any) => Promise<void>;
+    socket: Socket;
+    coHostResponsibility: CoHostResponsibility[];
+    member: string;
+    islevel: string;
+    showAlert?: ShowAlert;
+    coHost: string;
+    roomName: string;
+    updateIsMessagesModalVisible: (isVisible: boolean) => void;
+    updateDirectMessageDetails: (participant: Participant | null) => void;
+    updateStartDirectMessage: (start: boolean) => void;
+    participants: Participant[];
+    updateParticipants: (participants: Participant[]) => void;
+    faMicrophone: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faMicrophoneSlash: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faComment: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faTrash: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faDotCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    getIconName(): import("@fortawesome/fontawesome-common-types").IconDefinition;
+    muteParticipant(): void;
+    messageParticipant(): void;
+    removeParticipant(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ParticipantListItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ParticipantListItem, "app-participant-list-item", never, { "participant": { "alias": "participant"; "required": false; }; "isBroadcast": { "alias": "isBroadcast"; "required": false; }; "onMuteParticipants": { "alias": "onMuteParticipants"; "required": false; }; "onMessageParticipants": { "alias": "onMessageParticipants"; "required": false; }; "onRemoveParticipants": { "alias": "onRemoveParticipants"; "required": false; }; "socket": { "alias": "socket"; "required": false; }; "coHostResponsibility": { "alias": "coHostResponsibility"; "required": false; }; "member": { "alias": "member"; "required": false; }; "islevel": { "alias": "islevel"; "required": false; }; "showAlert": { "alias": "showAlert"; "required": false; }; "coHost": { "alias": "coHost"; "required": false; }; "roomName": { "alias": "roomName"; "required": false; }; "updateIsMessagesModalVisible": { "alias": "updateIsMessagesModalVisible"; "required": false; }; "updateDirectMessageDetails": { "alias": "updateDirectMessageDetails"; "required": false; }; "updateStartDirectMessage": { "alias": "updateStartDirectMessage"; "required": false; }; "participants": { "alias": "participants"; "required": false; }; "updateParticipants": { "alias": "updateParticipants"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/lib/components/participants-components/participant-list-others/participant-list-others.component.d.ts

@@ -0,0 +1,15 @@
+import { Participant } from '../../../@types/types';
+import * as i0 from "@angular/core";
+export interface ParticipantListOthersOptions {
+    participants: Participant[];
+    coHost: string;
+    member: string;
+}
+export type ParticipantListOthersType = (options: ParticipantListOthersOptions) => HTMLElement;
+export declare class ParticipantListOthers {
+    participants: Participant[];
+    coHost: string;
+    member: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ParticipantListOthers, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ParticipantListOthers, "app-participant-list-others", never, { "participants": { "alias": "participants"; "required": false; }; "coHost": { "alias": "coHost"; "required": false; }; "member": { "alias": "member"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/lib/components/participants-components/participant-list-others-item/participant-list-others-item.component.d.ts

@@ -0,0 +1,17 @@
+import { Participant } from '../../../@types/types';
+import * as i0 from "@angular/core";
+export interface ParticipantListOthersItemOptions {
+    participant: Participant;
+    member: string;
+    coHost: string;
+}
+export type ParticipantListOthersItemType = (options: ParticipantListOthersItemOptions) => HTMLElement;
+export declare class ParticipantListOthersItem {
+    participant: Participant;
+    member: string;
+    coHost: string;
+    faCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    getParticipantDisplayName(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ParticipantListOthersItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ParticipantListOthersItem, "app-participant-list-others-item", never, { "participant": { "alias": "participant"; "required": false; }; "member": { "alias": "member"; "required": false; }; "coHost": { "alias": "coHost"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,70 @@
+import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { CoHostResponsibility, EventType, Participant, ShowAlert } from '../../../@types/types';
+import { MuteParticipants, MuteParticipantsOptions } from '../../../methods/participants-methods/mute-participants.service';
+import { MessageParticipants, MessageParticipantsOptions } from '../../../methods/participants-methods/message-participants.service';
+import { RemoveParticipants, RemoveParticipantsOptions } from '../../../methods/participants-methods/remove-participants.service';
+import { Socket } from 'socket.io-client';
+import * as i0 from "@angular/core";
+export interface ParticipantsModalParameters {
+    position?: string;
+    backgroundColor?: string;
+    coHostResponsibility: CoHostResponsibility[];
+    coHost: string;
+    member: string;
+    islevel: string;
+    participants: Participant[];
+    eventType: EventType;
+    filteredParticipants: Participant[];
+    socket: Socket;
+    showAlert?: ShowAlert;
+    roomName: string;
+    updateIsMessagesModalVisible: (isVisible: boolean) => void;
+    updateDirectMessageDetails: (participant: Participant | null) => void;
+    updateStartDirectMessage: (start: boolean) => void;
+    updateParticipants: (participants: Participant[]) => void;
+    getUpdatedAllParams: () => ParticipantsModalParameters;
+    [key: string]: any;
+}
+export interface ParticipantsModalOptions {
+    isParticipantsModalVisible: boolean;
+    onParticipantsClose: () => void;
+    onParticipantsFilterChange: (filter: string) => void;
+    participantsCounter: number;
+    onMuteParticipants?: typeof MuteParticipants;
+    onMessageParticipants?: typeof MessageParticipants;
+    onRemoveParticipants?: typeof RemoveParticipants;
+    RenderParticipantList?: HTMLElement;
+    RenderParticipantListOthers?: HTMLElement;
+    parameters: ParticipantsModalParameters;
+    backgroundColor?: string;
+    position?: string;
+}
+export type ParticipantsModalType = (options: ParticipantsModalOptions) => HTMLElement;
+export declare class ParticipantsModal implements OnInit, OnChanges {
+    private muteParticipantsService;
+    private messageParticipantsService;
+    private 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;
+    participant_s: Participant[];
+    participantsCounter_s: number;
+    reRender: boolean;
+    faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    constructor(muteParticipantsService: MuteParticipants, messageParticipantsService: MessageParticipants, removeParticipantsService: RemoveParticipants);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    updateParticipantsData(): void;
+    handleFilterChange(event: Event): void;
+    handleClose(): void;
+    canShowParticipantList(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ParticipantsModal, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ParticipantsModal, "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; }; }, {}, never, never, true, never>;
+}

package/dist/lib/components/polls-components/poll-modal/poll-modal.component.d.ts

@@ -0,0 +1,76 @@
+import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { Socket } from 'socket.io-client';
+import { Poll, ShowAlert, HandleCreatePollType, HandleEndPollType, HandleVotePollType } from '../../../@types/types';
+import * as i0 from "@angular/core";
+export interface PollModalOptions {
+    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;
+}
+export type PollModalType = (options: PollModalOptions) => HTMLElement;
+export declare class PollModal 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;
+    faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    newPoll: any;
+    screenWidth: number;
+    modalWidth: number;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    renderPolls: () => void;
+    calculatePercentage(votes: number[], optionIndex: number): number;
+    handlePollTypeChange(event: any): void;
+    validateAndCreatePoll(): Promise<void>;
+    handledVotePoll(pollId: string, optionIndex: number): void;
+    handledEndPoll(pollId: string): void;
+    get modalContainerStyle(): {
+        position: string;
+        top: number;
+        left: number;
+        width: string;
+        height: string;
+        backgroundColor: string;
+        display: string;
+        zIndex: number;
+    };
+    get modalContentStyle(): {
+        position: string;
+        backgroundColor: string;
+        borderRadius: string;
+        padding: string;
+        width: string;
+        maxHeight: string;
+        overflowY: string;
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<PollModal, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PollModal, "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; }; }, {}, never, never, true, never>;
+}

package/dist/lib/components/recording-components/advanced-panel-component/advanced-panel-components.component.d.ts

@@ -0,0 +1,48 @@
+import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { EventType } from '../../../@types/types';
+import * as i0 from "@angular/core";
+export interface AdvancedPanelParameters {
+    recordingOrientationVideo: string;
+    recordingNameTags: boolean;
+    recordingVideoType: string;
+    recordingDisplayType: 'video' | 'media' | 'all';
+    recordingAddText: boolean;
+    recordingCustomText: string;
+    recordingCustomTextPosition: string;
+    recordingBackgroundColor: string;
+    recordingCustomTextColor: string;
+    recordingNameTagsColor: string;
+    updateRecordingOrientationVideo: (orientation: string) => void;
+    updateRecordingNameTags: (nameTags: boolean) => void;
+    updateRecordingVideoType: (videoType: string) => void;
+    updateRecordingDisplayType: (displayType: 'video' | 'media' | 'all') => void;
+    updateRecordingAddText: (addText: boolean) => void;
+    updateRecordingCustomText: (customText: string) => void;
+    updateRecordingCustomTextPosition: (position: string) => void;
+    updateRecordingBackgroundColor: (color: string) => void;
+    updateRecordingCustomTextColor: (color: string) => void;
+    updateRecordingNameTagsColor: (color: string) => void;
+    eventType: EventType;
+}
+export type AdvancedPanelType = (options: AdvancedPanelParameters) => HTMLElement;
+export declare class AdvancedPanelComponent implements OnInit, OnChanges {
+    parameters: AdvancedPanelParameters;
+    selectedOrientationVideo: string;
+    selectedRecordingNameTags: boolean;
+    selectedRecordingVideoType: string;
+    selectedRecordingDisplayType: 'video' | 'media' | 'all';
+    showBackgroundColorModal: boolean;
+    showNameTagsColorModal: boolean;
+    selectedColorType: string;
+    recordingText: boolean;
+    customText: string;
+    recordingPosition: string;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    validateTextInput(input: string): boolean;
+    handleTextChange(value: boolean): void;
+    onChangeTextHandler(text: string): void;
+    handleColorChange(selectedColor: string, event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdvancedPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdvancedPanelComponent, "app-advanced-panel-component", never, { "parameters": { "alias": "parameters"; "required": false; }; }, {}, never, never, true, never>;
+}