Your IP : 3.138.134.149

Current Path : /var/www/www-root/data/www/info.monolith-realty.ru/bitrix/js/ui/section/src/
Upload File :
Current File : /var/www/www-root/data/www/info.monolith-realty.ru/bitrix/js/ui/section/src/row.js

import { Tag, Dom, Text, Type } from 'main.core';

export class Row
{
	#id: string;
	#node: HTMLElement;
	#content: HTMLElement;
	#separatorClass: string = '';
	#className: string;
	#isHidden: boolean

	constructor(params)
	{
		this.#id = Type.isNil(params.id) ? 'row_' + Text.getRandom(8) : params.id;
		this.#content = params.content;
		this.#separatorClass = params.separator === 'top' ? '--top-separator' : (params.separator === 'bottom' ? '--bottom-separator' : '');
		this.#className = Type.isStringFilled(params.className) ? params.className : '';
		this.#isHidden = params.isHidden === true;
	}

	render(): HTMLElement
	{
		if (this.#node)
		{
			return this.#node;
		}

		this.#node = Tag.render`
		<div class="ui-section__row ${this.#separatorClass} ${this.#className}" ${this.#isHidden ? 'hidden' : ''}>
				${this.#content}
			</div>
		`;

		return this.#node;
	}

	append(content: HTMLElement)
	{
		Dom.append(content, this.render());
	}

	renderTo(targetNode: HTMLElement): HTMLElement
	{
		if (!Type.isDomNode(targetNode))
		{
			throw new Error('Target node must be HTMLElement');
		}

		return Dom.append(this.render(), targetNode);
	}

	hide()
	{
		Dom.hide(this.render());
	}

	show()
	{
		Dom.show(this.render());
	}

	isHidden()
	{
		return this.#isHidden;
	}

	toggle()
	{
		Dom.toggle(this.render());
	}
}