Source: lists/common-items/icon-label-list-item.js

import {mix}                from '$qui/base/mixwith.js'
import * as StringUtils     from '$qui/utils/string.js'
import {IconLabelViewMixin} from '$qui/views/common-views/common-views.js'

import ListItem   from '../list-item.js'
import * as Lists from '../lists.js'


const PHRASE_SPLIT_REGEX = /[^a-zA-Z0-9]/


/**
 * A list item made of an icon and a label.
 * @alias qui.lists.commonitems.IconLabelListItem
 * @extends qui.lists.ListItem
 * @mixes qui.views.commonviews.IconLabelViewMixin
 */
class IconLabelListItem extends mix(ListItem).with(IconLabelViewMixin) {

    /**
     * @constructs
     * @param {...*} args parent class parameters
     */
    constructor({...args} = {}) {
        super(args)

        this._matchPhrase = null
    }

    makeContent() {
        return this.getIconLabelContainer()
    }

    setSelected(selected) {
        super.setSelected(selected)
        this.getIconLabelContainer().toggleClass('selected', selected)
    }

    setSelectMode(selectMode) {
        this.setClickable(selectMode !== Lists.LIST_SELECT_MODE_DISABLED)
    }

    getMatchPhrase() {
        if (this._matchPhrase == null) {
            this._matchPhrase =
            this._matchPhrase = [
                ...this.getLabel().split(PHRASE_SPLIT_REGEX),
                ...this.getSubLabel().split(PHRASE_SPLIT_REGEX)
            ]

            /* Also consider the entire label as is */
            if (this.getLabel()) {
                this._matchPhrase.push(this.getLabel().toLowerCase())
            }
            if (this.getSubLabel()) {
                this._matchPhrase.push(this.getSubLabel().toLowerCase())
            }

            this._matchPhrase = this._matchPhrase.filter(p => Boolean(p))
        }

        return this._matchPhrase
    }

    isMatch(filter) {
        return this.getMatchPhrase().some(p => StringUtils.intelliSearch(p, filter) != null)
    }


    /* Override set*Label() to invalidate cached matchPhrase */

    setLabel(label) {
        super.setLabel(label)
        this._matchPhrase = null
    }

    setSubLabel(subLabel) {
        super.setSubLabel(subLabel)
        this._matchPhrase = null
    }

}


export default IconLabelListItem