<template>
  <widget-wrapper v-bind="$props" ref="widget">
    <q-select
      filled
      :label="label"
      use-input
      @filter="filterItems"
      emit-value
      map-options
      hide-bottom-space
      :options="filteredOptions"
      :disable="disable"
      v-model="dictModel"
      class="mapped-dictionary"
      @popup-show="onPopupShow"
    />
  </widget-wrapper>
</template>

<script src="./MappedDictionary.ts" lang="ts"></script>

<style scoped>
.mapped-dictionary {
  padding-bottom: 20px;
  margin-top: 12px;
}
</style>
