Added spinner for delayed.

Author: ciscoheat

src/routes/tests/redirect-same-route/+page.svelte

@@ -7,14 +7,12 @@
 
   let shouldCancel = false;
 
-  const { form, errors, tainted, message, enhance, submitting } = superForm(
-    data.form,
-    {
+  const { form, errors, tainted, message, enhance, submitting, delayed } =
+    superForm(data.form, {
       onSubmit({ cancel }) {
         if (shouldCancel) cancel();
       }
-    }
-  );
+    });
 </script>
 
 <SuperDebug data={{ $form, $errors, $tainted }} />
@@ -53,6 +51,65 @@
         /></svg
       >
     {/if}
+    {#if $delayed}
+      <svg
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg"
+        ><style>
+          .spinner_nOfF {
+            animation: spinner_qtyZ 2s cubic-bezier(0.36, 0.6, 0.31, 1)
+              infinite;
+          }
+          .spinner_fVhf {
+            animation-delay: -0.5s;
+          }
+          .spinner_piVe {
+            animation-delay: -1s;
+          }
+          .spinner_MSNs {
+            animation-delay: -1.5s;
+          }
+          @keyframes spinner_qtyZ {
+            0% {
+              r: 0;
+            }
+            25% {
+              r: 3px;
+              cx: 4px;
+            }
+            50% {
+              r: 3px;
+              cx: 12px;
+            }
+            75% {
+              r: 3px;
+              cx: 20px;
+            }
+            100% {
+              r: 0;
+              cx: 20px;
+            }
+          }
+        </style><circle class="spinner_nOfF" cx="4" cy="12" r="3" /><circle
+          class="spinner_nOfF spinner_fVhf"
+          cx="4"
+          cy="12"
+          r="3"
+        /><circle
+          class="spinner_nOfF spinner_piVe"
+          cx="4"
+          cy="12"
+          r="3"
+        /><circle
+          class="spinner_nOfF spinner_MSNs"
+          cx="4"
+          cy="12"
+          r="3"
+        /></svg
+      >
+    {/if}
   </div>
   <input type="checkbox" bind:checked={shouldCancel} /> Cancel submit
 </form>