mediasfu-angular 1.0.0

package/dist/lib/components/menu-components/custom-buttons/custom-buttons.component.d.ts

@@ -0,0 +1,83 @@
+import { Injector, Type } from '@angular/core';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import * as i0 from "@angular/core";
+export interface CustomComponent {
+    component: Type<any>;
+    injector: Injector;
+}
+export interface CustomButton {
+    action: () => void;
+    show: boolean | (() => boolean);
+    backgroundColor?: string;
+    disabled?: boolean;
+    icon?: IconDefinition;
+    iconStyle?: Partial<CSSStyleDeclaration>;
+    text?: string;
+    textStyle?: Partial<CSSStyleDeclaration>;
+    customComponent?: HTMLElement | CustomComponent | (() => HTMLElement | CustomComponent);
+    injector?: Injector;
+}
+export interface CustomButtonsOptions {
+    buttons: CustomButton[];
+}
+export type CustomButtonsType = (options: CustomButtonsOptions) => HTMLElement;
+export declare class CustomButtons {
+    /**
+     * CustomButtons component renders a list of customizable buttons.
+     *
+     * @component
+     * @param {CustomButtonsOptions} props - The properties for the CustomButtons component.
+     * @param {Array} props.buttons - An array of button configurations.
+     * @param {Object} props.buttons[].action - The function to be called when the button is clicked.
+     * @param {boolean} props.buttons[].show - Determines if the button should be displayed.
+     * @param {string} props.buttons[].backgroundColor - The background color of the button.
+     * @param {boolean} props.buttons[].disabled - Determines if the button should be disabled.
+     * @param {Object} [props.buttons[].icon] - The icon to be displayed on the button.
+     * @param {Object} [props.buttons[].iconStyle] - The style to be applied to the icon.
+     * @param {string} [props.buttons[].text] - The text to be displayed on the button.
+     * @param {Object} [props.buttons[].textStyle] - The style to be applied to the text.
+     * @param {React.ReactNode} [props.buttons[].customComponent] - A custom component to be rendered inside the button.
+     * @param {Injector} [props.buttons[].injector] - The injector to be used for the custom component.
+     * @returns {HTMLElement} The CustomButtons component.
+     * @example
+     * ```html
+     * <app-custom-buttons [buttons]="buttons"></app-custom-buttons>
+     * ```
+     * @example
+     * ```typescript
+     * const buttons = [
+     *  {
+     *   action: () => console.log('Button 1 clicked'),
+     *  show: true,
+     * backgroundColor: 'blue',
+     * disabled: false,
+     * icon: faCoffee,
+     * iconStyle: { color: 'white' },
+     * text: 'Button 1',
+     * textStyle: { color: 'white' },
+     * customComponent: <CustomComponent />,
+     * injector: Injector.create({ providers: [{ provide: 'customProp', useValue: 'customValue' }] }),
+     * },
+     * {
+     *  action: () => console.log('Button 2 clicked'),
+     * show: true,
+     * backgroundColor: 'red',
+     * disabled: false,
+     * icon: faCoffee,
+     * iconStyle: { color: 'white' },
+     * text: 'Button 2',
+     * textStyle: { color: 'white' },
+     * customComponent: <CustomComponent />,
+     * injector: Injector.create({ providers: [{ provide: 'customProp', useValue: 'customValue' }] }),
+     * },
+     * ];
+     * ```
+     */
+    buttons: CustomButton[];
+    faSpinner: IconDefinition;
+    mergeStyles(defaultStyle: any, customStyle: any): any;
+    get customButtonIcon(): any;
+    isCustomComponentConfig(obj: any): obj is CustomComponent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomButtons, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomButtons, "app-custom-buttons", never, { "buttons": { "alias": "buttons"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/lib/components/menu-components/meeting-id-component/meeting-id-component.component.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+export interface MeetingIdComponentOptions {
+    meetingID?: string;
+}
+export type MeetingIdComponentType = (options: MeetingIdComponentOptions) => HTMLElement;
+/**
+ * Component representing a meeting ID.
+ *
+ * @selector app-meeting-id-component
+ * @templateUrl ./meeting-id-component.component.html
+ * @styleUrls ./meeting-id-component.component.css
+ * @standalone true
+ */
+export declare class MeetingIdComponent {
+    meetingID: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MeetingIdComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MeetingIdComponent, "app-meeting-id-component", never, { "meetingID": { "alias": "meetingID"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/lib/components/menu-components/meeting-passcode-component/meeting-passcode-component.component.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+export interface MeetingPasscodeComponentOptions {
+    meetingPasscode: string;
+}
+export type MeetingPasscodeComponentType = (options: MeetingPasscodeComponentOptions) => HTMLElement;
+/**
+ * Component for displaying and managing a meeting passcode.
+ *
+ * @selector app-meeting-passcode-component
+ * @standalone true
+ * @templateUrl ./meeting-passcode-component.component.html
+ * @styleUrls ./meeting-passcode-component.component.css
+ */
+export declare class MeetingPasscodeComponent {
+    meetingPasscode: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MeetingPasscodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MeetingPasscodeComponent, "app-meeting-passcode-component", never, { "meetingPasscode": { "alias": "meetingPasscode"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,91 @@
+import { CustomButton } from '../custom-buttons/custom-buttons.component';
+import { EventType } from '../../../@types/types';
+import * as i0 from "@angular/core";
+export interface MenuModalOptions {
+    backgroundColor?: string;
+    isVisible: boolean;
+    customButtons?: CustomButton[];
+    shareButtons?: boolean;
+    position?: string;
+    roomName: string;
+    adminPasscode: string;
+    islevel: string;
+    eventType: EventType;
+    onClose: () => void;
+}
+export type MenuModalType = (options: MenuModalOptions) => HTMLElement;
+/**
+ * @component MenuModal
+ *
+ * @description
+ * The MenuModal component is a standalone Angular component that displays a modal dialog.
+ * It includes various customizable properties and imports necessary modules and components.
+ *
+ * @selector app-menu-modal
+ * @templateUrl ./menu-modal.component.html
+ * @styleUrls ./menu-modal.component.css
+ *
+ * @inputs
+ * @input {string} backgroundColor - The background color of the modal content. Default is '#83c0e9'.
+ * @input {boolean} isVisible - Determines whether the modal is visible.
+ * @input {CustomButton[]} customButtons - An array of custom buttons to be displayed in the modal.
+ * @input {boolean} shareButtons - Determines whether share buttons are displayed. Default is true.
+ * @input {string} position - The position of the modal on the screen. Default is 'bottomRight'.
+ * @input {string} roomName - The name of the room.
+ * @input {string} adminPasscode - The admin passcode for the room.
+ * @input {string} islevel - The level of the user.
+ * @input {() => void} onClose - A function to be called when the modal is closed.
+ *
+ * @methods
+ * @method modalContainerStyle - Returns the style object for the modal container.
+ * @method modalContentStyle - Returns the style object for the modal content.
+ * @method handleClose - Calls the onClose function to handle closing the modal.
+ *
+ * @dependencies
+ * - CommonModule
+ * - FontAwesomeModule
+ * - FormsModule
+ * - CustomButtons
+ * - MeetingIdComponent
+ * - MeetingPasscodeComponent
+ * - ShareButtonsComponent
+ */
+export declare class MenuModal {
+    backgroundColor: string;
+    isVisible: boolean;
+    customButtons: CustomButton[];
+    shareButtons: boolean;
+    position: string;
+    roomName: string;
+    adminPasscode: string;
+    islevel: string;
+    eventType: EventType;
+    onClose: () => void;
+    faBars: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    modalContainerStyle(): {
+        position: string;
+        top: number;
+        left: number;
+        width: string;
+        height: string;
+        backgroundColor: string;
+        display: string;
+        zIndex: number;
+    };
+    modalContentStyle(): {
+        backgroundColor: string;
+        borderRadius: string;
+        padding: string;
+        width: string;
+        maxHeight: string;
+        overflowY: string;
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    handleClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuModal, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuModal, "app-menu-modal", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "isVisible": { "alias": "isVisible"; "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; }; "onClose": { "alias": "onClose"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/lib/components/menu-components/share-buttons-component/share-buttons-component.component.d.ts

@@ -0,0 +1,46 @@
+import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
+import { EventType } from '../../../@types/types';
+import * as i0 from "@angular/core";
+export interface ShareButton {
+    icon: IconDefinition;
+    action: () => void;
+    show: boolean;
+    color?: string;
+    iconColor?: string;
+}
+export interface ShareButtonsComponentOptions {
+    meetingID: string;
+    shareButtons?: ShareButton[];
+    eventType: EventType;
+}
+export type ShareButtonsComponentType = (options: ShareButtonsComponentOptions) => HTMLElement;
+/**
+ * @component ShareButtonsComponent
+ * @description This component provides a set of share buttons for different social media platforms and email.
+ * It allows users to share a meeting link via various channels.
+ *
+ * @selector app-share-buttons-component
+ * @templateUrl ./share-buttons-component.component.html
+ * @styleUrls ./share-buttons-component.component.css
+ * @standalone true
+ * @imports [CommonModule, FontAwesomeModule]
+ *
+ * @input {string} meetingID - The ID of the meeting to be shared.
+ * @input {ShareButton[]} shareButtons - An array of custom share buttons.
+ * @input {string} eventType - The type of event (e.g., 'chat', 'broadcast', 'webinar').
+ *
+ * @property {ShareButton[]} defaultShareButtons - The default set of share buttons.
+ *
+ * @getter {string} shareName - Determines the share name based on the event type.
+ * @getter {ShareButton[]} filteredShareButtons - Returns the filtered share buttons based on visibility.
+ */
+export declare class ShareButtonsComponent {
+    meetingID: string;
+    shareButtons: ShareButton[];
+    eventType: EventType;
+    defaultShareButtons: ShareButton[];
+    get shareName(): "chat" | "broadcast" | "meeting";
+    get filteredShareButtons(): ShareButton[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShareButtonsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShareButtonsComponent, "app-share-buttons-component", never, { "meetingID": { "alias": "meetingID"; "required": false; }; "shareButtons": { "alias": "shareButtons"; "required": false; }; "eventType": { "alias": "eventType"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/lib/components/message-components/message-panel/message-panel.component.d.ts

@@ -0,0 +1,112 @@
+import { OnInit, OnChanges } from '@angular/core';
+import { SendMessageOptions } from '../../../methods/message-methods/send-message.service';
+import { CoHostResponsibility, EventType, Message, Participant, ShowAlert } from '../../../@types/types';
+import { Socket } from 'socket.io-client';
+import * as i0 from "@angular/core";
+export interface MessagePanelOptions {
+    messages: Message[];
+    messagesLength: number;
+    type: string;
+    username: string;
+    onSendMessagePress: (options: SendMessageOptions) => Promise<void>;
+    focusedInput: boolean;
+    showAlert?: ShowAlert;
+    eventType: EventType;
+    member: string;
+    islevel: string;
+    startDirectMessage: boolean;
+    updateStartDirectMessage: (start: boolean) => void;
+    directMessageDetails: Participant | null;
+    updateDirectMessageDetails: (participant: Participant | null) => void;
+    coHostResponsibility: CoHostResponsibility[];
+    coHost: string;
+    roomName: string;
+    socket: Socket;
+    chatSetting: string;
+}
+export type MessagePanelType = (options: MessagePanelOptions) => HTMLElement;
+/**
+ * @fileoverview MessagePanel component for handling message interactions in the MediaSFU-Angular application.
+ *
+ * @component
+ * @selector app-message-panel
+ * @templateUrl ./message-panel.component.html
+ * @styleUrls ['./message-panel.component.css']
+ * @standalone true
+ * @imports [CommonModule, FontAwesomeModule, FormsModule]
+ *
+ * @description
+ * The MessagePanel component is responsible for displaying and managing messages in a chat interface.
+ * It supports both group and direct messaging, and includes various input properties to customize its behavior.
+ *
+ * @property {Array<any>} messages - Array of messages to be displayed.
+ * @property {number} messagesLength - The length of the messages array.
+ * @property {string} type - The type of chat, either 'group' or 'direct'.
+ * @property {string} username - The username of the current user.
+ * @property {(options: SendMessageOptions) => Promise<void>} onSendMessagePress - Function to handle sending messages.
+ * @property {string} backgroundColor - Background color of the message panel.
+ * @property {boolean} focusedInput - Indicates if the input field is focused.
+ * @property {EventType} eventType - The type of event, e.g., 'webinar'.
+ * @property {string} member - The member associated with the chat.
+ * @property {string} islevel - The level of the user.
+ * @property {boolean} startDirectMessage - Indicates if a direct message should be started.
+ * @property {(start: boolean) => void} updateStartDirectMessage - Function to update the startDirectMessage state.
+ * @property {Participant | null} directMessageDetails - Details of the participant for direct messaging.
+ * @property {(participant: Participant | null) => void} updateDirectMessageDetails - Function to update directMessageDetails.
+ * @property {CoHostResponsibility[]} coHostResponsibility - Array of co-host responsibilities.
+ * @property {string} coHost - The co-host of the chat.
+ * @property {string} roomName - The name of the chat room.
+ * @property {Socket} socket - The socket connection for real-time communication.
+ * @property {string} chatSetting - Settings for the chat.
+ * @property {ShowAlert} [showAlert] - Optional function to show alerts.
+ *
+ * @property {IconDefinition} faPaperPlane - FontAwesome icon for paper plane.
+ * @property {IconDefinition} faReply - FontAwesome icon for reply.
+ *
+ * @property {any} replyInfo - Information about the reply.
+ * @property {string | null} senderId - ID of the sender.
+ * @property {string} directMessageText - Text of the direct message.
+ * @property {string} groupMessageText - Text of the group message.
+ *
+ * @method ngOnInit - Lifecycle hook that is called after data-bound properties are initialized.
+ * @method defaultSendMessage - Default implementation for sending a message.
+ * @method handleTextInputChange - Handles changes in the text input field.
+ * @method openReplyInput - Opens the reply input for a specific sender.
+ * @method handleSendButton - Handles the send button click event.
+ */
+export declare class MessagePanel implements OnInit, OnChanges {
+    messages: Array<any>;
+    messagesLength: number;
+    type: string;
+    username: string;
+    onSendMessagePress: (options: SendMessageOptions) => Promise<void>;
+    backgroundColor: string;
+    focusedInput: boolean;
+    eventType: EventType;
+    member: string;
+    islevel: string;
+    startDirectMessage: boolean;
+    updateStartDirectMessage: (start: boolean) => void;
+    directMessageDetails: Participant | null;
+    updateDirectMessageDetails: (participant: Participant | null) => void;
+    coHostResponsibility: CoHostResponsibility[];
+    coHost: string;
+    roomName: string;
+    socket: Socket;
+    chatSetting: string;
+    showAlert?: ShowAlert;
+    faPaperPlane: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faReply: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    replyInfo: any;
+    senderId: string | null;
+    directMessageText: string;
+    groupMessageText: string;
+    ngOnInit(): void;
+    defaultSendMessage(): Promise<void>;
+    handleTextInputChange(event: Event): void;
+    ngOnChanges(): void;
+    openReplyInput(senderId: string): void;
+    handleSendButton(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessagePanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessagePanel, "app-message-panel", never, { "messages": { "alias": "messages"; "required": false; }; "messagesLength": { "alias": "messagesLength"; "required": false; }; "type": { "alias": "type"; "required": false; }; "username": { "alias": "username"; "required": false; }; "onSendMessagePress": { "alias": "onSendMessagePress"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "focusedInput": { "alias": "focusedInput"; "required": false; }; "eventType": { "alias": "eventType"; "required": false; }; "member": { "alias": "member"; "required": false; }; "islevel": { "alias": "islevel"; "required": false; }; "startDirectMessage": { "alias": "startDirectMessage"; "required": false; }; "updateStartDirectMessage": { "alias": "updateStartDirectMessage"; "required": false; }; "directMessageDetails": { "alias": "directMessageDetails"; "required": false; }; "updateDirectMessageDetails": { "alias": "updateDirectMessageDetails"; "required": false; }; "coHostResponsibility": { "alias": "coHostResponsibility"; "required": false; }; "coHost": { "alias": "coHost"; "required": false; }; "roomName": { "alias": "roomName"; "required": false; }; "socket": { "alias": "socket"; "required": false; }; "chatSetting": { "alias": "chatSetting"; "required": false; }; "showAlert": { "alias": "showAlert"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,124 @@
+import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { CoHostResponsibility, EventType, Message, Participant, ShowAlert } from '../../../@types/types';
+import { SendMessage, SendMessageOptions } from '../../../methods/message-methods/send-message.service';
+import { Socket } from 'socket.io-client';
+import * as i0 from "@angular/core";
+export interface MessagesModalOptions {
+    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;
+}
+export type MessagesModalType = (options: MessagesModalOptions) => void;
+export declare class MessagesModal implements OnInit, OnChanges {
+    private SendMessageService;
+    constructor(SendMessageService: SendMessage);
+    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;
+    faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    directMessages: Array<any>;
+    groupMessages: Array<any>;
+    activeTab: string;
+    focusedInput: boolean;
+    reRender: boolean;
+    modalContainerStyle: any;
+    modalContentStyle: any;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    switchToDirectTab(): void;
+    switchToGroupTab(): void;
+    populateMessages(): void;
+    closeMessagesModal(): void;
+    updateModalStyles(): void;
+    getTabStyle(tab: string): {
+        backgroundColor?: string | undefined;
+        color?: string | undefined;
+        borderRadius?: string | undefined;
+        paddingRight: string;
+        paddingLeft: string;
+        paddingTop: string;
+        paddingBottom: string;
+        fontWeight: string;
+        marginRight: string;
+        marginLeft: string;
+    };
+    getButtonCloseStyle(): {
+        marginLeft: string;
+        padding: string;
+        marginRight: string;
+        paddingRight: string;
+    };
+    get styles(): {
+        modalContent: {
+            borderRadius: string;
+            padding: string;
+        };
+        modalBody: {
+            marginTop: string;
+        };
+        tabText: {
+            paddingRight: string;
+            paddingLeft: string;
+            paddingTop: string;
+            paddingBottom: string;
+            fontWeight: string;
+            marginRight: string;
+            marginLeft: string;
+        };
+        activeTabText: {
+            color: string;
+            backgroundColor: string;
+            borderRadius: string;
+        };
+        separator: {
+            height: string;
+            backgroundColor: string;
+            marginVertical: string;
+        };
+        btnCloseMessages: {
+            padding: string;
+            marginRight: string;
+            paddingRight: string;
+        };
+        icon: {
+            fontSize: string;
+            color: string;
+        };
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessagesModal, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessagesModal, "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; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,92 @@
+import { OnInit, OnDestroy, SimpleChanges } from '@angular/core';
+import { Socket } from 'socket.io-client';
+import * as i0 from "@angular/core";
+export interface ConfirmHereModalOptions {
+    isConfirmHereModalVisible: boolean;
+    position: string;
+    backgroundColor: string;
+    displayColor: string;
+    onConfirmHereClose: () => void;
+    socket: Socket;
+    roomName: string;
+    member: string;
+    countdownDuration?: number;
+}
+export type ConfirmHereModalType = (options: ConfirmHereModalOptions) => void;
+/**
+ * Component representing a confirmation modal with a countdown timer.
+ *
+ * @selector app-confirm-here-modal
+ * @templateUrl ./confirm-here-modal.component.html
+ * @styleUrls ./confirm-here-modal.component.css
+ * @standalone true
+ * @imports [CommonModule, FontAwesomeModule]
+ *
+ * @styles
+ * - .spinner: Styles for the loading spinner.
+ * - @keyframes spin: Keyframes for spinner animation.
+ * - .modal-content: Styles for the modal content container.
+ * - .loading-text: Styles for the loading text.
+ *
+ * @class ConfirmHereModal
+ * @implements OnInit, OnDestroy
+ *
+ * @property {boolean} isConfirmHereModalVisible - Determines if the modal is visible.
+ * @property {string} position - Position of the modal.
+ * @property {string} backgroundColor - Background color of the modal.
+ * @property {string} displayColor - Display color of the modal.
+ * @property {Function} onConfirmHereClose - Callback function to execute when the modal is closed.
+ * @property {number} [countdownDuration=120] - Duration of the countdown in seconds.
+ * @property {Socket} socket - Socket instance for communication.
+ * @property {string} roomName - Name of the room for socket communication.
+ * @property {string} member - Member identifier for socket communication.
+ * @property {IconDefinition} faSpinner - FontAwesome spinner icon.
+ * @property {number} counter - Countdown counter.
+ * @property {any} countdownInterval - Interval ID for the countdown timer.
+ *
+ * @method ngOnInit - Lifecycle hook that is called after data-bound properties are initialized.
+ * @method ngOnChanges - Lifecycle hook that is called when any data-bound property changes.
+ * @method ngOnDestroy - Lifecycle hook that is called just before the component is destroyed.
+ * @method startCountdown - Starts the countdown timer.
+ * @method clearCountdown - Clears the countdown timer.
+ * @method handleConfirmHere - Handles the confirmation action and closes the modal.
+ *
+ * @getter spinnerContainerStyle - Returns the style object for the spinner container.
+ * @getter modalContainerStyle - Returns the style object for the modal container.
+ * @getter modalContentStyle - Returns the style object for the modal content.
+ */
+export declare class ConfirmHereModal implements OnInit, OnDestroy {
+    isConfirmHereModalVisible: boolean;
+    position: string;
+    backgroundColor: string;
+    displayColor: string;
+    onConfirmHereClose: () => void;
+    countdownDuration?: number;
+    socket: Socket;
+    roomName: string;
+    member: string;
+    faSpinner: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    counter: number;
+    countdownInterval: any;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    startCountdown: () => void;
+    clearCountdown: () => void;
+    handleConfirmHere(): void;
+    get spinnerContainerStyle(): {
+        marginBottom: string;
+    };
+    get modalContainerStyle(): {
+        'background-color': string;
+        display: string;
+    };
+    get modalContentStyle(): {
+        'background-color': string;
+        top: string;
+        left: string;
+        transform: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmHereModal, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmHereModal, "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; }; "onConfirmHereClose": { "alias": "onConfirmHereClose"; "required": false; }; "countdownDuration": { "alias": "countdownDuration"; "required": false; }; "socket": { "alias": "socket"; "required": false; }; "roomName": { "alias": "roomName"; "required": false; }; "member": { "alias": "member"; "required": false; }; }, {}, never, never, true, never>;
+}