<multiselect class="h40"  style="width:130px;"
                                 :internal-search="false"
                                 :searchable="false"
                                 v-model="values['selected_status_arr']"
                                 :options="options.status_new "
                                 :multiple="true"
                                 :close-on-select="false"
                                 :hide-selected="false"
                                 label="key"
                                 track-by="id"
                                 :clear-on-select="false"
                                 :preserve-search="true"
                                 :custom-label="customLabel"
                                 :preselect-first="false"
                                 :limit="0"
                                 :limit-text="displayText"
                                 selectLabel=""
                                 deselectLabel=""
                                 selectedLabel=""
                                 placeholder=""
                                 @close="onChange">
                        <template slot="selection" slot-scope="{ values,  isOpen }"><span class="multiselect__single" v-if="values.length &amp;&amp; !isOpen">{{ values.length }} selected</span></template>
                        <template slot="tag" slot-scope="props"><span class="custom__tag"><span>{{ props.option.key }}</span><span class="custom__remove" @click="props.remove(props.option)">❌</span></span></template>
                        <template slot="option" slot-scope="props">
                            {{ $t('resources.' + props.option.key) }}
                        </template>

                    </multiselect>