<template>
  <div>
    {{label}}
    <q-select
      rounded
      style="min-width: 150px"
      outlined
      v-model="animType"
      :options="tools.SelectListAnimation"
      @update:model-value="updateClass"
      dense
      label="Tipo:"
      emit-value
      map-options
    >
    </q-select>

    <q-select
      rounded
      style="min-width: 150px"
      outlined
      v-model="animSpeed"
      :options="tools.SelectListSpeed"
      @update:model-value="updateClass"
      dense
      label="Speed:"
      emit-value
      map-options
    >
    </q-select>

    <q-select
      rounded
      style="min-width: 150px"
      outlined
      v-model="animDelay"
      :options="tools.SelectListDelay"
      @update:model-value="updateClass"
      dense
      label="Ritardo:"
      emit-value
      map-options
    >
    </q-select>
  </div>
</template>

<script lang="ts" src="./CSelectAnimation.ts">
</script>
<style lang="scss" scoped>
@import './CSelectAnimation.scss';
</style>
