Animations in the WebEditor

src/components/CSelectAnimation/CSelectAnimation.vue

@@ -0,0 +1,52 @@
+<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>