/* listbox.js

	Purpose:

	Description:

	History:
		Mon May  4 15:34:02     2009, Created by tomyeh

Copyright (C) 2009 Potix Corporation. All Rights Reserved.

This program is distributed under LGPL Version 2.1 in the hope that
it will be useful, but WITHOUT ANY WARRANTY.
*/
function listbox$mold$(out) {
	var uuid = this.uuid,
		zclsHTML = this.getZclass(),
		innerWidth = zUtl.encodeXML(this.getInnerWidth()),
		wdAttr = innerWidth === '100%' ? ' width="100%"' : '',
		wdStyle = innerWidth !== '100%' ? 'width:' + innerWidth : '',
		inPaging = this.inPagingMold(), pgpos;

	out.push('<div', this.domAttrs_({tabindex: 1}), '>');//tabindex attribute will be set in the button

	if (inPaging && this.paging) {
		pgpos = this.getPagingPosition();
		if (pgpos === 'top' || pgpos === 'both') {
			out.push('<div id="', uuid, '-pgit" class="', this.$s('paging-top'), '">');
			this.paging.redraw(out);
			out.push('</div>');
		}
	}

	if (this.listhead) {
		out.push('<div id="', uuid, '-head" class="', this.$s('header'), '">',
			'<table id="', uuid, '-headtbl"', /*safe*/ wdAttr, ' style="table-layout:fixed;',
			/*safe*/ wdStyle, '">');
		this.domFaker_(out, '-hdfaker');

		out.push('<tbody id="', uuid, '-headrows">');
		for (var hds = this.heads, j = 0, len = hds.length; j < len;)
			hds[j++].redraw(out);

		out.push('</tbody></table></div>');
	}
	out.push('<div id="', uuid, '-body" class="', this.$s('body'));
	if (this._autopaging)
		out.push(' ', this.$s('autopaging'));
	out.push('"');

	var hgh = this.getHeight(),
		iOSNativeBar = zk.ios && this._nativebar;
	if (hgh || iOSNativeBar)
		out.push(' style="overflow:hidden;', hgh ? 'height:' + zUtl.encodeXML(hgh) + ';' : '', iOSNativeBar ? '-webkit-overflow-scrolling:touch;' : '', '"');
	out.push('>');

	if (this.domPad_ && !inPaging)
		this.domPad_(out, '-tpad');

	out.push('<table', wdAttr, ' id="', uuid, '-cave"', ' style="table-layout:fixed;', /*safe*/ wdStyle, '">');

	if (this.listhead)
		this.domFaker_(/*safe*/ out, '-bdfaker', zclsHTML);

	out.push('<tbody id="', uuid, '-rows">');

	// ZK-5593: inputWidget bind_ accesses input dom node may not exist
	const iter = this._getListitemIterator();
	while (iter.hasNext()) {
		iter.next().redraw(out, iter);
	}

	out.push('</tbody>');

	this.redrawEmpty_(out);

	out.push('</table>');

	if (this.domPad_ && !inPaging)
		this.domPad_(out, '-bpad');

	out.push('<div id="', uuid, '-a" style="top:', jq.px(this._anchorTop), ';left:', jq.px(this._anchorLeft),
		'" class="z-focus-a"');
	var tabindex = this._tabindex ?? 0; // Feature ZK-2531
	if (tabindex !== undefined)
		out.push(' tabindex="' + /*safe*/ tabindex + '"');
	out.push('></div></div>');

	if (this._nativebar && this.frozen) {
		out.push('<div id="', uuid, '-frozen" class="', this.$s('frozen'), '">');
		this.frozen.redraw(out);
		out.push('</div>');
	}

	if (this.listfoot) {
		out.push('<div id="', uuid, '-foot" class="', this.$s('footer'), '">',
			'<table id="', uuid, '-foottbl"', /*safe*/ wdAttr, ' style="table-layout:fixed;', /*safe*/ wdStyle, '">');
		if (this.listhead)
			this.domFaker_(out, '-ftfaker');

		out.push('<tbody id="', uuid, '-footrows">');
		this.listfoot.redraw(out);
		out.push('</tbody></table></div>');
	}

	if (pgpos === 'bottom' || pgpos === 'both') {
		out.push('<div id="', uuid, '-pgib" class="', this.$s('paging-bottom'), '">');
		this.paging.redraw(out);
		out.push('</div>');
	}
	out.push('</div>');
}