zextra/src/components/logics/q-view/main.js

zikojs extra components

import { UIElement } from "ziko/dom";
import { clamp } from 'ziko/math/utils'
class UIQView extends UIElement{
    constructor({score, round_func = Math.floor},wrapper, ...items){
        super()
        this.init(score, round_func, wrapper, ...items);
    }
    init(score, round_func, wrapper, ...items){
        super.init(wrapper.element);
        score = clamp(score, 0, 1);
        const count = round_func(items.length * score);
        wrapper.append(...items.splice(0, count))
        items.forEach(n=>n.unrender())
    }
}

const QView=({score}, wrapper, ...items)=>new UIQView({score}, wrapper, ...items);
export{
    UIQView, 
    QView
}