adding styles

Author: Andres Vargas

livewire/static/livewire/livewirestyles.css

@@ -0,0 +1,11 @@
+<style>
+    [wire:loading] {
+        display: none;
+    }
+    [wire:offline] {
+        display: none;
+    }
+    [wire:dirty]:not(textarea):not(input):not(select) {
+        display: none;
+    }
+</style>

livewire/templates/livewire_scripts.html

@@ -7,6 +7,14 @@
     {% endcomment %} 
     window.livewire_token = '{{ csrf_token }}';
 
+  /* Make Alpine wait until Livewire is finished rendering to do its thing. */
+     window.deferLoadingAlpine = function (callback) {
+      window.addEventListener('livewire:load', function () {
+          callback();
+      });
+    };
+
+
     document.addEventListener("DOMContentLoaded", function() {
         window.livewire.start();
     });

livewire/templates/livewire_styles.html

@@ -0,0 +1,11 @@
+<style>
+    [wire:loading] {
+        display: none;
+    }
+    [wire:offline] {
+        display: none;
+    }
+    [wire:dirty]:not(textarea):not(input):not(select) {
+        display: none;
+    }
+</style>

livewire/templatetags/livewire_tags.py

@@ -4,6 +4,10 @@
 
 register = template.Library()
 
+@register.inclusion_tag("livewire_styles.html", takes_context=True)
+def livewire_styles(context):
+    return context
+
 
 @register.inclusion_tag("livewire_scripts.html", takes_context=True)
 def livewire_scripts(context):