matting-editor/lib/widgets/matting-color-picker-panel.html

matting-editor

<div class="matting-color-picker-panel">
    <div class="matting-color-picker-panel-label">
        <span>{{label}}</span>
    </div>
    <div class="matting-color-picker-panel-swatches">
        <ul>
            <li
                :aria-label="item.text"
                class="matting-color-picker-panel-swatch"
                v-for="(item,idx) in swatches" :key="item.value"
                :class="{
                    'is-current': item.value == currentColor,
                    'btn-tips btn-tips--top': (item.text || item.text !== '')
                }"
                @click="setColor(item.value, $event)"
            >  
                <em
                    :style="{
                        backgroundColor: item.value
                    }"
                >{{item.value}}</em>
                <i class="matting-color-picker-panel-swatch-tick"
                    :class="{
                        'is-dark': isDark(item.value)
                    }"></i>
            </li>
        </ul>
    </div>
</div>