aw-front-helpers 2.5.28 → 2.5.30

package/classes/credits.js

@@ -1,5 +1,6 @@
 import { gsap } from "gsap";
 import { SplitText } from "gsap/SplitText";
+import confetti from 'canvas-confetti';
 
 export default class Credits {
   constructor() {
@@ -67,7 +68,43 @@ export default class Credits {
     });
     gsap.to(wrapper, { duration: 1, opacity: 1});
     gsap.from(split.chars, { delay: .6, duration: .3, x: 5, autoAlpha: 0, stagger: .07 });
-    wrapper.addEventListener('click', () => { wrapper.remove() }, { once: true });
+    wrapper.addEventListener('click', () => wrapper.remove(), { once: true });
+
+    this._confetti();
+  }
+
+  _confetti() {
+    const duration = 5 * 1000;
+    const animationEnd = Date.now() + duration;
+    let skew = 1;
+
+    const randomInRange = (min, max) => Math.random() * (max - min) + min;
+    (function frame() {
+      const fallingParticles = (color, particleCount = 5) => {
+        confetti({
+          particleCount,
+          startVelocity: 0,
+          ticks,
+          origin: {
+            x: Math.random(),
+            y: (Math.random() * skew) - 0.2
+          },
+          colors: [color],
+          shapes: ['circle'],
+          gravity: randomInRange(0.4, 0.6),
+          scalar: randomInRange(0.4, 1),
+          drift: randomInRange(-0.4, 0.4)
+        });
+      }
+      const timeLeft = animationEnd - Date.now();
+      const ticks = Math.max(200, 500 * (timeLeft / duration));
+      skew = Math.max(0.8, skew - 0.001);
+      fallingParticles('#b70202', 5);
+      fallingParticles('#adadd3', 1);
+      fallingParticles('#0f095b', 1);
+
+      if (timeLeft > 0) requestAnimationFrame(frame);
+    }())
   }
 
   _addEvents() {

package/classes/formControl.js

@@ -9,31 +9,31 @@ const defaultOptions = {
   classIsError: 'is-error',
   animateToFirstError: false,
   i18n: {
-    required: window.Translator
+    required: window.Translator && window.Translator.trans
       ? window.Translator.trans('form_errors.pattern')
       : 'Ce champs est obligatoire',
-    same: window.Translator
+    same: window.Translator && window.Translator.trans
       ? window.Translator.trans('form_errors.same')
       : 'Les champs ne correspondent pas.',
-    email: window.Translator
+    email: window.Translator && window.Translator.trans
       ? window.Translator.trans('form_errors.email')
       : 'Merci de renseigner un email valide.',
-    empty: window.Translator
+    empty: window.Translator && window.Translator.trans
       ? window.Translator.trans('form_errors.empty')
       : 'Ce champs est obligatoire.',
-    checkbox: window.Translator
+    checkbox: window.Translator && window.Translator.trans
       ? window.Translator.trans('form_errors.checkbox')
       : 'Veuillez accepter les conditions.',
-    radio: window.Translator
+    radio: window.Translator && window.Translator.trans
       ? window.Translator.trans('form_errors.radio')
       : 'Veuillez sélectionner au moins un choix.',
-    minLength: window.Translator
+    minLength: window.Translator && window.Translator.trans
       ? window.Translator.trans('form_errors.min_length')
       : 'Ce champ doit contenir au minimum %length% caractères',
-    maxLength: window.Translator
+    maxLength: window.Translator && window.Translator.trans
       ? window.Translator.trans('form_errors.max_length')
       : 'Ce champ doit contenir au maximum %length% caractères',
-    pattern: window.Translator
+    pattern: window.Translator && window.Translator.trans
       ? window.Translator.trans('form_errors.pattern')
       : 'La donnée saisie ne respecte pas les règles énoncées.',
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aw-front-helpers",
-  "version": "2.5.28",
+  "version": "2.5.30",
   "description": "Assets helpers for projects",
   "author": "Yoann Le Poupon",
   "license": "ISC",
@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@googlemaps/js-api-loader": "^1.16.6",
+    "canvas-confetti": "^1.9.3",
     "es6-symbol": "^3.1.3",
     "exif-js": "^2.3.0",
     "debounce": "^1.2.1",