Source: lists/common-lists/page-list.js

import {mix}            from '$qui/base/mixwith.js'
import StockIcon        from '$qui/icons/stock-icon.js'
import PageMixin        from '$qui/pages/page.js'
import * as ObjectUtils from '$qui/utils/object.js'

import List from '../list.js'


/**
 * A list that can be used as a page.
 * @alias qui.lists.commonlists.PageList
 * @extends qui.lists.List
 * @mixes qui.pages.PageMixin
 */
class PageList extends mix(List).with(PageMixin) {

    /**
     * @constructs
     * @param {...*} args parent class parameters
     */
    constructor({...args} = {}) {
        ObjectUtils.setDefault(args, 'transparent', false)
        ObjectUtils.setDefault(args, 'topless', true)

        super(args)
    }

    prepareIcon(icon) {
        /* Popup page views should normally have the default foreground icon color, even on small screens */
        if (this.isPopup() && (icon instanceof StockIcon)) {
            icon = icon.alterDefault({variant: 'foreground'})
        }

        return super.prepareIcon(icon)
    }

    handleVertScroll() {
        super.handleVertScroll()
        this._updateVertScroll()
    }

    _updateVertScroll() {
        let params = this.getVertScrollParams()

        /* Place progress widget in the viewport by pushing it down a bit */
        this.getProgressWidget().css('margin-top', `${params.offset}px`)
    }

}


export default PageList