README.md

@@ -154,11 +154,11 @@ HTML:
     <!-- Requires Vue version 3.x -->
     <script src="https://unpkg.com/vue@next"></script>
     <!-- Flow Form -->
-    <script src="https://unpkg.com/@ditdot-dev/vue-flow-form@2.2.0"></script>
+    <script src="https://unpkg.com/@ditdot-dev/vue-flow-form@2.3.2"></script>
     <!-- Flow Form base CSS -->
-    <link rel="stylesheet" href="https://unpkg.com/@ditdot-dev/vue-flow-form@2.2.0/dist/vue-flow-form.min.css">
+    <link rel="stylesheet" href="https://unpkg.com/@ditdot-dev/vue-flow-form@2.3.2/dist/vue-flow-form.min.css">
     <!-- Optional theme.css -->
-    <link rel="stylesheet" href="https://unpkg.com/@ditdot-dev/vue-flow-form@2.2.0/dist/vue-flow-form.theme-minimal.min.css">
+    <link rel="stylesheet" href="https://unpkg.com/@ditdot-dev/vue-flow-form@2.3.2/dist/vue-flow-form.theme-minimal.min.css">
     <!-- Optional font -->
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;900&amp;display=swap">
   </head>

build/rollup.config.js

@@ -62,7 +62,7 @@ export default [
         extensions: ['.mjs', '.js', '.json', '.node', '.vue']
       }),
       del({
-        targets: 'dist/vue-flow-form.umd.css',
+        targets: 'dist/dist',
         hook: 'writeBundle'
       })
     ]
@@ -106,7 +106,7 @@ export default [
         extensions: ['.mjs', '.js', '.json', '.node', '.vue']
       }),
       del({
-        targets: 'dist/vue-flow-form.esm.css',
+        targets: 'dist/dist',
         hook: 'writeBundle'
       })
     ]
@@ -150,7 +150,7 @@ export default [
         extensions: ['.mjs', '.js', '.json', '.node', '.vue']
       }),
       del({
-        targets: 'dist/vue-flow-form.common.css',
+        targets: 'dist/dist',
         hook: 'writeBundle'
       })
     ]
@@ -198,7 +198,7 @@ export default [
       cleanup(),
       terser(),
       del({
-        targets: 'dist/vue-flow-form.umd.min.css',
+        targets: 'dist/dist',
         hook: 'writeBundle'
       }),
       copy({

examples/questionnaire/Example.vue

@@ -111,7 +111,7 @@
             title: 'Tell us what is your favorite social network hangout.',
             helpTextShow: false,
             type: QuestionType.MultiplePictureChoice,
-            multiple: false,
+            multiple: true,
             required: true,
             options: [
               new ChoiceOption({
@@ -150,6 +150,24 @@
             required: true,
             placeholder: 'Start typing here...'
           }),
+          new QuestionModel({
+            id: 'icon_rate',
+            tagline: "Thanks for that. Now, let's give it some ⭐ rating",
+            title: 'How good was the last movie you watched?',
+            type: QuestionType.IconRate,
+            required: true,
+            max: 5
+          }),
+          new QuestionModel({
+            id: 'opinion_scale',
+            title: 'Choose a number to express your opinion 👇',
+            subtitle: 'You can also use ⌨️ numbers to select an option',
+            type: QuestionType.OpinionScale,
+            required: true,
+            max: 5,
+            labelLeft: 'Dissapointing',
+            labelRight: 'Exceptional'
+          }),
           new QuestionModel({
             id: 'multiple_choice',
             tagline: 'FYI, You can always go back 👈, use the up arrow on the bottom.',
@@ -193,6 +211,7 @@
               })
             ]
           }),
+ 
           new QuestionModel({
             id: 'break_1',
             title: 'Awesome, thank you. 🙏',

examples/support-page/Example.vue

@@ -152,7 +152,16 @@
             required: true,
             placeholder: 'Start typing here...',
             model: ''
-          }
+          },
+          {
+            type: 'iconrate',
+            id: 'icon_rate',
+            tagline: "One more thing before you go",
+            title: 'How would you rate our service?',
+            required: false,
+            max: 5,
+            model: ''
+          },
         ]
       }
     },