zkoss/zk

/* 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,
        tag = zk.ie < 11 ? 'a' : 'button';

    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('<', tag, ' id="', uuid, '-a" style="top:', jq.px(this._anchorTop), ';left:', jq.px(this._anchorLeft),
        '" onclick="return false;" href="javascript:;" class="z-focus-a"');
    var tabindex = this._tabindex; // Feature ZK-2531
    if (tabindex != undefined)
        out.push(' tabindex="' + /*safe*/ tabindex + '"');
    out.push('></', tag, '>', '</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>');
}