import type { ChatTextSize } from '../../../components/room/widgets/chat-input/chatTextSize';

export class ChatBubbleMessage {
    public static BUBBLE_COUNTER: number = 0;

    public id: number = -1;
    public width: number = 0;
    public height: number = 0;
    public visualOffsetTop: number = 0;
    public visualOffsetBottom: number = 0;
    public elementRef: HTMLDivElement = null;
    public skipMovement: boolean = false;
    public prefixText: string = '';
    public prefixColor: string = '';
    public prefixIcon: string = '';
    public prefixEffect: string = '';
    public prefixFont: string = '';
    public nickIcon: string = '';
    public displayOrder: string = 'icon-prefix-name';
    /** -1 follows the room setting; a wired message may ask for 0 wide, 1 normal or 2 thin. */
    public bubbleWidthOverride: number = -1;
    /** A wired bot may speak without its name: the bubble keeps its face and pointer but drops the name. */
    public hideUsername: boolean = false;
    // The chat text size when the message arrived. A bubble keeps it for life, so
    // changing the setting never resizes bubbles already on screen.
    public textSize: ChatTextSize = null;
    public originalText: string = '';
    public originalFormattedText: string = '';
    public translatedText: string = '';
    public translatedFormattedText: string = '';
    public showTranslation: boolean = false;
    public translationDetectedLanguage: string = '';
    public translationTargetLanguage: string = '';

    private _top: number = 0;
    private _left: number = 0;

    constructor(
        public senderId: number = -1,
        public senderCategory: number = -1,
        public roomId: number = -1,
        public text: string = '',
        public formattedText: string = '',
        public username: string = '',
        public location: { x: number; y: number } = null,
        public type: number = 0,
        public styleId: number = 0,
        public imageUrl: string = null,
        public color: string = null
    ) {
        this.id = ++ChatBubbleMessage.BUBBLE_COUNTER;
        this.originalText = text;
        this.originalFormattedText = formattedText;
    }

    public get top(): number {
        return this._top;
    }

    public set top(value: number) {
        this._top = value;

        if (this.elementRef) this.elementRef.style.top = this._top + 'px';
    }

    public get left(): number {
        return this._left;
    }

    public set left(value: number) {
        this._left = value;

        if (this.elementRef) this.elementRef.style.left = this._left + 'px';
    }
}