Change dom state classes to follow our classes namespaces

assets/scripts/transitions/BaseTransition.js

@@ -25,8 +25,8 @@ export default class {
         }
 
         $html
-            .removeClass('dom-is-loaded dom-is-animated ')
-            .addClass(`dom-is-loading ${this.overrideClass}`);
+            .removeClass('has-dom-loaded has-dom-animated ')
+            .addClass(`has-dom-loading ${this.overrideClass}`);
 
     }
 
@@ -56,13 +56,13 @@ export default class {
         setTimeout(() => {
 
             $html
-                .addClass('dom-is-loaded')
-                .removeClass('dom-is-loading');
+                .addClass('has-dom-loaded')
+                .removeClass('has-dom-loading');
 
             setTimeout(() => {
                 $html
                     .removeClass(this.overrideClass)
-                    .addClass('dom-is-animated');
+                    .addClass('has-dom-animated');
             }, 1000);
 
             // launch it at the end (animations...)

assets/scripts/transitions/TransitionManager.js

@@ -22,7 +22,7 @@ const EVENT = {
 - ❌ add goto listener
 - ❌ add newPageReady functon with google analytics send (maybe pjax do that?)
 - ✅ add overrideClass system for all transitions
-- ✅ add base class manager like old DefaultTransition (dom-is-loaded, dom-is-loading etc..)
+- ✅ add base class manager like old DefaultTransition (has-dom-loaded, has-dom-loading etc..)
 
 
 
@@ -210,10 +210,10 @@ export default class {
      * @return {void}
      */
     load() {
-        $html.addClass('dom-is-loaded');
-        $html.removeClass('dom-is-loading');
+        $html.addClass('has-dom-loaded');
+        $html.removeClass('has-dom-loading');
         setTimeout(() => {
-            $html.addClass('dom-is-animated');
+            $html.addClass('has-dom-animated');
         }, 1000)
     }
 }