https://www.moviezoo.dk/catalog/view/theme/default/template/extension/d_ajax_filter/group/af_group_select.tag

1<af_group_select>
2<div class="af-element">
3    <div class="af-select-box">
4        <div  class="af-select-element empty" onclick={handler} data-value="*">
5            <p>{store.getState().translate.text_none}</p>
6        </div>
7        <virtual each={element in opts.filter.values}>
8            <div class="af-select-element {store.checkSelected(parent.opts.filter.name, parent.opts.filter.group_id, element.value)? 'active':''} {store.checkDisabled(parent.opts.filter.name, parent.opts.filter.group_id, element.value, parent.opts.filter_id) ?'disabled':''}" onclick={handler} data-value="{element.value}">
9                <p>{element.name}<af_quantity if={store.displayQuantity(parent.opts.filter.name, parent.opts.filter.group_id, element.value, parent.opts.filter_id)}  quantity={store.getQuantity(parent.opts.filter.name, parent.opts.filter.group_id, element.value)}></af_quantity></p>
10            </div>
11        </virtual>
12    </div>
13</div>
14<script>
15    this.mixin({store: d_ajax_filter})
16    this.on('mount', function(){
17        $('.af-select-box:not(.in) > .af-select-element.active', this.root).prevAll('.empty').hide();
18    })
19    handler(e){
20        if($(e.target).closest('.af-select-box').hasClass('in')){
21            if(e.currentTarget.dataset.value != '*'){
22                $('.af-select-element.empty', this.root).hide();
23                this.store.clearSelected(opts.filter.name, opts.filter.group_id);
24                this.store.updateSelected(opts.filter.name, opts.filter.group_id, e.currentTarget.dataset.value, 1, opts.filter_id, e.target);
25            }
26            else{
27                this.store.clearSelected(opts.filter.name, opts.filter.group_id, opts.filter_id);
28            }
29            $(e.target).closest('.af-select-box').removeClass('in');
30        }
31        else{
32            $('.af-select-element.empty', this.root).show();
33            $(e.target).closest('.af-select-box').addClass('in');
34        }
35    }
36</script>
37</af_group_select>