diff --git a/404.html b/404.html
index 4d9549009..3b951a79f 100644
--- a/404.html
+++ b/404.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE --><!-- EMBER_CLI_FASTBOOT_HEAD -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -23,9 +23,9 @@
   <body>
     <!-- EMBER_CLI_FASTBOOT_BODY -->
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js" integrity="sha256-JnwV/uEuo6iR2rWaHmw3gODFmfzY2cFs0MB/DWbPggU= sha512-GeBASrWu1fN3BmT/BVfXLvm3jP3oj9mD5uZiGEDfAnv8PIGEIUjLEBIurIgYVu/NUMjDmmGpwAf3ddxpa5Dpyw==" ></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js" integrity="sha256-jBjREP2TRnMk6as/QRmdSvRVPGxKqmtxfPi5pkVUbdQ= sha512-v24QGggxpp/Q2AVb3qFuFZBVWUdfUVMlEmca3M9qULPpjllNZO9U9sHPcz1jNrQgg7i/N1JX4QH8EMZDSEXKjA==" ></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js" integrity="sha256-Ju9o54nUFFrPGzj0jMIoku2FJ3Oaydttab5oENSRqXc= sha512-fn/18l0NS2OxM3JSldkQyJ1+vBblMafPVMa3fQi8Pn9+XGTNqAHbmaiwtF3d2aJzVKUovoPhYZ0RiquD7zLBFw==" ></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js" integrity="sha256-SIyyHvUv2doyt8DVt5ZpmSq9tBrAQTIu8y4Z4jRLcgA= sha512-w+DXFIixySgvODA4BmmN4Cntaa8qxeBGdsuIvI76Dj1wn55pbgEOQ2JppG9fc3i0YBpwFVncQvW6CpuFU01QFw==" ></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js" integrity="sha256-bBo2kRdyZlfvAUlwOeQAzH5n9HG3dfHHrP3foL4fGi0= sha512-aBtjhOfWm4oXRBibJcgaSd0nficvh0DV2B6buDs8iPzbuRL/buM/6EMgMMJT26awYntkT/soWMtQvWK8raXbGA==" ></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js" integrity="sha256-fxYn2Cq7SMNVPBqeU05NxQopwtkfLXRV+xJSuWILQe8= sha512-XmUrAMZnTwgp5SIx1Kwo8HWcott2LjPJXfekG+mbhTpsGg0DKtcECUVU9JbVGt7Ydk5nsMEjyydQD5g9f1ou8g==" ></script>
 
     
   </body>
diff --git a/api/Task.html b/api/Task.html
index 7841ffea3..6f153c3dc 100644
--- a/api/Task.html
+++ b/api/Task.html
@@ -1606,7 +1606,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/TaskFactory.html b/api/TaskFactory.html
index f84616bd1..28642df5d 100644
--- a/api/TaskFactory.html
+++ b/api/TaskFactory.html
@@ -2481,7 +2481,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/TaskGroup.html b/api/TaskGroup.html
index 0a4fdeea8..9902df32d 100644
--- a/api/TaskGroup.html
+++ b/api/TaskGroup.html
@@ -1285,7 +1285,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/TaskInstance.html b/api/TaskInstance.html
index 9ff65fa64..4581573a3 100644
--- a/api/TaskInstance.html
+++ b/api/TaskInstance.html
@@ -614,7 +614,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/TaskProperty.html b/api/TaskProperty.html
index 4bd3266a2..778564dd0 100644
--- a/api/TaskProperty.html
+++ b/api/TaskProperty.html
@@ -1605,7 +1605,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/Yieldable.html b/api/Yieldable.html
index 24cb5f94e..c41ad5324 100644
--- a/api/Yieldable.html
+++ b/api/Yieldable.html
@@ -655,7 +655,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/YieldableState.html b/api/YieldableState.html
index c9a094ddf..ef5dec3a6 100644
--- a/api/YieldableState.html
+++ b/api/YieldableState.html
@@ -727,7 +727,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/cancelable-promise-helpers.js.html b/api/cancelable-promise-helpers.js.html
index 4290768df..2ae51fd8a 100644
--- a/api/cancelable-promise-helpers.js.html
+++ b/api/cancelable-promise-helpers.js.html
@@ -185,7 +185,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/external_task-factory.js.html b/api/external_task-factory.js.html
index 8f4674a0c..c135abb35 100644
--- a/api/external_task-factory.js.html
+++ b/api/external_task-factory.js.html
@@ -385,7 +385,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/external_task-instance_cancelation.js.html b/api/external_task-instance_cancelation.js.html
index 8097ecb75..b6b7fb683 100644
--- a/api/external_task-instance_cancelation.js.html
+++ b/api/external_task-instance_cancelation.js.html
@@ -81,7 +81,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/external_task-instance_initial-state.js.html b/api/external_task-instance_initial-state.js.html
index 542804f01..e00b0dc32 100644
--- a/api/external_task-instance_initial-state.js.html
+++ b/api/external_task-instance_initial-state.js.html
@@ -114,7 +114,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/external_yieldables.js.html b/api/external_yieldables.js.html
index 8228a208b..f0f450d23 100644
--- a/api/external_yieldables.js.html
+++ b/api/external_yieldables.js.html
@@ -400,7 +400,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/global.html b/api/global.html
index 90e8a5f32..b939813b6 100644
--- a/api/global.html
+++ b/api/global.html
@@ -4791,7 +4791,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/index.html b/api/index.html
index 6b2d998e0..a09a3dcc7 100644
--- a/api/index.html
+++ b/api/index.html
@@ -137,7 +137,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/task-decorators.js.html b/api/task-decorators.js.html
index 51ef09390..50eccb829 100644
--- a/api/task-decorators.js.html
+++ b/api/task-decorators.js.html
@@ -342,7 +342,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/task-group.js.html b/api/task-group.js.html
index 4bfb7f13a..8209a1842 100644
--- a/api/task-group.js.html
+++ b/api/task-group.js.html
@@ -210,7 +210,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/task-instance.js.html b/api/task-instance.js.html
index 589d5193b..8ecdaf6e5 100644
--- a/api/task-instance.js.html
+++ b/api/task-instance.js.html
@@ -319,7 +319,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/task-properties.js.html b/api/task-properties.js.html
index b5f0114b7..ba71dde9b 100644
--- a/api/task-properties.js.html
+++ b/api/task-properties.js.html
@@ -331,7 +331,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/task-public-api.js.html b/api/task-public-api.js.html
index 1ef7f638c..24427707b 100644
--- a/api/task-public-api.js.html
+++ b/api/task-public-api.js.html
@@ -202,7 +202,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/task.js.html b/api/task.js.html
index 466c9d2c3..3911d8103 100644
--- a/api/task.js.html
+++ b/api/task.js.html
@@ -401,7 +401,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/utils.js.html b/api/utils.js.html
index d0f8e3447..b2407e674 100644
--- a/api/utils.js.html
+++ b/api/utils.js.html
@@ -112,7 +112,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/api/wait-for.js.html b/api/wait-for.js.html
index 4d46757b5..275da69e4 100644
--- a/api/wait-for.js.html
+++ b/api/wait-for.js.html
@@ -247,7 +247,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Task.html
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 03:53:51 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Feb 06 2024 06:53:00 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/assets/chunk.524.c6ff4988044c2b3a1119.js b/assets/chunk.524.6e671cf6a8abc0585042.js
similarity index 99%
rename from assets/chunk.524.c6ff4988044c2b3a1119.js
rename to assets/chunk.524.6e671cf6a8abc0585042.js
index 18073cbf0..0b2f2e3fc 100644
--- a/assets/chunk.524.c6ff4988044c2b3a1119.js
+++ b/assets/chunk.524.6e671cf6a8abc0585042.js
@@ -287,8 +287,8 @@ e.exports=require("@ember/object")},810:e=>{"use strict"
 e.exports=require("@ember/object/observers")},760:e=>{"use strict"
 e.exports=require("@ember/runloop")},412:e=>{"use strict"
 e.exports=require("ember")},914:e=>{"use strict"
-e.exports=require("rsvp")},168:(e,t,s)=>{e.exports=function(){var e=_eai_d,t=_eai_r
-function n(e){return e&&e.__esModule?e:Object.assign({default:e},e)}window.emberAutoImportDynamic=function(e){return 1===arguments.length?t("_eai_dyn_"+e):t("_eai_dynt_"+e)(Array.prototype.slice.call(arguments,1))},window.emberAutoImportSync=function(e){return t("_eai_sync_"+e)(Array.prototype.slice.call(arguments,1))},e("ember-concurrency",["ember","@ember/object","@ember/application","@ember/destroyable","@ember/runloop","rsvp","@ember/debug","@ember/object/observers"],(function(){return n(s(856))})),e("ember-concurrency/async-arrow-runtime",["@ember/debug","@ember/object","@ember/object/observers","@ember/runloop","@ember/application","@ember/destroyable","ember","rsvp"],(function(){return n(s(252))})),e("ember-concurrency/helpers/cancel-all",["@ember/component/helper","@ember/debug","@ember/object"],(function(){return n(s(84))})),e("ember-concurrency/helpers/perform",["@ember/component/helper","@ember/debug","@ember/object"],(function(){return n(s(572))})),e("ember-concurrency/helpers/task",["@ember/component/helper"],(function(){return n(s(888))})),e("ember-modifier",["@ember/application","@ember/destroyable"],(function(){return n(s(476))})),e("prismjs-glimmer",[],(function(){return n(s(296))}))}()},256:function(e,t){window._eai_r=require,window._eai_d=define},296:(e,t,s)=>{"use strict"
+e.exports=require("rsvp")},904:(e,t,s)=>{e.exports=function(){var e=_eai_d,t=_eai_r
+function n(e){return e&&e.__esModule?e:Object.assign({default:e},e)}window.emberAutoImportDynamic=function(e){return 1===arguments.length?t("_eai_dyn_"+e):t("_eai_dynt_"+e)(Array.prototype.slice.call(arguments,1))},window.emberAutoImportSync=function(e){return t("_eai_sync_"+e)(Array.prototype.slice.call(arguments,1))},e("ember-concurrency",["ember","@ember/object","@ember/application","@ember/destroyable","@ember/runloop","rsvp","@ember/debug","@ember/object/observers"],(function(){return n(s(856))})),e("ember-concurrency/async-arrow-runtime",["@ember/debug","@ember/object","@ember/object/observers","@ember/runloop","@ember/application","@ember/destroyable","ember","rsvp"],(function(){return n(s(252))})),e("ember-concurrency/helpers/cancel-all",["@ember/component/helper","@ember/debug","@ember/object"],(function(){return n(s(84))})),e("ember-concurrency/helpers/perform",["@ember/component/helper","@ember/debug","@ember/object"],(function(){return n(s(572))})),e("ember-concurrency/helpers/task",["@ember/component/helper"],(function(){return n(s(888))})),e("ember-modifier",["@ember/application","@ember/destroyable"],(function(){return n(s(476))})),e("prismjs-glimmer",[],(function(){return n(s(296))}))}()},392:function(e,t){window._eai_r=require,window._eai_d=define},296:(e,t,s)=>{"use strict"
 s.r(t),s.d(t,{setup:()=>u})
 var n=Object.defineProperty,r=Object.prototype.hasOwnProperty,i=Object.getOwnPropertySymbols,a=Object.prototype.propertyIsEnumerable,o=(e,t,s)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,c=(e,t)=>{for(var s in t||(t={}))r.call(t,s)&&o(e,s,t[s])
 if(i)for(var s of i(t))a.call(t,s)&&o(e,s,t[s])
@@ -302,6 +302,6 @@ function s(n){var r=t[n]
 if(void 0!==r)return r.exports
 var i=t[n]={exports:{}}
 return e[n].call(i.exports,i,i.exports,s),i.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e
-return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s(256)
-var n=s(168)
+return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s(392)
+var n=s(904)
 __ember_auto_import__=n})()
diff --git a/assets/chunk.92.103de0d96f25f533ebc9.js b/assets/chunk.92.df13b3edcb8f045b5443.js
similarity index 87%
rename from assets/chunk.92.103de0d96f25f533ebc9.js
rename to assets/chunk.92.df13b3edcb8f045b5443.js
index 2f5a9c2a3..32725c987 100644
--- a/assets/chunk.92.103de0d96f25f533ebc9.js
+++ b/assets/chunk.92.df13b3edcb8f045b5443.js
@@ -1,4 +1,4 @@
-var __ember_auto_import__;(()=>{var r,e={256:function(r,e){window._eai_r=require,window._eai_d=define},312:(r,e,o)=>{var t,i
+var __ember_auto_import__;(()=>{var r,e={392:function(r,e){window._eai_r=require,window._eai_d=define},492:(r,e,o)=>{var t,i
 r.exports=(t=_eai_d,i=_eai_r,window.emberAutoImportDynamic=function(r){return 1===arguments.length?i("_eai_dyn_"+r):i("_eai_dynt_"+r)(Array.prototype.slice.call(arguments,1))},window.emberAutoImportSync=function(r){return i("_eai_sync_"+r)(Array.prototype.slice.call(arguments,1))},void t("qunit",[],(function(){return(r=o(48))&&r.__esModule?r:Object.assign({default:r},r)
 var r})))}},o={}
 function t(r){var i=o[r]
@@ -16,6 +16,6 @@ var e=(e,o)=>{var i,n,[a,_,l]=o,u=0
 if(a.some((e=>0!==r[e]))){for(i in _)t.o(_,i)&&(t.m[i]=_[i])
 if(l)var d=l(t)}for(e&&e(o);u<a.length;u++)n=a[u],t.o(r,n)&&r[n]&&r[n][0](),r[n]=0
 return t.O(d)},o=self.webpackChunk_ember_auto_import_=self.webpackChunk_ember_auto_import_||[]
-o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})(),t.O(void 0,[48],(()=>t(256)))
-var i=t.O(void 0,[48],(()=>t(312)))
+o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})(),t.O(void 0,[48],(()=>t(392)))
+var i=t.O(void 0,[48],(()=>t(492)))
 i=t.O(i),__ember_auto_import__=i})()
diff --git a/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js b/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js
similarity index 97%
rename from assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js
rename to assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js
index fdd2d57a2..82dd3428f 100644
--- a/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js
+++ b/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js
@@ -383,7 +383,7 @@ if(void 0!==n){var r=n.call(e,t||"default")
 if("object"!=typeof r)return r
 throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(e,t,n,r,i){var o={}
 return Object.keys(r).forEach((function(e){o[e]=r[e]})),o.enumerable=!!o.enumerable,o.configurable=!!o.configurable,("value"in o||o.initializer)&&(o.writable=!0),o=n.slice().reverse().reduce((function(n,r){return r(e,t,n)||n}),o),i&&void 0!==o.initializer&&(o.value=o.initializer?o.initializer.call(i):void 0,o.initializer=void 0),void 0===o.initializer&&(Object.defineProperty(e,t,o),o=null),o}Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.TABLE_OF_CONTENTS=e.FLATTENED_TABLE_OF_CONTENTS=void 0
-const d=e.TABLE_OF_CONTENTS=[{route:"docs.introduction",title:"Home"},{route:"docs.installation",title:"Installation"},{route:"docs.v4-upgrade",title:"Upgrading to V4"},{route:"docs.older-versions",title:"Older Version Docs"},{section:"Introduction"},{route:"docs.tutorial.index",title:"Writing Code Without Tasks"},{route:"docs.tutorial.discussion",title:"Post-Mortem"},{route:"docs.tutorial.refactor",title:"Refactoring With Tasks"},{section:"Reference"},{route:"docs.task-function-syntax",title:"Defining Tasks"},{route:"docs.task-concurrency",title:"Task Modifiers"},{route:"docs.cancelation",title:"Cancellation"},{route:"docs.error-vs-cancelation",title:"Handling Errors"},{route:"docs.child-tasks",title:"Child Tasks"},{route:"docs.derived-state",title:"Derived State"},{route:"docs.events",title:"Awaiting Events / Conditions"},{route:"docs.testing-debugging",title:"Testing & Debugging"},{route:"docs.typescript",title:"TypeScript"},{route:"docs.faq",title:"FAQ & Fact Sheet"},{section:"Advanced"},{route:"docs.task-concurrency-advanced",title:"Using maxConcurrency"},{route:"docs.advanced.lifecycle-events",title:"Lifecycle Events"},{route:"docs.advanced.task-modifiers",title:"Task Modifiers"},{route:"docs.advanced.yieldables",title:"Yieldables / Controlling Execution"},{section:"Examples"},{route:"docs.examples.loading-ui",title:"Loading UI"},{route:"docs.examples.autocomplete",title:"Type-Ahead Search"},{route:"docs.examples.increment-buttons",title:"Accelerating Increment Buttons"},{route:"docs.examples.ajax-throttling",title:"AJAX Throttling"},{route:"docs.examples.route-tasks",title:"Route Tasks"},{route:"docs.examples.joining-tasks",title:"Awaiting Multiple Child Tasks"}],p=e.FLATTENED_TABLE_OF_CONTENTS=d.reduce(((e,t)=>(e.push(t),t.children&&(e=e.concat(t.children)),e)),[])
+const d=e.TABLE_OF_CONTENTS=[{route:"docs.introduction",title:"Home"},{route:"docs.installation",title:"Installation"},{route:"docs.v4-upgrade",title:"Upgrading to V4"},{route:"docs.older-versions",title:"Older Version Docs"},{section:"Introduction"},{route:"docs.tutorial.index",title:"Writing Code Without Tasks"},{route:"docs.tutorial.discussion",title:"Post-Mortem"},{route:"docs.tutorial.refactor",title:"Refactoring With Tasks"},{section:"Reference"},{route:"docs.task-function-syntax",title:"Defining Tasks"},{route:"docs.task-concurrency",title:"Task Modifiers"},{route:"docs.cancelation",title:"Cancellation"},{route:"docs.error-vs-cancelation",title:"Handling Errors"},{route:"docs.child-tasks",title:"Child Tasks"},{route:"docs.derived-state",title:"Derived State"},{route:"docs.events",title:"Awaiting Events / Conditions"},{route:"docs.testing-debugging",title:"Testing & Debugging"},{route:"docs.typescript",title:"TypeScript / Glint"},{route:"docs.faq",title:"FAQ & Fact Sheet"},{section:"Advanced"},{route:"docs.task-concurrency-advanced",title:"Using maxConcurrency"},{route:"docs.advanced.lifecycle-events",title:"Lifecycle Events"},{route:"docs.advanced.task-modifiers",title:"Task Modifiers"},{route:"docs.advanced.yieldables",title:"Yieldables / Controlling Execution"},{section:"Examples"},{route:"docs.examples.loading-ui",title:"Loading UI"},{route:"docs.examples.autocomplete",title:"Type-Ahead Search"},{route:"docs.examples.increment-buttons",title:"Accelerating Increment Buttons"},{route:"docs.examples.ajax-throttling",title:"AJAX Throttling"},{route:"docs.examples.route-tasks",title:"Route Tasks"},{route:"docs.examples.joining-tasks",title:"Awaiting Multiple Child Tasks"}],p=e.FLATTENED_TABLE_OF_CONTENTS=d.reduce(((e,t)=>(e.push(t),t.children&&(e=e.concat(t.children)),e)),[])
 e.default=(i=(0,n.computed)("router.currentRouteName"),o=(0,n.computed)("currentIndex","flatContents"),a=(0,n.computed)("currentIndex","flatContents"),l=class extends t.default{constructor(...e){var t,n,r,i
 super(...e),t=this,n="router",i=this,(r=s)&&Object.defineProperty(t,n,{enumerable:r.enumerable,configurable:r.configurable,writable:r.writable,value:r.initializer?r.initializer.call(i):void 0}),u(this,"tableOfContents",d)}get currentIndex(){let e,t,n=p,r=this.router.currentRouteName
 for(let i=0;i<n.length;i++)t=n[i],t.route&&new RegExp("^"+t.route.replace(/\./g,"\\.")).test(r)&&(void 0===e||n[e].route.length<t.route.length)&&(e=i)
@@ -498,7 +498,7 @@ Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0
 e.default=(r=class extends t.default{constructor(...e){var t,n,r,o
 super(...e),t=this,n="router",o=this,(r=i)&&Object.defineProperty(t,n,{enumerable:r.enumerable,configurable:r.configurable,writable:r.writable,value:r.initializer?r.initializer.call(o):void 0})}redirect(){this.router.transitionTo("docs.introduction")}},o=r.prototype,a="router",l=[n.inject],s={configurable:!0,enumerable:!0,writable:!0,initializer:null},c={},Object.keys(s).forEach((function(e){c[e]=s[e]})),c.enumerable=!!c.enumerable,c.configurable=!!c.configurable,("value"in c||c.initializer)&&(c.writable=!0),c=l.slice().reverse().reduce((function(e,t){return t(o,a,e)||e}),c),u&&void 0!==c.initializer&&(c.value=c.initializer?c.initializer.call(u):void 0,c.initializer=void 0),void 0===c.initializer&&(Object.defineProperty(o,a,c),c=null),i=c,r)
 var o,a,l,s,u,c})),define("test-app/docs/installation/template",["exports","@ember/template-factory"],(function(e,t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0
-e.default=(0,t.createTemplateFactory)({id:"Oq3GF5JN",block:'[[[10,"h3"],[12],[1,"Installation"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Within your ember-cli project folder, run the following:\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@name"],["ember-install.sh"]],null],[1,"\\n\\n"],[10,2],[12],[1,"\\n  ("],[10,"strong"],[12],[1,"Recommended"],[13],[1,") To use with native JavaScript/TypeScript classes\\n  used throughout this documentation, ensure you also\\n  meet the following in your application/addon:\\n\\n  "],[10,"ul"],[12],[1,"\\n    "],[10,"li"],[12],[1,"At least "],[10,"code"],[12],[1,"ember-cli-babel@^7.7.2"],[13],[13],[1,"\\n    "],[10,"li"],[12],[1,"At least "],[10,"code"],[12],[1,"@babel/core@^7.5.0"],[13],[1," (as a transitive dependency via "],[10,"code"],[12],[1,"ember-cli-babel"],[13],[1,")"],[13],[1,"\\n    "],[10,"li"],[12],[1,"At least "],[10,"code"],[12],[1,"ember-cli-typescript@^2.0.0"],[13],[1," and TypeScript 4.2+, if you want to use it with TypeScript"],[13],[1,"\\n  "],[13],[1,"\\n"],[13],[1,"\\n\\n"],[10,"h4"],[12],[1,"Configure Babel Transform"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Ember Concurrency requires the use of a Babel Transform to convert tasks in the \\"async-arrow\\" notation\\n  (e.g. "],[10,"code"],[12],[1,"fooTask = task(async () => { /*...*/ })"],[13],[1," into generator functions. Since\\n  Ember Concurrency 4.0.0 (which is an Embroider V2 Addon), this Babel transform needs to be configured\\n  on the consuming application or addon.\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@name"],["babel-transform-config.js"]],null],[1,"\\n\\n"]],[],false,["code-snippet"]]',moduleName:"test-app/docs/installation/template.hbs",isStrictMode:!1})})),define("test-app/docs/introduction/template",["exports","@ember/template-factory"],(function(e,t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0
+e.default=(0,t.createTemplateFactory)({id:"3fqRk3FS",block:'[[[10,"h3"],[12],[1,"Installation"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Within your ember-cli project folder, run the following:\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@name"],["ember-install.sh"]],null],[1,"\\n\\n"],[10,2],[12],[1,"\\n  ("],[10,"strong"],[12],[1,"Recommended"],[13],[1,") To use with native JavaScript/TypeScript classes\\n  used throughout this documentation, ensure you also\\n  meet the following in your application/addon:\\n\\n  "],[10,"ul"],[12],[1,"\\n    "],[10,"li"],[12],[1,"At least "],[10,"code"],[12],[1,"ember-cli-babel@^7.7.2"],[13],[13],[1,"\\n    "],[10,"li"],[12],[1,"At least "],[10,"code"],[12],[1,"@babel/core@^7.5.0"],[13],[1," (as a transitive dependency via "],[10,"code"],[12],[1,"ember-cli-babel"],[13],[1,")"],[13],[1,"\\n  "],[13],[1,"\\n"],[13],[1,"\\n\\n"],[10,"h4"],[12],[1,"Configure Babel Transform"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Ember Concurrency requires the use of a Babel Transform to convert tasks in the \\"async-arrow\\" notation\\n  (e.g. "],[10,"code"],[12],[1,"fooTask = task(async () => { /*...*/ })"],[13],[1," into generator functions. Since\\n  Ember Concurrency 4.0.0 (which is an Embroider V2 Addon), this Babel transform needs to be configured\\n  on the consuming application or addon.\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@name"],["babel-transform-config.js"]],null],[1,"\\n\\n"],[10,"h4"],[12],[1,"Typescript and Glint"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  "],[8,[39,1],null,[["@route"],["docs.typescript"]],[["default"],[[[[1,"Typescript and Glint docs"]],[]]]]],[1," for setting up / using\\n  Ember Concurency with TypeScript / Glint.\\n"],[13],[1,"\\n\\n"]],[],false,["code-snippet","link-to"]]',moduleName:"test-app/docs/installation/template.hbs",isStrictMode:!1})})),define("test-app/docs/introduction/template",["exports","@ember/template-factory"],(function(e,t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0
 e.default=(0,t.createTemplateFactory)({id:"/IAbjpTE",block:'[[[10,2],[14,5,"font-size: 20px;"],[12],[1,"\\n  "],[10,"strong"],[12],[1,"ember-concurrency"],[13],[1," is an Ember Addon that\\n  makes it easy to write concise, robust, and beautiful\\n  asynchronous code.\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  It provides you with a powerful "],[10,"strong"],[12],[1,"Task"],[13],[1," primitive,\\n  which offers the following benefits:\\n"],[13],[1,"\\n\\n"],[10,"ul"],[12],[1,"\\n  "],[10,"li"],[12],[1,"\\n    Tasks, unlike Promises, support cancelation.\\n  "],[13],[1,"\\n  "],[10,"li"],[12],[1,"\\n    Tasks expose their underlying state (whether they\'re running or idle)\\n    which makes it trivial to build loading indicators without\\n    having to manually track / mutate state yourself.\\n  "],[13],[1,"\\n  "],[10,"li"],[12],[1,"\\n    "],[8,[39,0],null,[["@route"],["docs.task-concurrency"]],[["default"],[[[[1,"Task Modifiers"]],[]]]]],[1," make it trivial\\n    to prevent two executions of the same task from running at the same time, e.g.\\n    you can prevent double form submissions using the "],[10,"code"],[12],[1,"drop"],[13],[1," modifier,\\n    or you can configure a task to be "],[10,"code"],[12],[1,"restartable"],[13],[1," so that it starts over\\n    when you click a \\"Restart\\" button. Implementing this logic without tasks requires\\n    a lot of boilerplate code and defensive programming.\\n  "],[13],[1,"\\n  "],[10,"li"],[12],[1,"\\n    Tasks that live on Components are automatically canceled when that\\n    Component is unrendered; no more "],[10,"code"],[12],[1,"if(this.isDestroyed)"],[13],[1,"\\n    checks to prevent timers or ajax responses causing\\n    "],[10,"code"],[12],[1,"\\"set on destroyed object\\""],[13],[1," errors.\\n  "],[13],[1,"\\n"],[13],[1,"\\n\\n"],[10,"h3"],[12],[1,"Additional Learning Resources"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  In addition to the comprehensive documentation on this site,\\n  you might find the following links useful for learning about\\n  ember-concurrency.\\n"],[13],[1,"\\n\\n"],[10,"ul"],[12],[1,"\\n  "],[10,"li"],[12],[1,"\\n    "],[10,3],[14,6,"https://www.youtube.com/watch?v=VEzVDOmY-dc"],[12],[1,"\\n      EmberConf presentation on ember-concurrency\\n    "],[13],[1,"\\n  "],[13],[1,"\\n  "],[10,"li"],[12],[1,"\\n    "],[10,3],[14,6,"https://embermap.com/topics/ember-concurrency"],[12],[1,"\\n      EmberMap\'s paid course on ember-concurrency\\n    "],[13],[1,"\\n  "],[13],[1,"\\n  "],[10,"li"],[12],[1,"\\n    "],[10,3],[14,6,"https://www.youtube.com/watch?v=5znpEiwHpL4"],[12],[1,"\\n      YouTube: Building a Drum Machine with Ember Octane and Ember Concurrency\\n    "],[13],[1,"\\n  "],[13],[1,"\\n"],[13],[1,"\\n"]],[],false,["link-to"]]',moduleName:"test-app/docs/introduction/template.hbs",isStrictMode:!1})})),define("test-app/docs/older-versions/template",["exports","@ember/template-factory"],(function(e,t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0
 e.default=(0,t.createTemplateFactory)({id:"sjPAb7Wd",block:'[[[10,"h3"],[12],[1,"Documentation for Older Versions of Ember Concurrency"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  You are reading the documentation for Version 4.x of Ember Concurrency, which\\n  reflects the latest APIs and Best Practices.\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Documentation for older versions can be found here:\\n"],[13],[1,"\\n\\n"],[10,"ul"],[12],[1,"\\n  "],[10,"li"],[12],[1,"\\n    "],[10,3],[14,6,"https://v3.ember-concurrency.com"],[12],[1,"Version 3 Documentation"],[13],[1,"\\n  "],[13],[1,"\\n  "],[10,"li"],[12],[1,"\\n    "],[10,3],[14,6,"https://v221.ember-concurrency.com"],[12],[1,"Version 2 Documentation"],[13],[1,"\\n  "],[13],[1,"\\n"],[13]],[],false,[]]',moduleName:"test-app/docs/older-versions/template.hbs",isStrictMode:!1})})),define("test-app/docs/task-cancelation-help/template",["exports","@ember/template-factory"],(function(e,t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0
 e.default=(0,t.createTemplateFactory)({id:"prnvQfXR",block:'[[[10,"h3"],[12],[1,"Why am I seeing TaskCancelation errors in my logs?"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  If you\'re seeing "],[10,"code"],[14,5,"color:red;"],[12],[1,"TaskCancelation"],[13],[1," errors show\\n  up in your error logs,\\n  it means that somewhere in your code, a Task that you "],[10,"code"],[12],[1,".perform()"],[13],[1,"ed\\n  is being cast to a Promise (either by calling\\n  "],[10,3],[14,6,"/api/TaskInstance.html#then"],[12],[10,"code"],[12],[1,".then()"],[13],[13],[1," on\\n  the task instance, or "],[10,"code"],[12],[1,"await"],[13],[1,"ing the task instance in an\\n  async function),\\n  and since Promises have no built-in support for\\n  cancelation, the task cancelation is being treated as a\\n  promise rejection, which needs to be explicitly caught and handled\\n  (otherwise it\'ll show up in your logs as an unhandled Promise rejection).\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Here is an example that demonstrates the issue:\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@name"],["task-cancelation-example-1.js"]],null],[1,"\\n\\n"],[10,2],[12],[1,"\\n  In this example, the "],[10,"code"],[12],[1,"fetchResults"],[13],[1," action performs\\n  the "],[10,"code"],[12],[1,"queryServer"],[13],[1," task and then immediately calls\\n  "],[10,3],[14,6,"/api/TaskInstance.html#then"],[12],[10,"code"],[12],[1,".then()"],[13],[13],[1,",\\n  which internally generates a Promise that will reject if\\n  "],[10,"code"],[12],[1,"queryServer"],[13],[1," is canceled. If "],[10,"code"],[12],[1,"queryServer"],[13],[1,"\\n  is canceled before it runs to completion, you\'ll see a\\n  "],[10,"code"],[14,5,"color:red;"],[12],[1,"TaskCancelation"],[13],[1," error in the logs.\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  One approach to fixing this would be to add a "],[10,"code"],[12],[1,".catch()"],[13],[1,"\\n  handler and using ember-concurrency\'s "],[10,"code"],[12],[1,"didCancel()"],[13],[1," helper\\n  function to check if the error was a task cancelation, and ignore it\\n  if so:\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@name"],["task-cancelation-example-2.js"]],null],[1,"\\n\\n"],[10,2],[12],[1,"\\n  But this is exactly the kind of cluttered, defensive programming\\n  that ember-concurrency was designed to avoid.\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  The ideal solution here is to never call "],[10,"code"],[12],[1,".then()"],[13],[1," on your\\n  own task instances and instead try and find a way to express what\\n  you\'re doing using only the ember-concurrency Task API, which has\\n  built-in robust support for cancelation:\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@name"],["task-cancelation-example-3.js"]],null],[1,"\\n\\n"],[10,2],[12],[1,"\\n  And in your templates, you\'d replace any instance of\\n  "],[10,"code"],[12],[1,"action \\"fetchResults\\""],[13],[1," with "],[10,"code"],[12],[1,"perform fetchResults"],[13],[1,".\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  When structured this way, the potential for task cancelation stays\\n  within ember-concurrency\'s domain, where cancelation is routine and\\n  handled gracefully.\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  For more information, see\\n  "],[8,[39,1],null,[["@route"],["docs.cancelation"]],[["default"],[[[[1,"Cancelation"]],[]]]]],[1," and\\n  "],[8,[39,1],null,[["@route"],["docs.error-vs-cancelation"]],[["default"],[[[[1,"Handling Errors"]],[]]]]],[1,".\\n"],[13],[1,"\\n"]],[],false,["code-snippet","link-to"]]',moduleName:"test-app/docs/task-cancelation-help/template.hbs",isStrictMode:!1})})),define("test-app/docs/task-concurrency-advanced/controller",["exports","ember-concurrency/async-arrow-runtime","@ember/controller","ember-concurrency"],(function(e,t,n,r){function i(e,t,n){var r
@@ -533,7 +533,7 @@ e.default=(0,t.createTemplateFactory)({id:"+ARAbEw0",block:'[[[10,"h3"],[12],[1,
 e.default=(0,t.createTemplateFactory)({id:"b0DqrvfP",block:'[[[10,"h3"],[12],[1,"A Quick Post-Mortem"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  In the previous part of the tutorial, we built a component that\\n  fetches and displays nearby retail stores. As you can see, it takes\\n  quite a bit of code to cover all of the corner cases and build\\n  something that is actually production-ready:\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@codeSnippet","@templateSnippet"],["better-syntax-6.js","better-syntax-6.hbs"]],null],[1,"\\n"],[8,[39,1],null,null,null],[1,"\\n\\n"],[10,2],[12],[1,"\\n  This is not the beautiful Ember code we all thought we\'d be writing,\\n  and unfortunately this kind of code is extremely commonplace.\\n"],[13],[1,"\\n\\n"],[10,"h5"],[12],[1,"Alternative: Move tricky code to an object with a long lifespan"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Components have limited lifespans: they\'re rendered, and then\\n  eventually they\'re unrendered and destroyed. Controllers, Services, Ember-Data\\n  Stores, and Routes, on the other hand, live forever (or at least until\\n  the app is torn down in a testing environment).\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  As such, one approach\\n  to avoiding "],[10,"code"],[12],[1,"\\"set on destroyed object\\""],[13],[1," errors is to move\\n  tricky async logic into a method/action on a Controller or Service that\\n  is invoked by a Component. Sometimes this works, but it\'s often the case\\n  that even though you no longer see exceptions in the console, you still need to\\n  clean up / stop / cancel some operation on a long lived object in response\\n  to a Component being destroyed. There are Component lifecycle hooks\\n  like "],[10,"code"],[12],[1,"willDestroyElement"],[13],[1," or element modifiers like\\n  "],[10,"code"],[12],[1,"will-destroy"],[13],[1," that you can use for these kinds of things,\\n  but then you still end up with the same amount of code, but now it\'s smeared\\n  between Component and Controller.\\n"],[13],[1,"\\n"]],[],false,["code-template-toggle","tutorial-5"]]',moduleName:"test-app/docs/tutorial/discussion/template.hbs",isStrictMode:!1})})),define("test-app/docs/tutorial/index/template",["exports","@ember/template-factory"],(function(e,t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0
 e.default=(0,t.createTemplateFactory)({id:"6YzQvLBa",block:'[[[10,"h3"],[12],[1,"Introduction to ember-concurrency"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  To demonstrate the kinds of problems ember-concurrency\\n  is designed to solve, we\'ll first implement a basic example of\\n  loading data in a Component using only core Ember APIs. Then\\n  we\'ll introduce ember-concurrency tasks as part of a refactor.\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  This tutorial (and ember-concurrency itself) assumes that you have\\n  reasonable familiarity with Ember\'s core APIs, particularly surrounding\\n  Components, templates, actions, Promises, and the use of "],[10,"code"],[12],[1,"async/await"],[13],[1,".\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  For our use case, we\'re going to implement a Component that\\n  fetches and displays nearby retail stores. This involves\\n  a two-step asynchronous process:\\n"],[13],[1,"\\n\\n"],[10,"ol"],[12],[1,"\\n  "],[10,"li"],[12],[1,"\\n    It uses geolocation to find the user\'s latitude/longitude coordinates, and then:\\n  "],[13],[1,"\\n  "],[10,"li"],[12],[1,"\\n    It forwards those coordinates to the server to fetch a list of nearby restaurants.\\n  "],[13],[1,"\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  "],[10,"em"],[12],[1,"\\n    This is basically the same example demonstrated in this\\n    "],[10,3],[14,6,"https://youtu.be/VEzVDOmY-dc?t=123"],[12],[1,"EmberConf ember-concurrency talk"],[13],[1,";\\n    take a look if you prefer a video alternative to this tutorial. Please note,\\n    though, that the coding style has since changed with Ember Octane. The\\n    examples below have been updated to reflect the newer syntax.\\n  "],[13],[1,"\\n"],[13],[1,"\\n\\n"],[10,"h4"],[12],[1,"Version 1: Bare Minimum Implementation"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  We\'ll start off a bare-bones implementation of the feature: within\\n  an action called "],[10,"code"],[12],[1,"findStores"],[13],[1,", we\'ll create an async function that\\n  fetches the coordinates from a geolocation service\\n  and passes those coordinates to a store\'s "],[10,"code"],[12],[1,"getNearbyStores"],[13],[1,"\\n  method, which eventually gives us an array of stores that we stash\\n  on the "],[10,"code"],[12],[1,"result"],[13],[1," property so that the stores can be displayed\\n  in the template.\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@codeSnippet","@templateSnippet"],["better-syntax-1.js","better-syntax-1.hbs"]],null],[1,"\\n"],[8,[39,1],null,null,null],[1,"\\n\\n"],[10,2],[12],[1,"\\n  This first implementation "],[10,"em"],[12],[1,"works"],[13],[1,", but it\'s not really production-ready.\\n  The most immediate problem is that there\'s no loading UI; the user clicks\\n  the button and it seems like nothing is happening until the results come back.\\n"],[13],[1,"\\n\\n"],[10,"h4"],[12],[1,"Version 2: Add a Loading Spinner"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  We\'d like to display a loading spinner while the code is fetching nearby stores.\\n  In order to do this, we\'ll add an "],[10,"code"],[12],[1,"isFindingStores"],[13],[1," property to the\\n  component that the template can use to display a spinner.\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  "],[10,"em"],[12],[1,"\\n    We\'ll use "],[10,"code"],[12],[1,"++"],[13],[1," comments to highlight newly added code.\\n  "],[13],[1,"\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@codeSnippet","@templateSnippet"],["better-syntax-2.js","better-syntax-2.hbs"]],null],[1,"\\n"],[8,[39,2],null,null,null],[1,"\\n\\n"],[10,2],[12],[1,"\\n  This is certainly an improvement, but strange things start to happen if you\\n  click the \\"Find Nearby Stores\\" button many times in a row.\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  The problem is that we\'re kicking off multiple concurrent attempts to fetch\\n  nearby locations, when really we just want only one fetch to be running\\n  at any given time.\\n"],[13],[1,"\\n\\n"],[10,"h4"],[12],[1,"Version 3: Preventing Concurrency"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  We\'d like to prevent another fetch from happening if one is already in\\n  progress. To do this, just need to add a check to see if\\n  "],[10,"code"],[12],[1,"isFindingStores"],[13],[1," is true, and return early if so.\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@codeSnippet","@templateSnippet"],["better-syntax-3.js","better-syntax-3.hbs"]],null],[1,"\\n"],[8,[39,3],null,null,null],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Now it is safe to tap the \\"Find Nearby Stores\\" button. Are we done?\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Unfortunately, no. There\'s an important corner case we haven\'t addressed yet:\\n  if the component is destroyed (because the user navigated\\n  to a different page) while the fetch is running, our code\\n  will throw an Error with the message\\n  "],[10,"code"],[12],[1,"\\"calling set on destroyed object\\""],[13],[1,".\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  You can\\n  actually verify that this happening by opening your browser\'s\\n  web inspector, clicking \\"Find Nearby Stores\\" from the example\\n  above, and then quickly clicking "],[8,[39,4],null,[["@route"],["docs.introduction"]],[["default"],[[[[1,"this link"]],[]]]]],[1,"\\n  before the store results have come back.\\n"],[13],[1,"\\n\\n"],[10,"h4"],[12],[1,"Version 4: Handling \\"set on destroyed object\\" errors"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  The problem is that it\'s possible for our promise callback (the\\n  one that sets "],[10,"code"],[12],[1,"result"],[13],[1," and "],[10,"code"],[12],[1,"isFindingStores"],[13],[1,")\\n  to run after the component has been destroyed, and Ember (and React\\n  and many others) will complain if you try and, well, call "],[10,"code"],[12],[1,"set()"],[13],[1,"\\n  on a destroyed object.\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Fortunately, Ember let\'s us check if an object has been destroyed\\n  via the "],[10,"code"],[12],[1,"isDestroyed"],[13],[1," flag, so we can just add a bit of\\n  defensive programming to our promise callback as follows:\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@codeSnippet","@templateSnippet"],["better-syntax-4.js","better-syntax-4.hbs"]],null],[1,"\\n"],[8,[39,5],null,null,null],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Now if you click \\"Find Nearby Stores\\" and\\n  "],[8,[39,4],null,[["@route"],["docs.introduction"]],[["default"],[[[[1,"navigate elsewhere"]],[]]]]],[1,", you won\'t see\\n  that pesky error.\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Now, are we done?\\n"],[13],[1,"\\n\\n"],[10,"h4"],[12],[1,"Version 5: Handle Promise/Async Function Rejection"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  You might have noticed that we don\'t have any error handling if\\n  either the "],[10,"code"],[12],[1,"getCoords"],[13],[1," or "],[10,"code"],[12],[1,"getNearbyStores"],[13],[1,"\\n  "],[10,"code"],[12],[1,"await"],[13],[1," calls throw an error.\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Even if we were too lazy to build\\n  an error banner or popup to indicate that something went wrong (and we are),\\n  the least we could do is make sure that our code gracefully\\n  recovers from such an error and doesn\'t wind up in a bad state.\\n  As it stands, if one of those "],[10,"code"],[12],[1,"await"],[13],[1," calls raises an error,\\n  "],[10,"code"],[12],[1,"isFindingStores"],[13],[1," would be stuck to "],[10,"code"],[12],[1,"true"],[13],[1,", and\\n  there\'d be no way to try fetching again.\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Let\'s use a "],[10,"code"],[12],[1,"finally"],[13],[1," block to make sure that\\n  "],[10,"code"],[12],[1,"isFindingStores"],[13],[1," always gets set to "],[10,"code"],[12],[1,"false"],[13],[1,",\\n  regardless of success or failure. Unfortunately, this also\\n  means we have to duplicate our "],[10,"code"],[12],[1,"isDestroyed"],[13],[1," check.\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@codeSnippet","@templateSnippet"],["better-syntax-5.js","better-syntax-5.hbs"]],null],[1,"\\n"],[8,[39,6],null,null,null],[1,"\\n\\n"],[10,2],[12],[1,"\\n  And there you have it: a reasonably-production ready implementation\\n  of finding nearby stores.\\n"],[13],[1,"\\n"]],[],false,["code-template-toggle","tutorial-0","tutorial-1","tutorial-2","link-to","tutorial-3","tutorial-4"]]',moduleName:"test-app/docs/tutorial/index/template.hbs",isStrictMode:!1})})),define("test-app/docs/tutorial/refactor/template",["exports","@ember/template-factory"],(function(e,t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0
 e.default=(0,t.createTemplateFactory)({id:"/AlfDiRx",block:'[[[10,"h3"],[12],[1,"Refactoring With Tasks"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Now we\'re going to build the same functionality using ember-concurrency tasks,\\n  starting with the same bare minimum implementation as before, and making\\n  incremental improvements.\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  For reference, here is the bare minimum implementation that we started with\\n  before (which only uses core Ember APIs):\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@codeSnippet","@templateSnippet"],["better-syntax-1.js","better-syntax-1.hbs"]],null],[1,"\\n"],[8,[39,1],null,null,null],[1,"\\n\\n"],[10,"h4"],[12],[1,"Version 1: Bare Minimum Implementation (with Tasks)"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Now let\'s build the same thing with ember-concurrency tasks:\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@codeSnippet","@templateSnippet"],["better-syntax-7.js","better-syntax-7.hbs"]],null],[1,"\\n"],[8,[39,2],null,null,null],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Let\'s take a moment to point out everything that has changed:\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  First, instead of using a\\n  "],[10,"code"],[12],[1,"findStores"],[13],[1,"\\n  "],[10,"em"],[12],[1,"action"],[13],[1,", we define a\\n  "],[10,"code"],[12],[1,"findStores"],[13],[1,"\\n  "],[10,"em"],[12],[1,"task"],[13],[1,". This involves calling the\\n  "],[10,"code"],[12],[1,"task()"],[13],[1,"\\n  builder function with\\n  "],[10,"code"],[12],[1,"this"],[13],[1,"\\n  and modifying our async function to use the async arrow function syntax.\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Second, in the template, instead of using\\n  "],[10,"code"],[12],[1,"{{on \\"click\\" this.findStores}}"],[13],[1,", we use\\n  "],[10,"code"],[12],[1,"{{on \\"click\\" this.findStores.perform}}"],[13],[1,".\\n"],[13],[1,"\\n"],[1,"\\n"],[10,2],[12],[1,"Let\'s press onward with the refactor:"],[13],[1,"\\n\\n"],[10,"h5"],[12],[1,"Version 2: Add a Loading Spinner (with Tasks)"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Rather than defining a separate boolean flag and manually tracking the state\\n  of the task, we can use the\\n  "],[10,"code"],[12],[1,"isRunning"],[13],[1,"\\n  property exposed by the task to drive our loading spinner, which means we only\\n  need to make a change to the template code; the JavaScript can stay the same:\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@codeSnippet","@templateSnippet","@showCode"],["better-syntax-8.js","better-syntax-8.hbs",false]],null],[1,"\\n"],[8,[39,3],null,null,null],[1,"\\n\\n"],[10,"h4"],[12],[1,"Version 3: Preventing Concurrency (with Tasks)"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  So far so good, but we still haven\'t addressed the issue that clicking the\\n  button multiple times causes weird behavior due to multiple fetch operations\\n  running at the same time.\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Rather than putting an\\n  "],[10,"code"],[12],[1,"if"],[13],[1,"\\n  guard at the start of the task, the ember-concurrency way to prevent\\n  concurrency is to apply a\\n  "],[8,[39,4],null,[["@route"],["docs.task-concurrency"]],[["default"],[[[[1,"Task Modifier"]],[]]]]],[1,"\\n  to the task. The one we want to use is the\\n  "],[10,"code"],[12],[1,"drop"],[13],[1,"\\n  modifier, which prevents concurrency by \\"dropping\\" any attempt to perform the\\n  task while it is already running.\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@codeSnippet","@templateSnippet"],["better-syntax-9.js","better-syntax-9.hbs"]],null],[1,"\\n"],[8,[39,5],null,null,null],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Now when you button mash \\"Find Nearby Stores\\", you no longer get the weird\\n  behavior due to concurrent fetches.\\n"],[13],[1,"\\n\\n"],[10,"h4"],[12],[1,"Version 4: Handling \\"set on destroyed object\\" errors (with Tasks)"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  What about those pesky\\n  "],[10,"code"],[12],[1,"\\"set on destroyed object\\""],[13],[1,"\\n  errors?\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Good news! Our code is already safe because ember-concurrency automatically\\n  cancels tasks when their host object (e.g. a Component) is destroyed. In our\\n  example, if the\\n  "],[10,"code"],[12],[1,"findStores"],[13],[1,"\\n  task is paused at the unresolved\\n  "],[10,"code"],[12],[1,"getNearbyStores"],[13],[1,"\\n  "],[10,"code"],[12],[1,"await"],[13],[1,"\\n  call right when the user navigates away, the component will be destroyed and\\n  the\\n  "],[10,"code"],[12],[1,"findStores"],[13],[1,"\\n  task will stop right where it is and will never hit the line of code with\\n  "],[10,"code"],[12],[1,"this.result = result"],[13],[1,", thus avoiding the\\n  "],[10,"code"],[12],[1,"\\"set on destroyed object\\""],[13],[1,"\\n  error.\\n"],[13],[1,"\\n\\n"],[10,"h4"],[12],[1,"Version 5: Handle Promise Rejection/Async Exceptions (with Tasks)"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Will a promise rejection/async exception put our task into an unrecoverable\\n  state?\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  It turns out that, again, we don\'t need to change any code; if either\\n  "],[10,"code"],[12],[1,"getCoords"],[13],[1,"\\n  or\\n  "],[10,"code"],[12],[1,"getNearbyStores"],[13],[1,"\\n  throw an exception, the\\n  "],[10,"code"],[12],[1,"findStores"],[13],[1,"\\n  task would stop execution where the error occurred, bubble the exception to\\n  the console (so that error reporters can catch it), but from there on the task\\n  can be immediately performed / retried again. So, we don\'t need to change any\\n  code.\\n"],[13],[1,"\\n\\n"],[10,"h3"],[12],[1,"Final Diff"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  JavaScript:\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@codeSnippet","@templateSnippet","@toggleDescription"],["better-syntax-10.js","better-syntax-6.js","diff"]],null],[1,"\\n\\n"],[10,2],[12],[1,"\\n  "],[10,"br"],[12],[13],[1,"\\n  Template:\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@codeSnippet","@templateSnippet","@toggleDescription"],["better-syntax-10.hbs","better-syntax-6.hbs","diff"]],null],[1,"\\n\\n"],[10,"br"],[12],[13],[1,"\\n"],[10,"h3"],[12],[1,"Conclusion"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  This was a very successful refactor. We were able to remove a lot of ugly\\n  boilerplate and defensive programming code, and what we\'re left with is very\\n  clean, concise, and safe.\\n"],[13]],[],false,["code-template-toggle","tutorial-0","tutorial-6","tutorial-7","link-to","tutorial-8"]]',moduleName:"test-app/docs/tutorial/refactor/template.hbs",isStrictMode:!1})})),define("test-app/docs/typescript/template",["exports","@ember/template-factory"],(function(e,t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0
-e.default=(0,t.createTemplateFactory)({id:"wLQn9zlG",block:'[[[10,"h3"],[12],[1,"Using ember-concurrency with TypeScript"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  The documentation below covers how to use ember-concurrency v2.3+\\n  with Ember Octane. For older versions of ember-concurrency (or pre-Octane Ember),\\n  "],[10,3],[14,6,"https://v221.ember-concurrency.com/docs/typescript"],[12],[1,"please see the old guides"],[13],[1,".\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  ember-concurrency tasks play nicely with TypeScript and all of the APIs covered in these docs.\\n  Here is an example of a TypeScript component with an ember-concurrency task:\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@name"],["ts/basic-example.ts"]],null],[1,"\\n\\n"],[10,"h4"],[12],[1,"Typing "],[10,"code"],[12],[1,"Task"],[13],[1," objects"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  In most cases, you don\'t need to provide type annotations for your task, but when you do\\n  (such as when "],[10,3],[14,6,"https://docs.ember-cli-typescript.com/ember/components?q=component#giving-args-a-type"],[12],[1,"\\n  specifying the Args of a Glimmer component"],[13],[1,"), you can use the Task type:\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@name"],["ts/typing-task.ts"]],null],[1,"\\n\\n"],[10,"h4"],[12],[1,"Version 2.2 and older"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Support for TypeScript in ember-concurrency was recently greatly improved and simplified\\n  with the release of version 2.3, largely due to the introduction of the new\\n  async arrow task function syntax (e.g. "],[10,"code"],[12],[1,"myTask = task(async () => {})"],[13],[1,"),\\n  which alleviated most / all of the prior challenges with getting ember-concurrency tasks\\n  to play nicely with TypeScript.\\n"],[13],[1,"\\n\\n"],[10,"ul"],[12],[1,"\\n  "],[10,"li"],[12],[1,"\\n    "],[10,"strong"],[12],[1,"\\n      "],[10,3],[14,6,"https://github.com/chancancode/ember-concurrency-async"],[12],[1,"ember-concurrency-async"],[13],[1,"\\n    "],[13],[1,"\\n    is no longer necessary\\n  "],[13],[1,"\\n    "],[10,"li"],[12],[1,"\\n    "],[10,"strong"],[12],[1,"\\n      "],[10,3],[14,6,"https://github.com/chancancode/ember-concurrency-ts"],[12],[1,"ember-concurrency-ts"],[13],[1,"\\n    "],[13],[1,"\\n    and the "],[10,"code"],[12],[1,"taskFor()"],[13],[1," function it provides is no longer necessary\\n    for interacting with tasks declared using the new syntax. See "],[10,3],[14,6,"https://github.com/machty/ember-concurrency/releases/tag/2.3.0"],[12],[1,"v2.3.0"],[13],[1," and "],[10,3],[14,6,"https://github.com/machty/ember-concurrency/releases/tag/2.3.2"],[12],[1,"v2.3.2"],[13],[1," release notes.\\n  "],[13],[1,"\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  If you would like to see the TypeScript guides for older versions of ember-concurrency\\n  (or pre-Octane Ember), please\\n  "],[10,3],[14,6,"https://v221.ember-concurrency.com/docs/typescript"],[12],[1,"see the old guides"],[13],[1,".\\n"],[13],[1,"\\n\\n\\n"]],[],false,["code-snippet"]]',moduleName:"test-app/docs/typescript/template.hbs",isStrictMode:!1})})),define("test-app/docs/v4-upgrade/template",["exports","@ember/template-factory"],(function(e,t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0
+e.default=(0,t.createTemplateFactory)({id:"3d+r7ry3",block:'[[[10,"h3"],[12],[1,"TypeScript and Glint"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Ember Concurrency tasks play nicely with TypeScript and all of the APIs\\n  covered in these docs. Here is an example of a TypeScript component with an\\n  ember-concurrency task:\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@name"],["ts/basic-example.ts"]],null],[1,"\\n\\n"],[10,"h4"],[12],[1,"Glint Template Registry"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Ember Concurrency provides a template registry for using the\\n  "],[10,"code"],[12],[1,"perform"],[13],[1,",\\n  "],[10,"code"],[12],[1,"cancel-all"],[13],[1,", and\\n  "],[10,"code"],[12],[1,"task"],[13],[1,"\\n  helpers within handlebars templates in Glint \\"loose mode\\". See the example\\n  below for how to include Ember Concurrency\'s template registry in your Glint\\n  configuration.\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@name"],["ts/template-registry-example.ts"]],null],[1,"\\n\\n"],[10,"h4"],[12],[1,"Ember Template Imports (.gts/.gts) Files"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Here is an example of a modern .gts file in \\"strict mode\\" which imports the\\n  classic\\n  "],[10,"code"],[12],[1,"perform"],[13],[1,"\\n  helper from Ember Concurrency.\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  Note: while you can import and use the\\n  "],[10,"code"],[12],[1,"perform"],[13],[1,"\\n  helper, it is actually recommended to use the\\n  "],[10,"code"],[12],[1,".perform()"],[13],[1,"\\n  method on each task, which is internally bound to the task (similar to methods\\n  decorated with\\n  "],[10,"code"],[12],[1,"@action"],[13],[1,"). One of the benefits of using the\\n  "],[10,"code"],[12],[1,".perform()"],[13],[1,"\\n  method is that it can be used with modern idiomatic patterns like using the\\n  "],[10,"code"],[12],[1,"fn"],[13],[1,"\\n  helper to curry additional args when performing the task.\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  "],[10,"em"],[12],[1,"Pardon the lack of syntax! PR\'s welcome to improve our syntax\\n    highlighting!"],[13],[1,"\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@name"],["ts/template-import-example.txt"]],null],[1,"\\n\\n"],[10,"h4"],[12],[1,"Typing "],[10,"code"],[12],[1,"Task"],[13],[1," objects"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  In most cases, you don\'t need to provide type annotations for your task, but\\n  when you do (such as when\\n  "],[10,3],[14,6,"https://docs.ember-cli-typescript.com/ember/components?q=component#giving-args-a-type"],[12],[1,"\\n    specifying the Args of a Glimmer component"],[13],[1,"), you can use the Task type:\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@name"],["ts/typing-task.ts"]],null]],[],false,["code-snippet"]]',moduleName:"test-app/docs/typescript/template.hbs",isStrictMode:!1})})),define("test-app/docs/v4-upgrade/template",["exports","@ember/template-factory"],(function(e,t){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0
 e.default=(0,t.createTemplateFactory)({id:"1KjcRgvY",block:'[[[10,"h3"],[12],[1,"Upgrading to Version 4"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  With version 4.0.0, Ember is now an\\n  "],[10,3],[14,6,"https://rfcs.emberjs.com/id/0507-embroider-v2-package-format/"],[12],[1,"V2\\n    Embroider Addon"],[13],[1,".\\n"],[13],[1,"\\n\\n"],[10,2],[12],[1,"\\n  There is one main breaking change with this version: you will need to\\n  register/configure the Babel transform that Ember Concurrency uses to\\n  transform tasks in the \\"async-arrow\\" notation (e.g.\\n  "],[10,"code"],[12],[1,"fooTask = task(async () => { /*...*/ })"],[13],[1,"\\n  into generator functions. This will need to be done in any consuming app or\\n  addon that uses the async-arrow task syntax:\\n"],[13],[1,"\\n\\n"],[8,[39,0],null,[["@name"],["babel-transform-config.js"]],null]],[],false,["code-snippet"]]',moduleName:"test-app/docs/v4-upgrade/template.hbs",isStrictMode:!1})})),define("test-app/docs/yieldables/route",["exports","@ember/routing/route","@ember/service"],(function(e,t,n){var r,i
 Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0
 e.default=(r=class extends t.default{constructor(...e){var t,n,r,o
@@ -622,4 +622,4 @@ e.default=t.default.extend({setupController(){this.loopingTask.perform()},loopin
 e.default=(0,t.createTemplateFactory)({id:"NvGiVHqu",block:'[[[10,"h1"],[14,0,"timer-loop-message"],[12],[1,"foo="],[1,[30,0,["foo"]]],[13],[1,"\\n"]],[],false,[]]',moduleName:"test-app/testing-ergo/timer-loop/template.hbs",isStrictMode:!1})})),define("test-app/utils",["exports"],(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.randomWord=function(){return t[Math.floor(Math.random()*t.length)]}
 const t=["ember","tomster","swag","yolo","turbo","ajax"]})),define("test-app/config/environment",[],(function(){if("undefined"!=typeof FastBoot)return FastBoot.config("test-app")
 try{var e="test-app/config/environment",t=document.querySelector('meta[name="'+e+'"]').getAttribute("content"),n={default:JSON.parse(decodeURIComponent(t))}
-return Object.defineProperty(n,"__esModule",{value:!0}),n}catch(r){throw new Error('Could not read config from meta tag with name "'+e+'".')}})),"undefined"==typeof FastBoot&&(runningTests||require("test-app/app").default.create({name:"test-app",version:"0.0.0+e48a7aa7"}))
+return Object.defineProperty(n,"__esModule",{value:!0}),n}catch(r){throw new Error('Could not read config from meta tag with name "'+e+'".')}})),"undefined"==typeof FastBoot&&(runningTests||require("test-app/app").default.create({name:"test-app",version:"0.0.0+fbe0b86d"}))
diff --git a/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js b/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js
similarity index 98%
rename from assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js
rename to assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js
index 16b29c932..890bc9d16 100644
--- a/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js
+++ b/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js
@@ -125,20 +125,20 @@ switch(t.lookup("-environment:main")._renderMode){case"serialize":return T.seria
 case"rehydrate":return _.rehydrationBuilder.bind(null)
 default:return _.clientBuilder.bind(null)}}}),e.register(O.privatize`template:-root`,M),e.register("renderer:-dom",vr)},e.setupEngineRegistry=function(e){e.optionsForType("template",{instantiate:!1}),e.register("view:-outlet",ur),e.register("template:-outlet",yr),e.optionsForType("helper",{instantiate:!1}),e.register("component:input",ee),e.register("component:link-to",ve),e.register("component:textarea",we),E.ENV._TEMPLATE_ONLY_GLIMMER_COMPONENTS||e.register(O.privatize`component:-default`,et)},Object.defineProperty(e,"template",{enumerable:!0,get:function(){return t.templateFactory}}),Object.defineProperty(e,"templateCacheCounters",{enumerable:!0,get:function(){return t.templateCacheCounters}})
 var M=e.RootTemplate=(0,t.templateFactory)({id:"9BtKrod8",block:'[[[46,[30,0],null,null,null]],[],false,["component"]]',moduleName:"packages/@ember/-internals/glimmer/lib/templates/root.hbs",isStrictMode:!1}),F=(0,t.templateFactory)({id:"OGSIkgXP",block:'[[[11,"input"],[16,1,[30,0,["id"]]],[16,0,[30,0,["class"]]],[17,1],[16,4,[30,0,["type"]]],[16,"checked",[30,0,["checked"]]],[16,2,[30,0,["value"]]],[4,[38,0],["change",[30,0,["change"]]],null],[4,[38,0],["input",[30,0,["input"]]],null],[4,[38,0],["keyup",[30,0,["keyUp"]]],null],[4,[38,0],["paste",[30,0,["valueDidChange"]]],null],[4,[38,0],["cut",[30,0,["valueDidChange"]]],null],[12],[13]],["&attrs"],false,["on"]]',moduleName:"packages/@ember/-internals/glimmer/lib/templates/input.hbs",isStrictMode:!1})
-function N(){}class I{static toString(){return"internal component"}constructor(e,t,n){this.owner=e,this.args=t,this.caller=n,(0,r.setOwner)(this,e)}get id(){return(0,n.guidFor)(this)}get class(){return"ember-view"}validateArguments(){for(var e of Object.keys(this.args.named))this.isSupportedArgument(e)||this.onUnsupportedArgument(e)}named(e){var t=this.args.named[e]
+function N(){}class D{static toString(){return"internal component"}constructor(e,t,n){this.owner=e,this.args=t,this.caller=n,(0,r.setOwner)(this,e)}get id(){return(0,n.guidFor)(this)}get class(){return"ember-view"}validateArguments(){for(var e of Object.keys(this.args.named))this.isSupportedArgument(e)||this.onUnsupportedArgument(e)}named(e){var t=this.args.named[e]
 return t?(0,a.valueForRef)(t):void 0}positional(e){var t=this.args.positional[e]
 return t?(0,a.valueForRef)(t):void 0}listenerFor(e){var t=this.named(e)
-return t||N}isSupportedArgument(e){return!1}onUnsupportedArgument(e){}toString(){return`<${this.constructor}:${(0,n.guidFor)(this)}>`}}var D=new WeakMap
+return t||N}isSupportedArgument(e){return!1}onUnsupportedArgument(e){}toString(){return`<${this.constructor}:${(0,n.guidFor)(this)}>`}}var I=new WeakMap
 function L(e,t){var r={create(){throw(0,i.assert)("Use constructor instead of create")},toString:()=>e.toString()}
-return D.set(r,e),(0,s.setInternalComponentManager)(U,r),(0,s.setComponentTemplate)(t,r),r}var $={dynamicLayout:!1,dynamicTag:!1,prepareArgs:!1,createArgs:!0,attributeHook:!1,elementHook:!1,createCaller:!0,dynamicScope:!1,updateHook:!1,createInstance:!0,wrapped:!1,willDestroy:!1,hasSubOwner:!1}
-var U=new class{getCapabilities(){return $}create(e,t,r,n,i,s){var l,u=new(l=t,D.get(l))(e,r.capture(),(0,a.valueForRef)(s))
+return I.set(r,e),(0,s.setInternalComponentManager)(U,r),(0,s.setComponentTemplate)(t,r),r}var $={dynamicLayout:!1,dynamicTag:!1,prepareArgs:!1,createArgs:!0,attributeHook:!1,elementHook:!1,createCaller:!0,dynamicScope:!1,updateHook:!1,createInstance:!0,wrapped:!1,willDestroy:!1,hasSubOwner:!1}
+var U=new class{getCapabilities(){return $}create(e,t,r,n,i,s){var l,u=new(l=t,I.get(l))(e,r.capture(),(0,a.valueForRef)(s))
 return(0,o.untrack)(u.validateArguments.bind(u)),u}didCreate(){}didUpdate(){}didRenderLayout(){}didUpdateLayout(){}getDebugName(e){return e.toString()}getSelf(e){return(0,a.createConstRef)(e,"this")}getDestroyable(e){return e}},B=function(e,t,r,n){var i,s=arguments.length,a=s<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n
 if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,n)
 else for(var o=e.length-1;o>=0;o--)(i=e[o])&&(a=(s<3?i(a):s>3?i(t,r,a):i(t,r))||a)
 return s>3&&a&&Object.defineProperty(t,r,a),a},z=Object.freeze({})
 function H(e){return function(e){return e.target}(e).value}function V(e){return void 0===e?new q(void 0):(0,a.isConstRef)(e)?new q((0,a.valueForRef)(e)):(0,a.isUpdatableRef)(e)?new W(e):new G(e)}class q{constructor(e){this.value=e}get(){return this.value}set(e){this.value=e}}B([l.tracked],q.prototype,"value",void 0)
 class W{constructor(e){this.reference=e}get(){return(0,a.valueForRef)(this.reference)}set(e){(0,a.updateRef)(this.reference,e)}}class G{constructor(e){this.lastUpstreamValue=z,this.upstream=new W(e)}get(){var e=this.upstream.get()
-return e!==this.lastUpstreamValue&&(this.lastUpstreamValue=e,this.local=new q(e)),this.local.get()}set(e){this.local.set(e)}}class Y extends I{constructor(){super(...arguments),this._value=V(this.args.named.value)}validateArguments(){super.validateArguments()}get value(){return this._value.get()}set value(e){this._value.set(e)}valueDidChange(e){this.value=H(e)}change(e){this.valueDidChange(e)}input(e){this.valueDidChange(e)}keyUp(e){switch(e.key){case"Enter":this.listenerFor("enter")(e),this.listenerFor("insert-newline")(e)
+return e!==this.lastUpstreamValue&&(this.lastUpstreamValue=e,this.local=new q(e)),this.local.get()}set(e){this.local.set(e)}}class Y extends D{constructor(){super(...arguments),this._value=V(this.args.named.value)}validateArguments(){super.validateArguments()}get value(){return this._value.get()}set value(e){this._value.set(e)}valueDidChange(e){this.value=H(e)}change(e){this.valueDidChange(e)}input(e){this.valueDidChange(e)}keyUp(e){switch(e.key){case"Enter":this.listenerFor("enter")(e),this.listenerFor("insert-newline")(e)
 break
 case"Escape":this.listenerFor("escape-press")(e)}}listenerFor(e){var t,r=super.listenerFor(e)
 return this.isVirtualEventListener(e,r)?(t=r,e=>t(H(e),e)):r}isVirtualEventListener(e,t){return-1!==["enter","insert-newline","escape-press"].indexOf(e)}}B([u.action],Y.prototype,"valueDidChange",null),B([u.action],Y.prototype,"keyUp",null)
@@ -157,7 +157,7 @@ if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decor
 else for(var o=e.length-1;o>=0;o--)(i=e[o])&&(a=(s<3?i(a):s>3?i(t,r,a):i(t,r))||a)
 return s>3&&a&&Object.defineProperty(t,r,a),a},ne=[],ie={}
 function se(e){return null==e}function ae(e){return!se(e)}function oe(e){return"object"==typeof e&&null!==e&&!0===e.isQueryParams}(0,i.debugFreeze)(ne),(0,i.debugFreeze)(ie)
-class le extends I{constructor(){super(...arguments),this.currentRouteCache=(0,o.createCache)((()=>((0,o.consumeTag)((0,o.tagFor)(this.routing,"currentState")),(0,o.untrack)((()=>this.routing.currentRouteName)))))}static toString(){return"LinkTo"}validateArguments(){super.validateArguments()}get class(){var e="ember-view"
+class le extends D{constructor(){super(...arguments),this.currentRouteCache=(0,o.createCache)((()=>((0,o.consumeTag)((0,o.tagFor)(this.routing,"currentState")),(0,o.untrack)((()=>this.routing.currentRouteName)))))}static toString(){return"LinkTo"}validateArguments(){super.validateArguments()}get class(){var e="ember-view"
 return this.isActive?(e+=this.classFor("active"),!1===this.willBeActive&&(e+=" ember-transitioning-out")):this.willBeActive&&(e+=" ember-transitioning-in"),this.isLoading&&(e+=this.classFor("loading")),this.isDisabled&&(e+=this.classFor("disabled")),e}get href(){if(this.isLoading)return"#"
 var{routing:e,route:t,models:r,query:n}=this
 return(0,o.consumeTag)((0,o.tagFor)(e,"currentState")),e.generateURL(t,r,n)}click(e){if((0,d.isSimpleClick)(e)){var t=e.currentTarget
@@ -221,9 +221,9 @@ return t=(0,a.isInvokableRef)(s)?Fe(s,s,Ne,d,u):function(e,t,r,n,i){0
 return(...s)=>Fe(e,(0,a.valueForRef)(t),(0,a.valueForRef)(r),n,i)(...s)}((0,a.valueForRef)(i),c,s,d,u),Ae.add(t),(0,a.createUnboundRef)(t,"(result of an `action` helper)")}))
 function Me(e){return e}function Fe(e,t,r,n,i){var s,a
 return"string"==typeof r?(s=t,a=t.actions&&t.actions[r]):"function"==typeof r&&(s=e,a=r),(...e)=>{var t={target:s,args:e,label:"@glimmer/closure-action"}
-return(0,f.flaggedInstrument)("interaction.ember-action",t,(()=>(0,b.join)(s,a,...n(e))))}}function Ne(e){(0,a.updateRef)(this,e)}function Ie(e){var t=Object.create(null),r=Object.create(null)
-for(var n in r[Ue]=e,e){var i=e[n],s=(0,a.valueForRef)(i),o="function"==typeof s&&Ae.has(s);(0,a.isUpdatableRef)(i)&&!o?t[n]=new Le(i,s):t[n]=s,r[n]=s}return r.attrs=t,r}var De=Symbol("REF")
-class Le{constructor(e,t){this[d.MUTABLE_CELL]=!0,this[De]=e,this.value=t}update(e){(0,a.updateRef)(this[De],e)}}var $e=function(e,t){var r={}
+return(0,f.flaggedInstrument)("interaction.ember-action",t,(()=>(0,b.join)(s,a,...n(e))))}}function Ne(e){(0,a.updateRef)(this,e)}function De(e){var t=Object.create(null),r=Object.create(null)
+for(var n in r[Ue]=e,e){var i=e[n],s=(0,a.valueForRef)(i),o="function"==typeof s&&Ae.has(s);(0,a.isUpdatableRef)(i)&&!o?t[n]=new Le(i,s):t[n]=s,r[n]=s}return r.attrs=t,r}var Ie=Symbol("REF")
+class Le{constructor(e,t){this[d.MUTABLE_CELL]=!0,this[Ie]=e,this.value=t}update(e){(0,a.updateRef)(this[Ie],e)}}var $e=function(e,t){var r={}
 for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n])
 if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0
 for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(r[n[i]]=e[n[i]])}return r},Ue=(0,n.enumerableSymbol)("ARGS"),Be=(0,n.enumerableSymbol)("HAS_BLOCK"),ze=Symbol("DIRTY_TAG"),He=Symbol("IS_DISPATCHING_ATTRS"),Ve=Symbol("BOUNDS"),qe=(0,a.createPrimitiveRef)("ember-view");(0,i.debugFreeze)([])
@@ -242,7 +242,7 @@ var d=Math.min(u.length,t.positional.length)
 l={},Object.assign(l,t.named.capture())
 for(var h=0;h<d;h++){var p=u[h]
 l[p]=t.positional.at(h)}}return{positional:y.EMPTY_ARRAY,named:l}}create(e,t,n,{isInteractive:i},s,l,u){var c=s.view,h=n.named.capture();(0,o.beginTrackFrame)()
-var p=Ie(h),m=(0,o.endTrackFrame)();(function(e,t){e.named.has("id")&&(t.elementId=t.id)})(n,p),p.parentView=c,p[Be]=u,p._target=(0,a.valueForRef)(l),(0,r.setOwner)(p,e),(0,o.beginUntrackFrame)()
+var p=De(h),m=(0,o.endTrackFrame)();(function(e,t){e.named.has("id")&&(t.elementId=t.id)})(n,p),p.parentView=c,p[Be]=u,p._target=(0,a.valueForRef)(l),(0,r.setOwner)(p,e),(0,o.beginUntrackFrame)()
 var g=t.create(p),v=(0,f._instrumentStart)("render.component",Ge,g)
 s.view=g,null!=c&&(0,d.addChildView)(c,g),g.trigger("didReceiveAttrs")
 var b=""!==g.tagName
@@ -257,7 +257,7 @@ else{var p=e.elementId?e.elementId:(0,n.guidFor)(e)
 l.setAttribute("id",(0,a.createPrimitiveRef)(p),!1,null)}if(t){var f=Re(t)
 l.setAttribute("class",f,!1,null)}c&&c.length&&c.forEach((e=>{l.setAttribute("class",(0,a.createPrimitiveRef)(e),!1,null)})),h&&h.length&&h.forEach((e=>{xe(i,e,l)})),l.setAttribute("class",qe,!1,null),"ariaRole"in e&&l.setAttribute("role",(0,a.childRefFor)(i,"ariaRole"),!1,null),e._transitionTo("hasElement"),r&&((0,o.beginUntrackFrame)(),e.trigger("willInsertElement"),(0,o.endUntrackFrame)())}didRenderLayout(e,t){e.component[Ve]=t,e.finalize()}didCreate({component:e,isInteractive:t}){t&&(e._transitionTo("inDOM"),e.trigger("didInsertElement"),e.trigger("didRender"))}update(e){var{component:t,args:r,argsTag:n,argsRevision:i,isInteractive:s}=e
 if(e.finalizer=(0,f._instrumentStart)("render.component",Ye,t),(0,o.beginUntrackFrame)(),null!==r&&!(0,o.validateTag)(n,i)){(0,o.beginTrackFrame)()
-var a=Ie(r)
+var a=De(r)
 n=e.argsTag=(0,o.endTrackFrame)(),e.argsRevision=(0,o.valueForTag)(n),t[He]=!0,t.setProperties(a),t[He]=!1,t.trigger("didUpdateAttrs"),t.trigger("didReceiveAttrs")}s&&(t.trigger("willUpdate"),t.trigger("willRender")),(0,o.endUntrackFrame)(),(0,o.consumeTag)(n),(0,o.consumeTag)(t[ze])}didUpdateLayout(e){e.finalize()}didUpdate({component:e,isInteractive:t}){t&&(e.trigger("didUpdate"),e.trigger("didRender"))}getDestroyable(e){return e}}function Ge(e){return e.instrumentDetails({initialRender:!0})}function Ye(e){return e.instrumentDetails({initialRender:!1})}var Qe={dynamicLayout:!0,dynamicTag:!0,prepareArgs:!0,createArgs:!0,attributeHook:!0,elementHook:!0,createCaller:!0,dynamicScope:!0,updateHook:!0,createInstance:!0,wrapped:!0,willDestroy:!0,hasSubOwner:!1},Ke=new We
 function Xe(e){return e===Ke}var Ze,Je=new WeakMap
 class et extends(d.CoreView.extend(d.ChildViewsSupport,d.ViewStateSupport,d.ClassNamesSupport,w.TargetActionSupport,d.ActionSupport,d.ViewMixin,{didReceiveAttrs(){},didRender(){},didUpdate(){},didUpdateAttrs(){},willRender(){},willUpdate(){}})){constructor(){super(...arguments),this.isComponent=!0}init(e){super.init(e),this._superRerender=this.rerender,this.rerender=this._rerender,this[He]=!1,this[ze]=(0,o.createTag)(),this[Ve]=null
@@ -323,8 +323,8 @@ return Array.isArray(e)||(0,x.isEmberArray)(e)?Pt.fromIndexable(e):Mt(e)?At.from
 return Array.isArray(e)?xt.from(e):(0,x.isEmberArray)(e)?Rt.from(e):Mt(e)?St.from(e):jt(e)?xt.fromForEachable(e):null}(e)},getProp:l._getProp,setProp:l._setProp,getPath:l.get,setPath:l.set,scheduleDestroy(e,t){(0,b.schedule)("actions",null,t,e)},scheduleDestroyed(e){(0,b.schedule)("destroy",null,e)},warnIfStyleNotTrusted(e){},assert(e,t,r){},deprecate(e,t,r){}})
 class Ft{constructor(e,t){this.owner=e,this.isInteractive=t,this.enableDebugTooling=E.ENV._DEBUG_RENDER_TREE}onTransactionCommit(){}}var Nt=Se((({positional:e,named:t})=>{var r=e[0],n=t.type,i=t.loc,s=t.original;(0,a.valueForRef)(n),(0,a.valueForRef)(i),(0,a.valueForRef)(s)
 return(0,a.createComputeRef)((()=>{var e=(0,a.valueForRef)(r)
-return e}))})),It=Se((e=>{var t=e.positional[0]
-return t})),Dt=Se((({positional:e})=>(0,a.createComputeRef)((()=>{var t=e[0],r=e[1],n=(0,a.valueForRef)(t).split("."),i=n[n.length-1],s=(0,a.valueForRef)(r)
+return e}))})),Dt=Se((e=>{var t=e.positional[0]
+return t})),It=Se((({positional:e})=>(0,a.createComputeRef)((()=>{var t=e[0],r=e[1],n=(0,a.valueForRef)(t).split("."),i=n[n.length-1],s=(0,a.valueForRef)(r)
 return!0===s?(0,g.dasherize)(i):s||0===s?String(s):""})))),Lt=Se((({positional:e},t)=>{var r,n=e[0],i=(0,a.valueForRef)(n)
 return(0,a.createConstRef)(null===(r=t.factoryFor(i))||void 0===r?void 0:r.class,`(-resolve "${i}")`)})),$t=Se((({positional:e})=>{var t=e[0]
 return(0,a.createComputeRef)((()=>{var e=(0,a.valueForRef)(t)
@@ -374,7 +374,7 @@ u.model=(0,a.createComputeRef)((()=>(i===l&&(d=(0,a.valueForRef)(c)),d)))
 var h=(0,_.createCapturedArgs)(u,_.EMPTY_POSITIONAL)
 s=(0,_.curry)(0,new yt(l),null!==(r=null===(e=null==o?void 0:o.render)||void 0===e?void 0:e.owner)&&void 0!==r?r:t,h,!0)}else s=null
 return s}))}))
-function tr(e){return{object:`component:${e}`}}var rr={action:je,mut:Ut,readonly:Bt,unbound:zt,"-hash":_.hash,"-each-in":Ot,"-normalize-class":Dt,"-resolve":Lt,"-track-array":$t,"-mount":Jt,"-outlet":er,"-in-el-null":It},nr=Object.assign(Object.assign({},rr),{array:_.array,concat:_.concat,fn:_.fn,get:_.get,hash:_.hash,"unique-id":Ht})
+function tr(e){return{object:`component:${e}`}}var rr={action:je,mut:Ut,readonly:Bt,unbound:zt,"-hash":_.hash,"-each-in":Ot,"-normalize-class":It,"-resolve":Lt,"-track-array":$t,"-mount":Jt,"-outlet":er,"-in-el-null":Dt},nr=Object.assign(Object.assign({},rr),{array:_.array,concat:_.concat,fn:_.fn,get:_.get,hash:_.hash,"unique-id":Ht})
 nr["-disallow-dynamic-resolution"]=Nt
 var ir={action:Qt},sr=Object.assign(Object.assign({},ir),{on:_.on})
 new y._WeakSet
@@ -494,7 +494,7 @@ i=null!==a?a.matchingListeners(r):void 0}if(void 0===i||0===i.length)return!1
 for(var o=i.length-3;o>=0;o-=3){var l=i[o],u=i[o+1],c=i[o+2]
 if(u){c&&f(e,r,l,u),l||(l=e)
 var d=typeof u
-"string"!==d&&"symbol"!==d||(u=l[u]),u.apply(l,n)}}return!0}Object.defineProperty(e,"__esModule",{value:!0}),e.TrackedDescriptor=e.SYNC_OBSERVERS=e.PROXY_CONTENT=e.PROPERTY_DID_CHANGE=e.NAMESPACES_BY_ID=e.NAMESPACES=e.Libraries=e.DEBUG_INJECTION_FUNCTIONS=e.ComputedProperty=e.ComputedDescriptor=e.ASYNC_OBSERVERS=void 0,e._getPath=Te,e._getProp=Oe,e._setProp=Pe,e.activateObserver=E,e.addArrayObserver=function(e,t,r){return W(e,t,r,p)},e.addListener=p,e.addNamespace=function(e){Ue.unprocessedNamespaces=!0,ze.push(e)},e.addObserver=w,e.alias=function(e){return ne(new Se(e),Ce)},e.arrayContentDidChange=B,e.arrayContentWillChange=U,e.autoComputed=function(...e){return ne(new fe(e),me)},e.beginPropertyChanges=D,e.cached=void 0,e.changeProperties=$,e.computed=ge,Object.defineProperty(e,"createCache",{enumerable:!0,get:function(){return o.createCache}}),e.defineDecorator=be,e.defineProperty=ve,e.defineValue=ye,e.deprecateProperty=function(e,t,r,n){Object.defineProperty(e,t,{configurable:!0,enumerable:!1,set(e){Re(this,r,e)},get(){return Ee(this,r)}})},e.descriptorForDecorator=ae,e.descriptorForProperty=se,e.eachProxyArrayDidChange=function(e,t,r,n){var i=Me.get(e)
+"string"!==d&&"symbol"!==d||(u=l[u]),u.apply(l,n)}}return!0}Object.defineProperty(e,"__esModule",{value:!0}),e.TrackedDescriptor=e.SYNC_OBSERVERS=e.PROXY_CONTENT=e.PROPERTY_DID_CHANGE=e.NAMESPACES_BY_ID=e.NAMESPACES=e.Libraries=e.DEBUG_INJECTION_FUNCTIONS=e.ComputedProperty=e.ComputedDescriptor=e.ASYNC_OBSERVERS=void 0,e._getPath=Te,e._getProp=Oe,e._setProp=Pe,e.activateObserver=E,e.addArrayObserver=function(e,t,r){return W(e,t,r,p)},e.addListener=p,e.addNamespace=function(e){Ue.unprocessedNamespaces=!0,ze.push(e)},e.addObserver=w,e.alias=function(e){return ne(new Se(e),Ce)},e.arrayContentDidChange=B,e.arrayContentWillChange=U,e.autoComputed=function(...e){return ne(new fe(e),me)},e.beginPropertyChanges=I,e.cached=void 0,e.changeProperties=$,e.computed=ge,Object.defineProperty(e,"createCache",{enumerable:!0,get:function(){return o.createCache}}),e.defineDecorator=be,e.defineProperty=ve,e.defineValue=ye,e.deprecateProperty=function(e,t,r,n){Object.defineProperty(e,t,{configurable:!0,enumerable:!1,set(e){Re(this,r,e)},get(){return Ee(this,r)}})},e.descriptorForDecorator=ae,e.descriptorForProperty=se,e.eachProxyArrayDidChange=function(e,t,r,n){var i=Me.get(e)
 void 0!==i&&i.arrayDidChange(e,t,r,n)},e.eachProxyArrayWillChange=function(e,t,r,n){var i=Me.get(e)
 void 0!==i&&i.arrayWillChange(e,t,r,n)},e.endPropertyChanges=L,e.expandProperties=ce,e.findNamespace=function(e){$e||We()
 return He[e]}
@@ -516,7 +516,7 @@ return r.lookup(`${e}:${n||t}`)}
 0
 var s=ge({get:i,set(e,t){ve(this,e,null,t)}})
 return r?s(r[0],r[1],r[2]):s},e.isClassicDecorator=oe,e.isComputed=function(e,t){return Boolean(se(e,t))},Object.defineProperty(e,"isConst",{enumerable:!0,get:function(){return o.isConst}}),e.isElementDescriptor=Z,e.isNamespaceSearchDisabled=function(){return $e},e.libraries=void 0,e.makeComputedDecorator=ne,e.markObjectAsDirty=M,e.nativeDescDecorator=function(e){var t=function(){return e}
-return le(t),t},e.notifyPropertyChange=I,e.objectAt=H,e.on=function(...e){var t=e.pop(),n=e
+return le(t),t},e.notifyPropertyChange=D,e.objectAt=H,e.on=function(...e){var t=e.pop(),n=e
 return(0,r.setListeners)(t,n),t},e.processAllNamespaces=We,e.processNamespace=qe,e.removeArrayObserver=function(e,t,r){return W(e,t,r,f)},e.removeListener=f,e.removeNamespace=function(e){var t=(0,r.getName)(e)
 delete He[t],ze.splice(ze.indexOf(e),1),t in i.context.lookup&&e===i.context.lookup[t]&&(i.context.lookup[t]=void 0)},e.removeObserver=function(e,r,n,i,s=b){var a=v(r),o=(0,t.peekMeta)(e)
 null!==o&&(o.isPrototypeMeta(e)||o.isInitializing())||x(e,a,s)
@@ -549,13 +549,13 @@ if(void 0!==i)return i(e,t,r)
 var s=(0,o.tagFor)(e,t,n)
 return s}function M(e,t){(0,o.dirtyTagFor)(e,t),(0,o.dirtyTagFor)(e,A)}var F=e.PROPERTY_DID_CHANGE=Symbol("PROPERTY_DID_CHANGE")
 var N=0
-function I(e,r,n,i){var s=void 0===n?(0,t.peekMeta)(e):n
-null!==s&&(s.isInitializing()||s.isPrototypeMeta(e))||(M(e,r),N<=0&&C(),F in e&&(4===arguments.length?e[F](r,i):e[F](r)))}function D(){N++,O=!0}function L(){--N<=0&&(C(),function(){for(var[e,t,r]of(O=!1,T))x(e,t,r)
-T=[]}())}function $(e){D()
+function D(e,r,n,i){var s=void 0===n?(0,t.peekMeta)(e):n
+null!==s&&(s.isInitializing()||s.isPrototypeMeta(e))||(M(e,r),N<=0&&C(),F in e&&(4===arguments.length?e[F](r,i):e[F](r)))}function I(){N++,O=!0}function L(){--N<=0&&(C(),function(){for(var[e,t,r]of(O=!1,T))x(e,t,r)
+T=[]}())}function $(e){I()
 try{e()}finally{L()}}function U(e,t,r,n){return void 0===t?(t=0,r=n=-1):(void 0===r&&(r=-1),void 0===n&&(n=-1)),m(e,"@array:before",[e,t,r,n]),e}function B(e,r,n,i,s=!0){void 0===r?(r=0,n=i=-1):(void 0===n&&(n=-1),void 0===i&&(i=-1))
 var a=(0,t.peekMeta)(e)
-if(s&&((i<0||n<0||i-n!=0)&&I(e,"length",a),I(e,"[]",a)),m(e,"@array:change",[e,r,n,i]),null!==a){var o=-1===n?0:n,l=e.length-((-1===i?0:i)-o),u=r<0?l+r:r
-if(void 0!==a.revisionFor("firstObject")&&0===u&&I(e,"firstObject",a),void 0!==a.revisionFor("lastObject"))l-1<u+o&&I(e,"lastObject",a)}return e}var z=Object.freeze([])
+if(s&&((i<0||n<0||i-n!=0)&&D(e,"length",a),D(e,"[]",a)),m(e,"@array:change",[e,r,n,i]),null!==a){var o=-1===n?0:n,l=e.length-((-1===i?0:i)-o),u=r<0?l+r:r
+if(void 0!==a.revisionFor("firstObject")&&0===u&&D(e,"firstObject",a),void 0!==a.revisionFor("lastObject"))l-1<u+o&&D(e,"lastObject",a)}return e}var z=Object.freeze([])
 function H(e,t){return Array.isArray(e)?e[t]:e.objectAt(t)}var V=6e4
 function q(e,t,r,n){if(U(e,t,r,n.length),n.length<=V)e.splice(t,r,...n)
 else{e.splice(t,r)
@@ -608,11 +608,11 @@ if(void 0!==l&&(0,o.validateTag)(a,l))n=i.valueFor(r)
 else{var{_getter:u,_dependentKeys:c}=this;(0,o.untrack)((()=>{n=u.call(e,r)})),void 0!==c&&(0,o.updateTag)(a,Q(e,c,s,i)),i.setValueFor(r,n),i.setRevisionFor(r,(0,o.valueForTag)(a)),Y(i,r,n)}return(0,o.consumeTag)(a),Array.isArray(n)&&(0,o.consumeTag)((0,o.tagFor)(n,"[]")),n}set(e,r,n){this._readOnly&&this._throwReadOnlyError(e,r)
 var i,s=(0,t.meta)(e)
 s.isInitializing()&&void 0!==this._dependentKeys&&this._dependentKeys.length>0&&"function"==typeof e[F]&&e.isComponent&&w(e,r,(()=>{e[F](r)}),void 0,!0)
-try{D(),i=this._set(e,r,n,s),Y(s,r,i)
+try{I(),i=this._set(e,r,n,s),Y(s,r,i)
 var a=(0,o.tagMetaFor)(e),l=(0,o.tagFor)(e,r,a),{_dependentKeys:u}=this
 void 0!==u&&(0,o.updateTag)(l,Q(e,u,a,s)),s.setRevisionFor(r,(0,o.valueForTag)(l))}finally{L()}return i}_throwReadOnlyError(e,t){throw new Error(`Cannot set read-only property "${t}" on object: ${(0,n.inspect)(e)}`)}_set(e,t,r,n){var i,s=void 0!==n.revisionFor(t),a=n.valueFor(t),{_setter:o}=this
 S(e,t,!0)
-try{i=o.call(e,t,r,a)}finally{S(e,t,!1)}return s&&a===i||(n.setValueFor(t,i),I(e,t,n,r)),i}teardown(e,t,r){void 0!==r.revisionFor(t)&&(r.setRevisionFor(t,void 0),r.setValueFor(t,void 0)),super.teardown(e,t,r)}}e.ComputedProperty=pe
+try{i=o.call(e,t,r,a)}finally{S(e,t,!1)}return s&&a===i||(n.setValueFor(t,i),D(e,t,n,r)),i}teardown(e,t,r){void 0!==r.revisionFor(t)&&(r.setRevisionFor(t,void 0),r.setValueFor(t,void 0)),super.teardown(e,t,r)}}e.ComputedProperty=pe
 class fe extends pe{get(e,r){var n,i=(0,t.meta)(e),s=(0,o.tagMetaFor)(e),a=(0,o.tagFor)(e,r,s),l=i.revisionFor(r)
 if(void 0!==l&&(0,o.validateTag)(a,l))n=i.valueFor(r)
 else{var{_getter:u}=this,c=(0,o.track)((()=>{n=u.call(e,r)}));(0,o.updateTag)(a,c),i.setValueFor(r,n),i.setRevisionFor(r,(0,o.valueForTag)(a)),Y(i,r,n)}return(0,o.consumeTag)(a),Array.isArray(n)&&(0,o.consumeTag)((0,o.tagFor)(n,"[]",s)),n}}class me extends Function{readOnly(){var e=ae(this)
@@ -631,7 +631,7 @@ function Re(e,t,r,n){return e.isDestroyed?r:we(t)?function(e,t,r,n){var i=t.spli
 var a=Te(e,i,!0)
 if(null!=a)return Re(a,s,r)
 if(!n)throw new Error(`Property set failed: object in path "${i.join(".")}" could not be found.`)}(e,t,r,n):Pe(e,t,r)}function Pe(e,t,n){var i,s=(0,r.lookupDescriptor)(e,t)
-return null!==s&&re.has(s.set)?(e[t]=n,n):(void 0!==(i=e[t])||"object"!=typeof e||t in e||"function"!=typeof e.setUnknownProperty?(e[t]=n,i!==n&&I(e,t)):e.setUnknownProperty(t,n),n)}(0,r.setProxy)(xe),(0,o.track)((()=>Oe({},"a"))),(0,o.track)((()=>Oe({},1))),(0,o.track)((()=>Oe({a:[]},"a"))),(0,o.track)((()=>Oe({a:xe},"a")))
+return null!==s&&re.has(s.set)?(e[t]=n,n):(void 0!==(i=e[t])||"object"!=typeof e||t in e||"function"!=typeof e.setUnknownProperty?(e[t]=n,i!==n&&D(e,t)):e.setUnknownProperty(t,n),n)}(0,r.setProxy)(xe),(0,o.track)((()=>Oe({},"a"))),(0,o.track)((()=>Oe({},1))),(0,o.track)((()=>Oe({a:[]},"a"))),(0,o.track)((()=>Oe({a:xe},"a")))
 class Ce extends Function{readOnly(){return ae(this).readOnly(),this}oneWay(){return ae(this).oneWay(),this}meta(e){var t=ae(this)
 if(0===arguments.length)return t._meta||{}
 t._meta=e}}class Se extends J{constructor(e){super(),this.altKey=e}setup(e,t,r,n){super.setup(e,t,r,n),G.add(this)}get(e,r){var n,i=(0,t.meta)(e),s=(0,o.tagMetaFor)(e),a=(0,o.tagFor)(e,r,s);(0,o.untrack)((()=>{n=Ee(e,this.altKey)}))
@@ -640,12 +640,12 @@ return void 0!==l&&(0,o.validateTag)(a,l)||((0,o.updateTag)(a,K(e,this.altKey,s,
 class Fe{constructor(){this._registry=[],this._coreLibIndex=0}_getLibraryByName(e){var t=this._registry
 for(var r of t)if(r.name===e)return r}register(e,t,r){var n=this._registry.length
 this._getLibraryByName(e)||(r&&(n=this._coreLibIndex++),this._registry.splice(n,0,{name:e,version:t}))}registerCoreLibrary(e,t){this.register(e,t,!0)}deRegister(e){var t,r=this._getLibraryByName(e)
-r&&(t=this._registry.indexOf(r),this._registry.splice(t,1))}}function Ne(...e){if(!Z(e)){var t=e[0],r=t?t.initializer:void 0,n=t?t.value:void 0,i=function(e,t,i,s,a){return Ie([e,t,{initializer:r||(()=>n)}])}
-return le(i),i}return Ie(e)}function Ie([e,r,n]){var{getter:i,setter:s}=(0,o.trackedData)(r,n?n.initializer:void 0)
+r&&(t=this._registry.indexOf(r),this._registry.splice(t,1))}}function Ne(...e){if(!Z(e)){var t=e[0],r=t?t.initializer:void 0,n=t?t.value:void 0,i=function(e,t,i,s,a){return De([e,t,{initializer:r||(()=>n)}])}
+return le(i),i}return De(e)}function De([e,r,n]){var{getter:i,setter:s}=(0,o.trackedData)(r,n?n.initializer:void 0)
 function a(){var e=i(this)
 return(Array.isArray(e)||(0,c.isEmberArray)(e))&&(0,o.consumeTag)((0,o.tagFor)(e,"[]")),e}function l(e){s(this,e),(0,o.dirtyTagFor)(this,A)}var u={enumerable:!0,configurable:!0,isTracked:!0,get:a,set:l}
-return re.add(l),(0,t.meta)(e).writeDescriptors(r,new De(a,l)),u}e.Libraries=Fe,(e.libraries=new Fe).registerCoreLibrary("Ember",d.default)
-class De{constructor(e,t){this._get=e,this._set=t,G.add(this)}get(e){return this._get.call(e)}set(e,t,r){this._set.call(e,r)}}e.TrackedDescriptor=De
+return re.add(l),(0,t.meta)(e).writeDescriptors(r,new Ie(a,l)),u}e.Libraries=Fe,(e.libraries=new Fe).registerCoreLibrary("Ember",d.default)
+class Ie{constructor(e,t){this._get=e,this._set=t,G.add(this)}get(e){return this._get.call(e)}set(e,t,r){this._set.call(e,r)}}e.TrackedDescriptor=Ie
 e.cached=(...e)=>{var[t,r,n]=e
 var i=new WeakMap,s=n.get
 n.get=function(){return i.has(this)||i.set(this,(0,o.createCache)(s.bind(this))),(0,o.getValue)(i.get(this))}}
@@ -1748,7 +1748,7 @@ var r=Boolean(t.updateHook)
 return a({asyncLifeCycleCallbacks:Boolean(t.asyncLifecycleCallbacks),destructor:Boolean(t.destructor),updateHook:r})},e.getComponentTemplate=function(e){var t=e
 for(;null!==t;){var r=N.get(t)
 if(void 0!==r)return r
-t=I(t)}return},e.getCustomTagFor=function(e){return l.get(e)},e.getInternalComponentManager=function(e,t){0
+t=D(t)}return},e.getCustomTagFor=function(e){return l.get(e)},e.getInternalComponentManager=function(e,t){0
 var r=O(y,e)
 if(void 0===r&&!0===t)return null
 return r},e.getInternalHelperManager=function(e,t){0
@@ -1807,7 +1807,7 @@ r=n(e),t.set(e,r)}return r}create(e,t,r,s){var a,l=this.getDelegateFor(e),u=o(s,
 return a={tag:(0,n.createUpdatableTag)(),element:t,delegate:l,args:u,modifier:c},(0,i.registerDestructor)(a,(()=>l.destroyModifier(c,u))),a}getDebugName({debugName:e}){return e}getTag({tag:e}){return e}install({element:e,args:t,modifier:r,delegate:i}){var{capabilities:s}=i
 !0===s.disableAutoTracking?(0,n.untrack)((()=>i.installModifier(r,e,t))):i.installModifier(r,e,t)}update({args:e,modifier:t,delegate:r}){var{capabilities:i}=r
 !0===i.disableAutoTracking?(0,n.untrack)((()=>r.updateModifier(t,e))):r.updateModifier(t,e)}getDestroyable(e){return e}}e.CustomModifierManager=F
-var N=new WeakMap,I=Object.getPrototypeOf})),e("@glimmer/node",["exports","@glimmer/runtime","@simple-dom/document"],(function(e,t,r){"use strict"
+var N=new WeakMap,D=Object.getPrototypeOf})),e("@glimmer/node",["exports","@glimmer/runtime","@simple-dom/document"],(function(e,t,r){"use strict"
 Object.defineProperty(e,"__esModule",{value:!0}),e.NodeDOMTreeConstruction=void 0,e.serializeBuilder=function(e,t){return s.forInitialRender(e,t)}
 class n extends t.DOMTreeConstruction{constructor(e){super(e||(0,r.default)())}setupUselessElement(){}insertHTMLBefore(e,r,n){var i=this.document.createRawHTMLSection(n)
 return e.insertBefore(i,r),new t.ConcreteBounds(e,i,i)}createElement(e){return this.document.createElement(e)}setAttribute(e,t,r){e.setAttribute(t,r)}}e.NodeDOMTreeConstruction=n
@@ -1849,9 +1849,9 @@ for(var r=0;r<t.length;r++)E(e,t[r])
 return t.length}function x(e){var t,r,[,n,,i]=e.block
 return{evalSymbols:R(e),upvars:i,scopeValues:null!==(r=null===(t=e.scope)||void 0===t?void 0:t.call(e))&&void 0!==r?r:null,isStrictMode:e.isStrictMode,moduleName:e.moduleName,owner:e.owner,size:n.length}}function R(e){var{block:t}=e,[,r,n]=t
 return n?r:null}function P(e,t){C(e,t),e(31)}function C(e,r){var n=r
-"number"==typeof n&&(n=(0,t.isSmallInt)(n)?(0,t.encodeImmediate)(n):{type:6,value:n}),e(30,n)}function S(e,t,n,i){e(0),O(e,n,i,!1),e(16,t),e(1),e(36,r.$v0)}function A(e,t,n,i){e(0),O(e,t,n,!1),e(33,r.$fp,1),e(107),i?(e(36,r.$v0),i(),e(1),e(34,1)):(e(1),e(34,1),e(36,r.$v0))}function j(e,t,r){O(e,r,null,!0),e(23,t),e(24),e(61),e(64),e(40),e(1)}function M(e,t){(function(e,t){null!==t?e(63,d({parameters:t})):C(e,null)})(e,t&&t[1]),e(62),I(e,t)}function F(e,t){e(0),I(e,t),e(61),e(2),e(1)}function N(e,t,n){var i=t[1],s=i.length,a=Math.min(n,s)
+"number"==typeof n&&(n=(0,t.isSmallInt)(n)?(0,t.encodeImmediate)(n):{type:6,value:n}),e(30,n)}function S(e,t,n,i){e(0),O(e,n,i,!1),e(16,t),e(1),e(36,r.$v0)}function A(e,t,n,i){e(0),O(e,t,n,!1),e(33,r.$fp,1),e(107),i?(e(36,r.$v0),i(),e(1),e(34,1)):(e(1),e(34,1),e(36,r.$v0))}function j(e,t,r){O(e,r,null,!0),e(23,t),e(24),e(61),e(64),e(40),e(1)}function M(e,t){(function(e,t){null!==t?e(63,d({parameters:t})):C(e,null)})(e,t&&t[1]),e(62),D(e,t)}function F(e,t){e(0),D(e,t),e(61),e(2),e(1)}function N(e,t,n){var i=t[1],s=i.length,a=Math.min(n,s)
 if(0!==a){if(e(0),a){e(39)
-for(var o=0;o<a;o++)e(33,r.$fp,n-o),e(19,i[o])}I(e,t),e(61),e(2),a&&e(40),e(1)}else F(e,t)}function I(e,t){null===t?C(e,null):e(28,{type:4,value:t})}function D(e,t,r){var n=[],i=0
+for(var o=0;o<a;o++)e(33,r.$fp,n-o),e(19,i[o])}D(e,t),e(61),e(2),a&&e(40),e(1)}else F(e,t)}function D(e,t){null===t?C(e,null):e(28,{type:4,value:t})}function I(e,t,r){var n=[],i=0
 for(var s of(r((function(e,t){n.push({match:e,callback:t,label:"CLAUSE"+i++})})),e(69,1),t(),e(1001),n.slice(0,-1)))e(67,u(s.label),s.match)
 for(var a=n.length-1;a>=0;a--){var o=n[a]
 e(1e3,o.label),e(34,1),o.callback(),0!==a&&e(4,u("END"))}e(1e3,"END"),e(1002),e(70)}function L(e,t,r){e(1001),e(0),e(6,u("ENDINITIAL")),e(69,t()),r(),e(1e3,"FINALLY"),e(70),e(5),e(1e3,"ENDINITIAL"),e(1),e(1002)}function $(e,t,r,n){return L(e,t,(()=>{e(66,u("ELSE")),r(),e(4,u("FINALLY")),e(1e3,"ELSE"),void 0!==n&&n()}))}w.add(29,((e,[,t])=>{for(var r of t)E(e,r)
@@ -1871,8 +1871,8 @@ for(var x=l[1],R=0;R<x.length;R++){var P=p.indexOf(O[R])
 E(e,x[R]),m.push(P)}}e(82,O,t.EMPTY_STRING_ARRAY,k),m.push(-1)}else if(null!==l)for(var C=l[0],S=l[1],A=0;A<S.length;A++){var j=C[A],F=p.indexOf(j);-1!==F&&(E(e,S[A]),m.push(F),g.push(j))}e(97,r.$s0),(0,i.hasCapability)(n,64)&&e(59);(0,i.hasCapability)(n,512)&&e(87,0|u.has("default"),r.$s0)
 e(88,r.$s0),(0,i.hasCapability)(n,8)?e(90,r.$s0):e(90,r.$s0,g)
 e(37,p.length+1,Object.keys(u).length>0?1:0),e(19,0)
-for(var N=m.length-1;N>=0;N--){var I=m[N];-1===I?e(34,1):e(19,I+1)}null!==o&&e(34,o.length)
-for(var D=f.length-1;D>=0;D--){e(20,f[D]+1)}e(28,h(s)),e(61),e(2),e(100,r.$s0),e(1),e(40),(0,i.hasCapability)(n,64)&&e(60)
+for(var N=m.length-1;N>=0;N--){var D=m[N];-1===D?e(34,1):e(19,D+1)}null!==o&&e(34,o.length)
+for(var I=f.length-1;I>=0;I--){e(20,f[I]+1)}e(28,h(s)),e(61),e(2),e(100,r.$s0),e(1),e(40),(0,i.hasCapability)(n,64)&&e(60)
 e(98),e(35,r.$s0)}(e,{capabilities:d,layout:c,elementBlock:f,positional:a,named:o,blocks:m})):(e(78,p),H(e,{capabilities:d,elementBlock:f,positional:a,named:o,atNames:!0,blocks:m}))}function z(e,t,n,i,s,a,o,c){var d=n?[n,[]]:null,h=Array.isArray(a)||null===a?l(a):a
 L(e,(()=>(E(e,t),e(33,r.$sp,0),2)),(()=>{e(66,u("ELSE")),c?e(81):e(80,{type:2,value:void 0}),e(79),H(e,{capabilities:!0,elementBlock:d,positional:i,named:s,atNames:o,blocks:h}),e(1e3,"ELSE")}))}function H(e,{capabilities:n,elementBlock:s,positional:a,named:o,atNames:l,blocks:u,layout:c}){var p=!!u,f=!0===n||(0,i.hasCapability)(n,4)||!(!o||0===o[0].length),m=u.with("attrs",s)
 e(36,r.$s0),e(33,r.$sp,1),e(35,r.$s0),e(0),function(e,r,n,i,s){for(var a=i.names,o=0;o<a.length;o++)M(e,i.get(a[o]))
@@ -1884,7 +1884,7 @@ for(var c=n[1],d=0;d<c.length;d++)E(e,c[d])}e(82,u,a,l)}(e,a,o,m,l),e(85,r.$s0),
 var G=new _,Y=["class","id","value","name","type","style","href"],Q=["div","span","p","a"]
 function K(e){return"string"==typeof e?e:Q[e]}function X(e){return"string"==typeof e?e:Y[e]}function Z(e){return null===e?null:[e[0].map((e=>`@${e}`)),e[1]]}G.add(3,((e,t)=>e(42,t[1]))),G.add(13,(e=>e(55))),G.add(12,(e=>e(54))),G.add(4,((e,[,t,n,i])=>{m(t)?e(1003,t,(t=>{e(0),O(e,n,i,!1),e(57,t),e(1)})):(E(e,t),e(0),O(e,n,i,!1),e(33,r.$fp,1),e(108),e(1))})),G.add(14,((e,[,t,r,n])=>{e(51,X(t),r,null!=n?n:null)})),G.add(24,((e,[,t,r,n])=>{e(105,X(t),r,null!=n?n:null)})),G.add(15,((e,[,t,r,n])=>{E(e,r),e(52,X(t),!1,null!=n?n:null)})),G.add(22,((e,[,t,r,n])=>{E(e,r),e(52,X(t),!0,null!=n?n:null)})),G.add(16,((e,[,t,r,n])=>{E(e,r),e(53,X(t),!1,null!=n?n:null)})),G.add(23,((e,[,t,r,n])=>{E(e,r),e(53,X(t),!0,null!=n?n:null)})),G.add(10,((e,[,t])=>{e(48,K(t))})),G.add(11,((e,[,t])=>{e(89),e(48,K(t))})),G.add(8,((e,[,t,r,n,i])=>{f(t)?e(1004,t,(t=>{B(e,t,r,null,n,i)})):z(e,t,r,null,n,i,!0,!0)})),G.add(18,((e,[,t,r])=>j(e,t,r))),G.add(17,((e,[,t])=>j(e,t,null))),G.add(26,((e,[,t])=>e(103,{type:3,value:void 0},t))),G.add(1,((e,[,t])=>{if(Array.isArray(t))if(b(t))e(1008,t,{ifComponent(t){B(e,t,null,null,null,null)},ifHelper(t){e(0),S(e,t,null,null),e(3,c("cautious-non-dynamic-append")),e(1)},ifValue(t){e(0),e(29,t),e(3,c("cautious-non-dynamic-append")),e(1)}})
 else if(28===t[0]){var[,r,n,i]=t
-v(r)?e(1007,r,{ifComponent(t){B(e,t,null,n,Z(i),null)},ifHelper(t){e(0),S(e,t,n,i),e(3,c("cautious-non-dynamic-append")),e(1)}}):D(e,(()=>{E(e,r),e(106)}),(t=>{t(0,(()=>{e(81),e(79),H(e,{capabilities:!0,elementBlock:null,positional:n,named:i,atNames:!1,blocks:l(null)})})),t(1,(()=>{A(e,n,i,(()=>{e(3,c("cautious-non-dynamic-append"))}))}))}))}else e(0),E(e,t),e(3,c("cautious-append")),e(1)
+v(r)?e(1007,r,{ifComponent(t){B(e,t,null,n,Z(i),null)},ifHelper(t){e(0),S(e,t,n,i),e(3,c("cautious-non-dynamic-append")),e(1)}}):I(e,(()=>{E(e,r),e(106)}),(t=>{t(0,(()=>{e(81),e(79),H(e,{capabilities:!0,elementBlock:null,positional:n,named:i,atNames:!1,blocks:l(null)})})),t(1,(()=>{A(e,n,i,(()=>{e(3,c("cautious-non-dynamic-append"))}))}))}))}else e(0),E(e,t),e(3,c("cautious-append")),e(1)
 else e(41,null==t?"":String(t))})),G.add(2,((e,[,t])=>{Array.isArray(t)?(e(0),E(e,t),e(3,c("trusting-append")),e(1)):e(41,null==t?"":String(t))})),G.add(6,((e,[,t,r,n,i])=>{f(t)?e(1004,t,(t=>{B(e,t,null,r,Z(n),i)})):z(e,t,null,r,n,i,!1,!1)})),G.add(40,((e,[,t,n,i,s])=>{$(e,(()=>(E(e,n),void 0===s?P(e,void 0):E(e,s),E(e,i),e(33,r.$sp,0),4)),(()=>{e(50),F(e,t),e(56)}))})),G.add(41,((e,[,t,r,n])=>$(e,(()=>(E(e,t),e(71),1)),(()=>{F(e,r)}),n?()=>{F(e,n)}:void 0))),G.add(42,((e,[,t,n,i,s])=>L(e,(()=>(n?E(e,n):P(e,null),E(e,t),2)),(()=>{e(72,u("BODY"),u("ELSE")),e(0),e(33,r.$fp,1),e(6,u("ITER")),e(1e3,"ITER"),e(74,u("BREAK")),e(1e3,"BODY"),N(e,i,2),e(34,2),e(4,u("FINALLY")),e(1e3,"BREAK"),e(1),e(73),e(4,u("FINALLY")),e(1e3,"ELSE"),s&&F(e,s)})))),G.add(43,((e,[,t,n,i])=>{$(e,(()=>(E(e,t),e(33,r.$sp,0),e(71),2)),(()=>{N(e,n,1)}),(()=>{i&&F(e,i)}))})),G.add(44,((e,[,t,r])=>{N(e,r,T(e,t))})),G.add(45,((e,[,t,r])=>{if(t){var[n,i]=t
 T(e,i),function(e,t,r){e(59),e(58,t),r(),e(60)}(e,n,(()=>{F(e,r)}))}else F(e,r)})),G.add(46,((e,[,t,r,n,i])=>{f(t)?e(1004,t,(t=>{B(e,t,null,r,Z(n),i)})):z(e,t,null,r,n,i,!1,!1)}))
 class J{constructor(e,t,r,n="plain block"){this.statements=e,this.meta=t,this.symbolTable=r,this.moduleName=n,this.compiled=null}compile(e){return function(e,t){if(null!==e.compiled)return e.compiled
@@ -1952,7 +1952,7 @@ case 3:return(0,t.encodeHandle)(e.array(this.meta.evalSymbols||t.EMPTY_STRING_AR
 case 4:return(0,t.encodeHandle)(e.value((n=r.value,i=this.meta,new J(n[0],i,{parameters:n[1]||t.EMPTY_ARRAY}))))
 case 5:return this.stdlib[r.value]
 case 6:case 7:case 8:return e.value(r.value)}}var n,i
-return(0,t.encodeHandle)(e.value(r))}get currentLabels(){return this.labelsStack.current}label(e){this.currentLabels.label(e,this.heap.offset+1)}startLabels(){this.labelsStack.push(new re)}stopLabels(){this.labelsStack.pop().patch(this.heap)}}function se(e,t,n){D(e,(()=>e(76)),(i=>{i(2,(()=>{t?(e(68),e(43)):e(47)})),"number"==typeof n?(i(0,(()=>{e(81),e(79),function(e){e(36,r.$s0),e(33,r.$sp,1),e(35,r.$s0),e(0),e(83),e(85,r.$s0),V(e,!1,!1,!0,(()=>{e(92,r.$s0),e(95,r.$s0)})),e(35,r.$s0)}(e)})),i(1,(()=>{A(e,null,null,(()=>{e(3,n)}))}))):(i(0,(()=>{e(47)})),i(1,(()=>{e(47)}))),i(4,(()=>{e(68),e(44)})),i(5,(()=>{e(68),e(45)})),i(6,(()=>{e(68),e(46)}))}))}function ae(e){var t=le(e,(e=>function(e){e(75,r.$s0),V(e,!1,!1,!0)}(e))),n=le(e,(e=>se(e,!0,null))),i=le(e,(e=>se(e,!1,null))),s=le(e,(e=>se(e,!0,n))),a=le(e,(e=>se(e,!1,i)))
+return(0,t.encodeHandle)(e.value(r))}get currentLabels(){return this.labelsStack.current}label(e){this.currentLabels.label(e,this.heap.offset+1)}startLabels(){this.labelsStack.push(new re)}stopLabels(){this.labelsStack.pop().patch(this.heap)}}function se(e,t,n){I(e,(()=>e(76)),(i=>{i(2,(()=>{t?(e(68),e(43)):e(47)})),"number"==typeof n?(i(0,(()=>{e(81),e(79),function(e){e(36,r.$s0),e(33,r.$sp,1),e(35,r.$s0),e(0),e(83),e(85,r.$s0),V(e,!1,!1,!0,(()=>{e(92,r.$s0),e(95,r.$s0)})),e(35,r.$s0)}(e)})),i(1,(()=>{A(e,null,null,(()=>{e(3,n)}))}))):(i(0,(()=>{e(47)})),i(1,(()=>{e(47)}))),i(4,(()=>{e(68),e(44)})),i(5,(()=>{e(68),e(45)})),i(6,(()=>{e(68),e(46)}))}))}function ae(e){var t=le(e,(e=>function(e){e(75,r.$s0),V(e,!1,!1,!0)}(e))),n=le(e,(e=>se(e,!0,null))),i=le(e,(e=>se(e,!1,null))),s=le(e,(e=>se(e,!0,n))),a=le(e,(e=>se(e,!1,i)))
 return new q(t,s,a,n,i)}var oe={evalSymbols:null,upvars:null,moduleName:"stdlib",scopeValues:null,isStrictMode:!0,owner:null,size:0}
 function le(e,t){var{constants:r,heap:n,resolver:i}=e,s=new ie(n,oe)
 t((function(...e){ne(s,r,i,oe,e)}))
@@ -2090,8 +2090,8 @@ i=s}}function T(e){return x(e)?"":String(e)}function x(e){return null==e||"funct
 if(t in e)n=t,r="prop"
 else{var o=t.toLowerCase()
 o in e?(r="prop",n=o):(r="attr",n=t)}return"prop"===r&&("style"===n.toLowerCase()||(i=e.tagName,s=n,(a=A[i.toUpperCase()])&&a[s.toLowerCase()]))&&(r="attr"),{normalized:n,type:r}}var A={INPUT:{form:!0,autocorrect:!0,list:!0},SELECT:{form:!0},OPTION:{form:!0},TEXTAREA:{form:!0},LABEL:{form:!0},FIELDSET:{form:!0},LEGEND:{form:!0},OBJECT:{form:!0},OUTPUT:{form:!0},BUTTON:{form:!0}}
-var j,M,F=["javascript:","vbscript:"],N=["A","BODY","LINK","IMG","IFRAME","BASE","FORM"],I=["EMBED"],D=["href","src","background","action"],L=["src"]
-function $(e,t){return-1!==e.indexOf(t)}function U(e,t){return(null===e||$(N,e))&&$(D,t)}function B(e,t){return null!==e&&($(I,e)&&$(L,t))}function z(e,t){return U(e,t)||B(e,t)}if("object"==typeof URL&&null!==URL&&"function"==typeof URL.parse){var H=URL
+var j,M,F=["javascript:","vbscript:"],N=["A","BODY","LINK","IMG","IFRAME","BASE","FORM"],D=["EMBED"],I=["href","src","background","action"],L=["src"]
+function $(e,t){return-1!==e.indexOf(t)}function U(e,t){return(null===e||$(N,e))&&$(I,t)}function B(e,t){return null!==e&&($(D,e)&&$(L,t))}function z(e,t){return U(e,t)||B(e,t)}if("object"==typeof URL&&null!==URL&&"function"==typeof URL.parse){var H=URL
 j=e=>{var t=null
 return"string"==typeof e&&(t=H.parse(e).protocol),null===t?":":t}}else if("function"==typeof URL)j=e=>{try{return new URL(e).protocol}catch(t){return":"}}
 else{var V=document.createElement("a")
@@ -2158,7 +2158,7 @@ this.positional.setup(e,u,n)
 var c=this.blocks,d=r.length,h=u-3*d
 c.setup(e,h,d,r)}get base(){return this.blocks.base}get length(){return this.positional.length+this.named.length+3*this.blocks.length}at(e){return this.positional.at(e)}realloc(e){var{stack:t}=this
 if(e>0&&null!==t){for(var{positional:r,named:n}=this,i=r.base+e,a=r.length+n.length-1;a>=0;a--)t.copy(a+r.base,a+i)
-r.base+=e,n.base+=e,t[g][s.$sp]+=e}}capture(){var e=0===this.positional.length?Ie:this.positional.capture()
+r.base+=e,n.base+=e,t[g][s.$sp]+=e}}capture(){var e=0===this.positional.length?De:this.positional.capture()
 return{named:0===this.named.length?Ne:this.named.capture(),positional:e}}clear(){var{stack:e,length:t}=this
 t>0&&null!==e&&e.pop(t)}}var Oe=(0,t.emptyArray)()
 class Te{constructor(){this.base=0,this.length=0,this.stack=null,this._references=null}empty(e,t){this.stack=e,this.base=t,this.length=0,this._references=Oe}setup(e,t,r){this.stack=e,this.base=t,this.length=r,this._references=0===r?Oe:null}at(e){var{base:t,length:n,stack:i}=this
@@ -2187,7 +2187,7 @@ return null===a?null:[a,s,i]}capture(){return new Se(this.names,this.values)}get
 return null===e&&(e=this._symbolNames=this.names.map(Re)),e}}class Se{constructor(e,t){this.names=e,this.values=t,this.length=e.length}has(e){return-1!==this.names.indexOf(e)}get(e){var t=this.names.indexOf(e)
 return-1===t?null:[this.values[3*t+2],this.values[3*t+1],this.values[3*t]]}}function Ae(e,t){return{named:e,positional:t}}function je(e){var n=(0,t.dict)()
 for(var i in e)n[i]=(0,r.valueForRef)(e[i])
-return n}function Me(e){return e.map(r.valueForRef)}function Fe(e){return{named:je(e.named),positional:Me(e.positional)}}var Ne=e.EMPTY_NAMED=Object.freeze(Object.create(null)),Ie=e.EMPTY_POSITIONAL=Oe,De=e.EMPTY_ARGS=Ae(Ne,Ie)
+return n}function Me(e){return e.map(r.valueForRef)}function Fe(e){return{named:je(e.named),positional:Me(e.positional)}}var Ne=e.EMPTY_NAMED=Object.freeze(Object.create(null)),De=e.EMPTY_POSITIONAL=Oe,Ie=e.EMPTY_ARGS=Ae(Ne,De)
 function Le(e,t,r){var n=e.helper(t,null,!0)
 return e.getValue(n)}function $e(e){return e===r.UNDEFINED_REFERENCE}function Ue(e){return"getDebugCustomRenderTree"in e}ce.add(77,((e,{op1:n,op2:i})=>{var a=e.stack,o=a.pop(),l=a.pop(),u=e.getOwner()
 e.runtime.resolver
@@ -2325,7 +2325,7 @@ s.handle=n,s.table=i})),ce.add(38,((e,{op1:t})=>{var r,{table:n,manager:i,capabi
 if(n.table.hasEval){var i=n.lookup=(0,t.dict)()
 e.scope().bindEvalScope(i)}})),ce.add(17,((e,{op1:t})=>{for(var r=e.fetchValue(t),n=e.scope(),i=e.stack.peek(),s=i.named.atNames,a=s.length-1;a>=0;a--){var o=s[a],l=r.table.symbols.indexOf(s[a]),u=i.named.get(o,!0);-1!==l&&n.bindSymbol(l+1,u),r.lookup&&(r.lookup[o]=u)}})),ce.add(18,((e,{op1:t})=>{for(var r=e.fetchValue(t),{blocks:n}=e.stack.peek(),i=0;i<n.names.length;i++)Ze(n.symbolNames[i],n.names[i],r,n,e)})),ce.add(96,((e,{op1:t})=>{var r=e.fetchValue(t)
 e.call(r.handle)})),ce.add(100,((e,{op1:t})=>{var r=e.fetchValue(t),{manager:n,state:i,capabilities:s}=r,a=e.elements().popBlock()
-void 0!==e.env.debugRenderTree&&(Ue(n)?n.getDebugCustomRenderTree(r.definition.state,i,De).reverse().forEach((t=>{var{bucket:r}=t
+void 0!==e.env.debugRenderTree&&(Ue(n)?n.getDebugCustomRenderTree(r.definition.state,i,Ie).reverse().forEach((t=>{var{bucket:r}=t
 e.env.debugRenderTree.didRender(r,a),e.updateWith(new rt(r,a))})):(e.env.debugRenderTree.didRender(r,a),e.updateWith(new rt(r,a))));(0,o.managerHasCapability)(n,s,512)&&(n.didRenderLayout(i,a),e.env.didCreate(r),e.updateWith(new et(r,a)))})),ce.add(98,(e=>{e.commitCacheGroup()}))
 class Je{constructor(e,t,r){this.component=e,this.manager=t,this.dynamicScope=r}evaluate(e){var{component:t,manager:r,dynamicScope:n}=this
 r.update(t,n)}}class et{constructor(e,t){this.component=e,this.bounds=t}evaluate(e){var{component:t,bounds:r}=this,{manager:n,state:i}=t
@@ -2415,10 +2415,10 @@ case 3:return this.call(e.op1)
 case 2:return this.call(this.stack.pop())
 case 4:return this.goto(e.op1)
 case 5:return this.return()
-case 6:return this.returnTo(e.op1)}}evaluateSyscall(e,t){ce.evaluate(t,e,e.type)}}class It{constructor(e,{alwaysRevalidate:r=!1}){this.frameStack=new t.Stack,this.env=e,this.dom=e.getDOM(),this.alwaysRevalidate=r}execute(e,t){this._execute(e,t)}_execute(e,t){var{frameStack:r}=this
+case 6:return this.returnTo(e.op1)}}evaluateSyscall(e,t){ce.evaluate(t,e,e.type)}}class Dt{constructor(e,{alwaysRevalidate:r=!1}){this.frameStack=new t.Stack,this.env=e,this.dom=e.getDOM(),this.alwaysRevalidate=r}execute(e,t){this._execute(e,t)}_execute(e,t){var{frameStack:r}=this
 for(this.try(e,t);!r.isEmpty();){var n=this.frame.nextStatement()
-void 0!==n?n.evaluate(this):r.pop()}}get frame(){return this.frameStack.current}goto(e){this.frame.goto(e)}try(e,t){this.frameStack.push(new zt(e,t))}throw(){this.frame.handleException(),this.frameStack.pop()}}e.UpdatingVM=It
-class Dt{constructor(e,t){this.state=e,this.resumeCallback=t}resume(e,t){return this.resumeCallback(e,this.state,t)}}class Lt{constructor(e,t,r,n){this.state=e,this.runtime=t,this.children=n,this.bounds=r}parentElement(){return this.bounds.parentElement()}firstNode(){return this.bounds.firstNode()}lastNode(){return this.bounds.lastNode()}evaluate(e){e.try(this.children,null)}}class $t extends Lt{constructor(){super(...arguments),this.type="try"}evaluate(e){e.try(this.children,this)}handleException(){var{state:e,bounds:t,runtime:r}=this;(0,i.destroyChildren)(this)
+void 0!==n?n.evaluate(this):r.pop()}}get frame(){return this.frameStack.current}goto(e){this.frame.goto(e)}try(e,t){this.frameStack.push(new zt(e,t))}throw(){this.frame.handleException(),this.frameStack.pop()}}e.UpdatingVM=Dt
+class It{constructor(e,t){this.state=e,this.resumeCallback=t}resume(e,t){return this.resumeCallback(e,this.state,t)}}class Lt{constructor(e,t,r,n){this.state=e,this.runtime=t,this.children=n,this.bounds=r}parentElement(){return this.bounds.parentElement()}firstNode(){return this.bounds.firstNode()}lastNode(){return this.bounds.lastNode()}evaluate(e){e.try(this.children,null)}}class $t extends Lt{constructor(){super(...arguments),this.type="try"}evaluate(e){e.try(this.children,this)}handleException(){var{state:e,bounds:t,runtime:r}=this;(0,i.destroyChildren)(this)
 var n=se.resume(r.env,t),s=e.resume(r,n),a=[],o=this.children=[],l=s.execute((e=>{e.pushUpdating(a),e.updateWith(this),e.pushUpdating(o)}));(0,i.associateDestroyableChild)(this,l.drop)}}class Ut extends $t{constructor(e,t,r,n,i,s){super(e,t,r,[]),this.key=n,this.memo=i,this.value=s,this.retained=!1,this.index=-1}updateReferences(e){this.retained=!0,(0,r.updateRef)(this.value,e.value),(0,r.updateRef)(this.memo,e.memo)}shouldRemove(){return!this.retained}reset(){this.retained=!1}}class Bt extends Lt{constructor(e,t,n,i,s){super(e,t,n,i),this.iterableRef=s,this.type="list-block",this.opcodeMap=new Map,this.marker=null,this.lastIterator=(0,r.valueForRef)(s)}initializeChild(e){e.index=this.children.length-1,this.opcodeMap.set(e.key,e)}evaluate(e){var t=(0,r.valueForRef)(this.iterableRef)
 if(this.lastIterator!==t){var{bounds:n}=this,{dom:i}=e,s=this.marker=i.createComment("")
 i.insertAfter(n.parentElement(),s,n.lastNode()),this.sync(t),this.parentElement().removeChild(s),this.marker=null,this.lastIterator=t}super.evaluate(e)}sync(e){var{opcodeMap:t,children:r}=this,n=0,i=0
@@ -2435,7 +2435,7 @@ break}!1===u?(this.retainItem(l,s),n=i+1):(this.moveItem(l,s,a),n++)}}else this.
 s.resume(a,c).execute((t=>{t.pushUpdating()
 var n=t.enterItem(e)
 n.index=o.length,o.push(n),r.set(l,n),(0,i.associateDestroyableChild)(this,n)}))}moveItem(e,t,n){var i,{children:s}=this;(0,r.updateRef)(e.memo,t.memo),(0,r.updateRef)(e.value,t.value),e.retained=!0,void 0===n?E(e,this.marker):e.lastNode().nextSibling!==(i=n.firstNode())&&E(e,i),e.index=s.length,s.push(e)}deleteItem(e){(0,i.destroy)(e),O(e),this.opcodeMap.delete(e.key)}}class zt{constructor(e,t){this.ops=e,this.exceptionHandler=t,this.current=0}goto(e){this.current=e}nextStatement(){return this.ops[this.current++]}handleException(){this.exceptionHandler&&this.exceptionHandler.handleException()}}class Ht{constructor(e,t,r,n){this.env=e,this.updating=t,this.bounds=r,this.drop=n,(0,i.associateDestroyableChild)(this,n),(0,i.registerDestructor)(this,(()=>O(this.bounds)))}rerender({alwaysRevalidate:e=!1}={alwaysRevalidate:!1}){var{env:t,updating:r}=this
-new It(t,{alwaysRevalidate:e}).execute(r,this)}parentElement(){return this.bounds.parentElement()}firstNode(){return this.bounds.firstNode()}lastNode(){return this.bounds.lastNode()}handleException(){throw"this should never happen"}}class Vt{constructor(e=[],t){this.stack=e,this[g]=t}static restore(e){return new this(e.slice(),[0,-1,e.length-1,0])}push(e){this.stack[++this[g][s.$sp]]=e}dup(e=this[g][s.$sp]){this.stack[++this[g][s.$sp]]=this.stack[e]}copy(e,t){this.stack[t]=this.stack[e]}pop(e=1){var t=this.stack[this[g][s.$sp]]
+new Dt(t,{alwaysRevalidate:e}).execute(r,this)}parentElement(){return this.bounds.parentElement()}firstNode(){return this.bounds.firstNode()}lastNode(){return this.bounds.lastNode()}handleException(){throw"this should never happen"}}class Vt{constructor(e=[],t){this.stack=e,this[g]=t}static restore(e){return new this(e.slice(),[0,-1,e.length-1,0])}push(e){this.stack[++this[g][s.$sp]]=e}dup(e=this[g][s.$sp]){this.stack[++this[g][s.$sp]]=this.stack[e]}copy(e,t){this.stack[t]=this.stack[e]}pop(e=1){var t=this.stack[this[g][s.$sp]]
 return this[g][s.$sp]-=e,t}peek(e=0){return this.stack[this[g][s.$sp]-e]}get(e,t=this[g][s.$fp]){return this.stack[t+e]}set(e,t,r=this[g][s.$fp]){this.stack[r+t]=e}slice(e,t){return this.stack.slice(e,t)}capture(e){var t=this[g][s.$sp]+1,r=t-e
 return this.stack.slice(r,t)}reset(){this.stack.length=0}toArray(){return this.stack.slice(this[g][s.$fp],this[g][s.$sp]+1)}}class qt{constructor(){this.scope=new t.Stack,this.dynamicScope=new t.Stack,this.updating=new t.Stack,this.cache=new t.Stack,this.list=new t.Stack}}class Wt{constructor(e,{pc:r,scope:n,dynamicScope:i,stack:a},o,l){this.runtime=e,this.elementStack=o,this.context=l,this[Ct]=new qt,this[St]=new t.Stack,this.s0=null,this.s1=null,this.t0=null,this.t1=null,this.v0=null,this.resume=Yt(this.context)
 var u=Vt.restore(a)
@@ -2456,7 +2456,7 @@ case s.$t1:this.t1=t
 break
 case s.$v0:this.v0=t}}pushFrame(){this[p].pushFrame()}popFrame(){this[p].popFrame()}goto(e){this[p].goto(e)}call(e){this[p].call(e)}returnTo(e){this[p].returnTo(e)}return(){this[p].return()}static initial(e,t,{handle:r,self:n,dynamicScope:i,treeBuilder:s,numSymbols:a,owner:o}){var l=h.root(n,a,o),u=Gt(e.program.heap.getaddr(r),l,i),c=Yt(t)(e,u,s)
 return c.pushUpdating(),c}static empty(e,{handle:t,treeBuilder:n,dynamicScope:i,owner:s},a){var o=Yt(a)(e,Gt(e.program.heap.getaddr(t),h.root(r.UNDEFINED_REFERENCE,0,s),i),n)
-return o.pushUpdating(),o}compile(e){return(0,t.unwrapHandle)(e.compile(this.context))}get program(){return this.runtime.program}get env(){return this.runtime.env}captureState(e,t=this[p].fetchRegister(s.$pc)){return{pc:t,scope:this.scope(),dynamicScope:this.dynamicScope(),stack:this.stack.capture(e)}}capture(e,t=this[p].fetchRegister(s.$pc)){return new Dt(this.captureState(e,t),this.resume)}beginCacheGroup(e){var t=this.updating(),r=new He
+return o.pushUpdating(),o}compile(e){return(0,t.unwrapHandle)(e.compile(this.context))}get program(){return this.runtime.program}get env(){return this.runtime.env}captureState(e,t=this[p].fetchRegister(s.$pc)){return{pc:t,scope:this.scope(),dynamicScope:this.dynamicScope(),stack:this.stack.capture(e)}}capture(e,t=this[p].fetchRegister(s.$pc)){return new It(this.captureState(e,t),this.resume)}beginCacheGroup(e){var t=this.updating(),r=new He
 t.push(r),t.push(new Ve(e)),this[m].cache.push(r),(0,a.beginTrackFrame)(e)}commitCacheGroup(){var e=this.updating(),t=this[m].cache.pop(),r=(0,a.endTrackFrame)()
 e.push(new qe(t)),t.finalize(r,e.length)}enter(e){var t=this.capture(e),r=this.elements().pushUpdatableBlock(),n=new $t(t,this.runtime,r,[])
 this.didEnter(n)}enterItem({key:e,value:t,memo:n}){var{stack:i}=this,s=(0,r.createIteratorItemRef)(t),a=(0,r.createIteratorItemRef)(n)
@@ -2526,8 +2526,8 @@ var s=new oe(e)
 return this.pushLiveBlock(s,!0)}didAppendBounds(e){if(super.didAppendBounds(e),this.candidate){var t=e.lastNode()
 this.candidate=t&&t.nextSibling}return e}}function Jt(e){return 8===e.nodeType&&0===e.nodeValue.lastIndexOf("%+b:",0)}function er(e){return 8===e.nodeType&&0===e.nodeValue.lastIndexOf("%-b:",0)}function tr(e){return parseInt(e.nodeValue.slice(4),10)}function rr(e,t){return tr(e)-t}function nr(e){return 1===e.nodeType}function ir(e){return 8===e.nodeType&&"%glmr%"===e.nodeValue}function sr(e){return 8===e.nodeType&&"% %"===e.nodeValue}function ar(e,t){for(var r=0;r<e.length;r++){var n=e[r]
 if(n.name===t)return n}}e.RehydrateBuilder=Zt
-function or(e){return(0,a.getValue)(e.argsCache)}class lr{constructor(e,t=(()=>De)){var r=(0,a.createCache)((()=>t(e)))
-this.argsCache=r}get named(){return or(this).named||Ne}get positional(){return or(this).positional||Ie}}function ur(e){return(0,o.setInternalHelperManager)(e,{})}var cr=(0,t.buildUntouchableThis)("`fn` helper")
+function or(e){return(0,a.getValue)(e.argsCache)}class lr{constructor(e,t=(()=>Ie)){var r=(0,a.createCache)((()=>t(e)))
+this.argsCache=r}get named(){return or(this).named||Ne}get positional(){return or(this).positional||De}}function ur(e){return(0,o.setInternalHelperManager)(e,{})}var cr=(0,t.buildUntouchableThis)("`fn` helper")
 e.fn=ur((({positional:e})=>{var t=e[0]
 return(0,r.createComputeRef)((()=>(...n)=>{var[i,...s]=(0,c.reifyPositional)(e)
 if((0,r.isInvokableRef)(t)){var a=s.length>0?s[0]:n[0]
@@ -2611,13 +2611,13 @@ default:if(t.toUpperCase()===t)throw new Error("BUG: this code is missing handli
 return e instanceof Element&&e.tagName.toLowerCase()===t}}function b(e){return e.length>0}e.debugToString=f
 var y=e.LOCAL_LOGGER=console,_=e.LOGGER=console})),e("@glimmer/validator",["exports","@glimmer/global-context"],(function(e,t){"use strict"
 Object.defineProperty(e,"__esModule",{value:!0}),e.VolatileTag=e.VOLATILE_TAG=e.VOLATILE=e.INITIAL=e.CurrentTag=e.CURRENT_TAG=e.CONSTANT_TAG=e.CONSTANT=e.COMPUTE=e.ALLOW_CYCLES=void 0,e.beginTrackFrame=A,e.beginTrackingTransaction=void 0,e.beginUntrackFrame=M,e.bump=function(){o++},e.combine=void 0,e.consumeTag=N,e.createCache=function(e,t){0
-var r={[I]:e,[D]:void 0,[L]:void 0,[$]:-1}
+var r={[D]:e,[I]:void 0,[L]:void 0,[$]:-1}
 0
 return r},e.createTag=function(){return new h(0)},e.createUpdatableTag=m,e.dirtyTag=void 0,e.dirtyTagFor=T,e.endTrackFrame=j,e.endTrackingTransaction=void 0,e.endUntrackFrame=F,e.getValue=function(e){U(e,"getValue")
-var t=e[I],r=e[L],n=e[$]
+var t=e[D],r=e[L],n=e[$]
 if(void 0!==r&&c(r,n))N(r)
 else{A()
-try{e[D]=t()}finally{r=j(),e[L]=r,e[$]=u(r),N(r)}}return e[D]},e.isConst=function(e){U(e,"isConst")
+try{e[I]=t()}finally{r=j(),e[L]=r,e[$]=u(r),N(r)}}return e[I]},e.isConst=function(e){U(e,"isConst")
 var t=e[L]
 return function(e,t){0}(),v(t)},e.isConstTag=v,e.isTracking=function(){return null!==C},e.logTrackingStack=void 0,e.resetTracking=function(){for(;S.length>0;)S.pop()
 C=null,!1},e.setTrackingTransactionEnv=e.runInTrackingTransaction=void 0,e.tagFor=R,e.tagMetaFor=x,e.track=function(e,t){var r
@@ -2662,7 +2662,7 @@ if(1===e.size)return this.last
 var t=[]
 return e.forEach((e=>t.push(e))),_(t)}}var C=null,S=[]
 function A(e){S.push(C),C=new P}function j(){var e=C
-return C=S.pop()||null,i(e).combine()}function M(){S.push(C),C=null}function F(){C=S.pop()||null}function N(e){null!==C&&C.add(e)}var I=r("FN"),D=r("LAST_VALUE"),L=r("TAG"),$=r("SNAPSHOT")
+return C=S.pop()||null,i(e).combine()}function M(){S.push(C),C=null}function F(){C=S.pop()||null}function N(e){null!==C&&C.add(e)}var D=r("FN"),I=r("LAST_VALUE"),L=r("TAG"),$=r("SNAPSHOT")
 r("DEBUG_LABEL")
 function U(e,t){0}var B=n("GLIMMER_VALIDATOR_REGISTRATION"),z=function(){if("undefined"!=typeof globalThis)return globalThis
 if("undefined"!=typeof self)return self
@@ -2763,10 +2763,10 @@ else{var i=2,s=arguments[0],a=arguments[1],o=typeof a
 if("function"===o?(r=s,t=a):null!==s&&"string"===o&&a in s?t=(r=s)[a]:"function"==typeof s&&(i=1,r=null,t=s),n>i){var l=n-i
 e=new Array(l)
 for(var u=0;u<l;u++)e[u]=arguments[u+i]}}return[r,t,e]}function b(){var e,t,r,n,i
-return 2===arguments.length?(t=arguments[0],i=arguments[1],e=null):([e,t,n]=v(...arguments),void 0===n?i=0:a(i=n.pop())||(r=!0===i,i=n.pop())),[e,t,n,i=parseInt(i,10),r]}var y=0,_=0,w=0,k=0,E=0,O=0,T=0,x=0,R=0,P=0,C=0,S=0,A=0,j=0,M=0,F=0,N=0,I=0,D=0,L=0,$=0
-class U{constructor(e,t){this.DEBUG=!1,this.currentInstance=null,this.instanceStack=[],this._eventCallbacks={end:[],begin:[]},this._timerTimeoutId=null,this._timers=[],this._autorun=!1,this._autorunStack=null,this.queueNames=e,this.options=t||{},"string"==typeof this.options.defaultQueue?this._defaultQueue=this.options.defaultQueue:this._defaultQueue=this.queueNames[0],this._onBegin=this.options.onBegin||m,this._onEnd=this.options.onEnd||m,this._boundRunExpiredTimers=this._runExpiredTimers.bind(this),this._boundAutorunEnd=()=>{D++,!1!==this._autorun&&(this._autorun=!1,this._autorunStack=null,this._end(!0))}
+return 2===arguments.length?(t=arguments[0],i=arguments[1],e=null):([e,t,n]=v(...arguments),void 0===n?i=0:a(i=n.pop())||(r=!0===i,i=n.pop())),[e,t,n,i=parseInt(i,10),r]}var y=0,_=0,w=0,k=0,E=0,O=0,T=0,x=0,R=0,P=0,C=0,S=0,A=0,j=0,M=0,F=0,N=0,D=0,I=0,L=0,$=0
+class U{constructor(e,t){this.DEBUG=!1,this.currentInstance=null,this.instanceStack=[],this._eventCallbacks={end:[],begin:[]},this._timerTimeoutId=null,this._timers=[],this._autorun=!1,this._autorunStack=null,this.queueNames=e,this.options=t||{},"string"==typeof this.options.defaultQueue?this._defaultQueue=this.options.defaultQueue:this._defaultQueue=this.queueNames[0],this._onBegin=this.options.onBegin||m,this._onEnd=this.options.onEnd||m,this._boundRunExpiredTimers=this._runExpiredTimers.bind(this),this._boundAutorunEnd=()=>{I++,!1!==this._autorun&&(this._autorun=!1,this._autorunStack=null,this._end(!0))}
 var r=this.options._buildPlatform||i
-this._platform=r(this._boundAutorunEnd)}get counters(){return{begin:_,end:w,events:{begin:k,end:0},autoruns:{created:I,completed:D},run:E,join:O,defer:T,schedule:x,scheduleIterable:R,deferOnce:P,scheduleOnce:C,setTimeout:S,later:A,throttle:j,debounce:M,cancelTimers:F,cancel:N,loops:{total:L,nested:$}}}get defaultQueue(){return this._defaultQueue}begin(){_++
+this._platform=r(this._boundAutorunEnd)}get counters(){return{begin:_,end:w,events:{begin:k,end:0},autoruns:{created:D,completed:I},run:E,join:O,defer:T,schedule:x,scheduleIterable:R,deferOnce:P,scheduleOnce:C,setTimeout:S,later:A,throttle:j,debounce:M,cancelTimers:F,cancel:N,loops:{total:L,nested:$}}}get defaultQueue(){return this._defaultQueue}begin(){_++
 var e,t=this.options,r=this.currentInstance
 return!1!==this._autorun?(e=r,this._cancelAutorun()):(null!==r&&($++,this.instanceStack.push(r)),L++,e=this.currentInstance=new p(this.queueNames,t),k++,this._trigger("begin",e,r)),this._onBegin(e,r),e}end(){w++,this._end(!1)}on(e,t){if("function"!=typeof t)throw new TypeError("Callback must be a function")
 var r=this._eventCallbacks[e]
@@ -2818,7 +2818,7 @@ var s=e[t+4]
 if(s!==g){var a=e[t+2],o=e[t+3],l=e[t+5]
 this.currentInstance.schedule(n,a,o,s,!1,l)}}e.splice(0,t),this._installTimerTimeout()}_reinstallTimerTimeout(){this._clearTimerTimeout(),this._installTimerTimeout()}_clearTimerTimeout(){null!==this._timerTimeoutId&&(this._platform.clearTimeout(this._timerTimeoutId),this._timerTimeoutId=null)}_installTimerTimeout(){if(0!==this._timers.length){var e=this._timers[0],t=this._platform.now(),r=Math.max(0,e-t)
 this._timerTimeoutId=this._platform.setTimeout(this._boundRunExpiredTimers,r)}}_ensureInstance(){var e=this.currentInstance
-return null===e&&(this._autorunStack=this.DEBUG?new Error:void 0,e=this.begin(),this._scheduleAutorun(this.queueNames[0])),e}_scheduleAutorun(e){I++
+return null===e&&(this._autorunStack=this.DEBUG?new Error:void 0,e=this.begin(),this._scheduleAutorun(this.queueNames[0])),e}_scheduleAutorun(e){D++
 var t=this._platform.next,r=this.options.flush
 r?r(e,t):t(),this._autorun=!0}}U.Queue=h,U.buildPlatform=i,U.buildNext=n
 e.default=U})),e("dag-map",["exports"],(function(e){"use strict"
@@ -2865,11 +2865,11 @@ var t=Object.setPrototypeOf,r=Object.getPrototypeOf,n="object"==typeof Reflect&&
 function s(e,t){for(var r=0;r<t.length;r++){var n=t[r]
 n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function a(e){return e}function o(e,t){return"object"==typeof t&&null!==t||"function"==typeof t?t:e}function l(e,t){(null==t||t>e.length)&&(t=e.length)
 for(var r=new Array(t),n=0;n<t;n++)r[n]=e[n]
-return r}})),e("ember/index",["exports","require","@ember/-internals/environment","@ember/-internals/utils","@ember/-internals/container","@ember/instrumentation","@ember/-internals/meta","@ember/-internals/metal","@ember/canary-features","@ember/debug","backburner","@ember/controller","@ember/string","@ember/service","@ember/object","@ember/object/-internals","@ember/object/compat","@ember/object/computed","@ember/object/events","@ember/-internals/runtime","@ember/-internals/glimmer","ember/version","@ember/-internals/views","@ember/debug/container-debug-adapter","@ember/debug/data-adapter","@ember/error","@ember/runloop","@ember/-internals/error-handling","@ember/array","@ember/array/mutable","@ember/array/proxy","@ember/application","@ember/application/instance","@ember/application/namespace","@ember/component","@ember/component/helper","@ember/engine","@ember/engine/instance","@ember/enumerable","@ember/enumerable/mutable","@ember/object/core","@ember/object/evented","@ember/object/mixin","@ember/object/observable","@ember/object/observers","@ember/object/proxy","@ember/object/promise-proxy-mixin","@ember/polyfills","@ember/routing/auto-location","@ember/routing/hash-location","@ember/routing/history-location","@ember/routing/none-location","@ember/routing/location","@ember/routing/route","@ember/routing/router","@ember/routing/-internals","@ember/utils","@glimmer/runtime","@glimmer/manager","@ember/destroyable"],(function(t,r,n,i,s,a,o,l,u,c,d,h,p,f,m,g,v,b,y,_,w,k,E,O,T,x,R,P,C,S,A,j,M,F,N,I,D,L,$,U,B,z,H,V,q,W,G,Y,Q,K,X,Z,J,ee,te,re,ne,ie,se,ae){"use strict"
+return r}})),e("ember/index",["exports","require","@ember/-internals/environment","@ember/-internals/utils","@ember/-internals/container","@ember/instrumentation","@ember/-internals/meta","@ember/-internals/metal","@ember/canary-features","@ember/debug","backburner","@ember/controller","@ember/string","@ember/service","@ember/object","@ember/object/-internals","@ember/object/compat","@ember/object/computed","@ember/object/events","@ember/-internals/runtime","@ember/-internals/glimmer","ember/version","@ember/-internals/views","@ember/debug/container-debug-adapter","@ember/debug/data-adapter","@ember/error","@ember/runloop","@ember/-internals/error-handling","@ember/array","@ember/array/mutable","@ember/array/proxy","@ember/application","@ember/application/instance","@ember/application/namespace","@ember/component","@ember/component/helper","@ember/engine","@ember/engine/instance","@ember/enumerable","@ember/enumerable/mutable","@ember/object/core","@ember/object/evented","@ember/object/mixin","@ember/object/observable","@ember/object/observers","@ember/object/proxy","@ember/object/promise-proxy-mixin","@ember/polyfills","@ember/routing/auto-location","@ember/routing/hash-location","@ember/routing/history-location","@ember/routing/none-location","@ember/routing/location","@ember/routing/route","@ember/routing/router","@ember/routing/-internals","@ember/utils","@glimmer/runtime","@glimmer/manager","@ember/destroyable"],(function(t,r,n,i,s,a,o,l,u,c,d,h,p,f,m,g,v,b,y,_,w,k,E,O,T,x,R,P,C,S,A,j,M,F,N,D,I,L,$,U,B,z,H,V,q,W,G,Y,Q,K,X,Z,J,ee,te,re,ne,ie,se,ae){"use strict"
 Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0
 var oe=c
 function le(){}le.controller=h.inject,le.service=f.service
-var ue={isNamespace:!0,toString:()=>"Ember",Container:s.Container,Registry:s.Registry,_setComponentManager:w.setComponentManager,_componentManagerCapabilities:w.componentCapabilities,_modifierManagerCapabilities:w.modifierCapabilities,meta:o.meta,_createCache:l.createCache,_cacheGetValue:l.getValue,_cacheIsConst:l.isConst,_descriptor:l.nativeDescDecorator,_getPath:l._getPath,_setClassicDecorator:l.setClassicDecorator,_tracked:l.tracked,beginPropertyChanges:l.beginPropertyChanges,changeProperties:l.changeProperties,endPropertyChanges:l.endPropertyChanges,hasListeners:l.hasListeners,libraries:l.libraries,_ContainerProxyMixin:_.ContainerProxyMixin,_ProxyMixin:_._ProxyMixin,_RegistryProxyMixin:_.RegistryProxyMixin,ActionHandler:_.ActionHandler,Comparable:_.Comparable,RSVP:_.RSVP,ComponentLookup:E.ComponentLookup,EventDispatcher:E.EventDispatcher,_Cache:i.Cache,GUID_KEY:i.GUID_KEY,canInvoke:i.canInvoke,generateGuid:i.generateGuid,guidFor:i.guidFor,uuid:i.uuid,wrap:i.wrap,getOwner:j.getOwner,onLoad:j.onLoad,runLoadHooks:j.runLoadHooks,setOwner:j.setOwner,Application:j.default,ApplicationInstance:M.default,Namespace:F.default,A:C.A,Array:C.default,NativeArray:C.NativeArray,isArray:C.isArray,makeArray:C.makeArray,MutableArray:S.default,ArrayProxy:A.default,FEATURES:Object.assign({isEnabled:u.isEnabled},u.FEATURES),_Input:N.Input,Component:N.default,Helper:I.default,Controller:h.default,ControllerMixin:h.ControllerMixin,_captureRenderTree:c.captureRenderTree,assert:oe.assert,warn:oe.warn,debug:oe.debug,deprecate:oe.deprecate,deprecateFunc:oe.deprecateFunc,runInDebug:oe.runInDebug,inspect:oe.inspect,Debug:{registerDeprecationHandler:oe.registerDeprecationHandler,registerWarnHandler:oe.registerWarnHandler,isComputed:l.isComputed},ContainerDebugAdapter:O.default,DataAdapter:T.default,_assertDestroyablesDestroyed:ae.assertDestroyablesDestroyed,_associateDestroyableChild:ae.associateDestroyableChild,_enableDestroyableTracking:ae.enableDestroyableTracking,_isDestroying:ae.isDestroying,_isDestroyed:ae.isDestroyed,_registerDestructor:ae.registerDestructor,_unregisterDestructor:ae.unregisterDestructor,destroy:ae.destroy,Engine:D.default,EngineInstance:L.default,Enumerable:$.default,MutableEnumerable:U.default,Error:x.default,instrument:a.instrument,subscribe:a.subscribe,Instrumentation:{instrument:a.instrument,subscribe:a.subscribe,unsubscribe:a.unsubscribe,reset:a.reset},Object:m.default,_action:m.action,computed:m.computed,defineProperty:m.defineProperty,get:m.get,getProperties:m.getProperties,notifyPropertyChange:m.notifyPropertyChange,observer:m.observer,set:m.set,trySet:m.trySet,setProperties:m.setProperties,cacheFor:g.cacheFor,_dependentKeyCompat:v.dependentKeyCompat,ComputedProperty:b.default,expandProperties:b.expandProperties,CoreObject:B.default,Evented:z.default,on:z.on,addListener:y.addListener,removeListener:y.removeListener,sendEvent:y.sendEvent,Mixin:H.default,mixin:H.mixin,Observable:V.default,addObserver:q.addObserver,removeObserver:q.removeObserver,PromiseProxyMixin:G.default,ObjectProxy:W.default,assign:Y.assign,RouterDSL:re.DSL,controllerFor:re.controllerFor,generateController:re.generateController,generateControllerFactory:re.generateControllerFactory,AutoLocation:Q.default,HashLocation:K.default,HistoryLocation:X.default,Location:J.default,NoneLocation:Z.default,Route:ee.default,Router:te.default,run:R.run,Service:f.default,String:{camelize:p.camelize,capitalize:p.capitalize,classify:p.classify,decamelize:p.decamelize,dasherize:p.dasherize,underscore:p.underscore,w:p.w},compare:ne.compare,isBlank:ne.isBlank,isEmpty:ne.isEmpty,isEqual:ne.isEqual,isNone:ne.isNone,isPresent:ne.isPresent,typeOf:ne.typeOf,VERSION:k.default,ViewUtils:{getChildViews:E.getChildViews,getElementView:E.getElementView,getRootViews:E.getRootViews,getViewBounds:E.getViewBounds,getViewBoundingClientRect:E.getViewBoundingClientRect,getViewClientRects:E.getViewClientRects,getViewElement:E.getViewElement,isSimpleClick:E.isSimpleClick,isSerializationFirstNode:w.isSerializationFirstNode},_getComponentTemplate:se.getComponentTemplate,_helperManagerCapabilities:se.helperCapabilities,_setComponentTemplate:se.setComponentTemplate,_setHelperManager:se.setHelperManager,_setModifierManager:se.setModifierManager,_templateOnlyComponent:ie.templateOnlyComponent,_invokeHelper:ie.invokeHelper,_hash:ie.hash,_array:ie.array,_concat:ie.concat,_get:ie.get,_on:ie.on,_fn:ie.fn,_Backburner:d.default,inject:le,platform:{defineProperty:!0,hasPropertyAccessors:!0},__loader:{require:r.default,define:e,registry:void 0!==requirejs?requirejs.entries:r.default.entries}}
+var ue={isNamespace:!0,toString:()=>"Ember",Container:s.Container,Registry:s.Registry,_setComponentManager:w.setComponentManager,_componentManagerCapabilities:w.componentCapabilities,_modifierManagerCapabilities:w.modifierCapabilities,meta:o.meta,_createCache:l.createCache,_cacheGetValue:l.getValue,_cacheIsConst:l.isConst,_descriptor:l.nativeDescDecorator,_getPath:l._getPath,_setClassicDecorator:l.setClassicDecorator,_tracked:l.tracked,beginPropertyChanges:l.beginPropertyChanges,changeProperties:l.changeProperties,endPropertyChanges:l.endPropertyChanges,hasListeners:l.hasListeners,libraries:l.libraries,_ContainerProxyMixin:_.ContainerProxyMixin,_ProxyMixin:_._ProxyMixin,_RegistryProxyMixin:_.RegistryProxyMixin,ActionHandler:_.ActionHandler,Comparable:_.Comparable,RSVP:_.RSVP,ComponentLookup:E.ComponentLookup,EventDispatcher:E.EventDispatcher,_Cache:i.Cache,GUID_KEY:i.GUID_KEY,canInvoke:i.canInvoke,generateGuid:i.generateGuid,guidFor:i.guidFor,uuid:i.uuid,wrap:i.wrap,getOwner:j.getOwner,onLoad:j.onLoad,runLoadHooks:j.runLoadHooks,setOwner:j.setOwner,Application:j.default,ApplicationInstance:M.default,Namespace:F.default,A:C.A,Array:C.default,NativeArray:C.NativeArray,isArray:C.isArray,makeArray:C.makeArray,MutableArray:S.default,ArrayProxy:A.default,FEATURES:Object.assign({isEnabled:u.isEnabled},u.FEATURES),_Input:N.Input,Component:N.default,Helper:D.default,Controller:h.default,ControllerMixin:h.ControllerMixin,_captureRenderTree:c.captureRenderTree,assert:oe.assert,warn:oe.warn,debug:oe.debug,deprecate:oe.deprecate,deprecateFunc:oe.deprecateFunc,runInDebug:oe.runInDebug,inspect:oe.inspect,Debug:{registerDeprecationHandler:oe.registerDeprecationHandler,registerWarnHandler:oe.registerWarnHandler,isComputed:l.isComputed},ContainerDebugAdapter:O.default,DataAdapter:T.default,_assertDestroyablesDestroyed:ae.assertDestroyablesDestroyed,_associateDestroyableChild:ae.associateDestroyableChild,_enableDestroyableTracking:ae.enableDestroyableTracking,_isDestroying:ae.isDestroying,_isDestroyed:ae.isDestroyed,_registerDestructor:ae.registerDestructor,_unregisterDestructor:ae.unregisterDestructor,destroy:ae.destroy,Engine:I.default,EngineInstance:L.default,Enumerable:$.default,MutableEnumerable:U.default,Error:x.default,instrument:a.instrument,subscribe:a.subscribe,Instrumentation:{instrument:a.instrument,subscribe:a.subscribe,unsubscribe:a.unsubscribe,reset:a.reset},Object:m.default,_action:m.action,computed:m.computed,defineProperty:m.defineProperty,get:m.get,getProperties:m.getProperties,notifyPropertyChange:m.notifyPropertyChange,observer:m.observer,set:m.set,trySet:m.trySet,setProperties:m.setProperties,cacheFor:g.cacheFor,_dependentKeyCompat:v.dependentKeyCompat,ComputedProperty:b.default,expandProperties:b.expandProperties,CoreObject:B.default,Evented:z.default,on:z.on,addListener:y.addListener,removeListener:y.removeListener,sendEvent:y.sendEvent,Mixin:H.default,mixin:H.mixin,Observable:V.default,addObserver:q.addObserver,removeObserver:q.removeObserver,PromiseProxyMixin:G.default,ObjectProxy:W.default,assign:Y.assign,RouterDSL:re.DSL,controllerFor:re.controllerFor,generateController:re.generateController,generateControllerFactory:re.generateControllerFactory,AutoLocation:Q.default,HashLocation:K.default,HistoryLocation:X.default,Location:J.default,NoneLocation:Z.default,Route:ee.default,Router:te.default,run:R.run,Service:f.default,String:{camelize:p.camelize,capitalize:p.capitalize,classify:p.classify,decamelize:p.decamelize,dasherize:p.dasherize,underscore:p.underscore,w:p.w},compare:ne.compare,isBlank:ne.isBlank,isEmpty:ne.isEmpty,isEqual:ne.isEqual,isNone:ne.isNone,isPresent:ne.isPresent,typeOf:ne.typeOf,VERSION:k.default,ViewUtils:{getChildViews:E.getChildViews,getElementView:E.getElementView,getRootViews:E.getRootViews,getViewBounds:E.getViewBounds,getViewBoundingClientRect:E.getViewBoundingClientRect,getViewClientRects:E.getViewClientRects,getViewElement:E.getViewElement,isSimpleClick:E.isSimpleClick,isSerializationFirstNode:w.isSerializationFirstNode},_getComponentTemplate:se.getComponentTemplate,_helperManagerCapabilities:se.helperCapabilities,_setComponentTemplate:se.setComponentTemplate,_setHelperManager:se.setHelperManager,_setModifierManager:se.setModifierManager,_templateOnlyComponent:ie.templateOnlyComponent,_invokeHelper:ie.invokeHelper,_hash:ie.hash,_array:ie.array,_concat:ie.concat,_get:ie.get,_on:ie.on,_fn:ie.fn,_Backburner:d.default,inject:le,platform:{defineProperty:!0,hasPropertyAccessors:!0},__loader:{require:r.default,define:e,registry:void 0!==requirejs?requirejs.entries:r.default.entries}}
 Object.defineProperty(ue,"ENV",{get:n.getENV,enumerable:!1}),Object.defineProperty(ue,"lookup",{get:n.getLookup,set:n.setLookup,enumerable:!1}),Object.defineProperty(ue,"onerror",{get:P.getOnerror,set:P.setOnerror,enumerable:!1}),Object.defineProperty(ue,"testing",{get:oe.isTesting,set:oe.setTesting,enumerable:!1}),Object.defineProperty(ue,"STRINGS",{configurable:!1,get:p._getStrings,set:p._setStrings}),Object.defineProperty(ue,"BOOTED",{configurable:!1,enumerable:!1,get:l.isNamespaceSearchDisabled,set:l.setNamespaceSearchDisabled}),Object.defineProperty(ue,"TEMPLATES",{get:w.getTemplates,set:w.setTemplates,configurable:!1,enumerable:!1}),Object.defineProperty(ue,"String",{enumerable:!0,configurable:!0,get:()=>({camelize:p.camelize,capitalize:p.capitalize,classify:p.classify,dasherize:p.dasherize,decamelize:p.decamelize,underscore:p.underscore,w:p.w,htmlSafe:w.htmlSafe,isHTMLSafe:w.isHTMLSafe})}),Object.defineProperty(ue,"TEMPLATES",{get:w.getTemplates,set:w.setTemplates,configurable:!1,enumerable:!1}),Object.defineProperty(ue,"testing",{get:oe.isTesting,set:oe.setTesting,enumerable:!1}),(0,j.runLoadHooks)("Ember.Application",j.default)
 var ce={template:w.template,Utils:{escapeExpression:w.escapeExpression}},de={template:w.template}
 function he(e){Object.defineProperty(ue,e,{configurable:!0,enumerable:!0,get(){if((0,r.has)("ember-template-compiler")){var t=(0,r.default)("ember-template-compiler")
@@ -3053,7 +3053,7 @@ h(this.routeInfos,(e=>(r[e.name]=e.params||{},!0))),e.resolveIndex=0
 var n=j.bind(null,this,e),i=A.bind(null,this,e)
 return t.Promise.resolve(null,this.promiseLabel("Start transition")).then(n,null,this.promiseLabel("Resolve route")).catch(i,this.promiseLabel("Handle error")).then((()=>this))}}e.TransitionState=F
 class N{constructor(e,t,r,n){this.error=e,this.route=t,this.wasAborted=r,this.state=n}}e.TransitionError=N
-class I extends S{constructor(e,t,r,n=[],i={},s){super(e,s),this.preTransitionState=void 0,this.name=t,this.pivotHandler=r,this.contexts=n,this.queryParams=i}applyToState(e,t){var r=this.router.recognizer.handlersFor(this.name),n=r[r.length-1].handler
+class D extends S{constructor(e,t,r,n=[],i={},s){super(e,s),this.preTransitionState=void 0,this.name=t,this.pivotHandler=r,this.contexts=n,this.queryParams=i}applyToState(e,t){var r=this.router.recognizer.handlersFor(this.name),n=r[r.length-1].handler
 return this.applyToHandlers(e,r,n,t,!1)}applyToHandlers(e,t,r,n,i){var s,a,l=new F,u=this.contexts.slice(0),c=t.length
 if(this.pivotHandler)for(s=0,a=t.length;s<a;++s)if(t[s].handler===this.pivotHandler._internalName){c=s
 break}for(s=t.length-1;s>=0;--s){var d=t[s],h=d.handler,p=e.routeInfos[s],f=null
@@ -3068,12 +3068,12 @@ if(!this.preTransitionState)return n
 var o=this.preTransitionState.routeInfos[s]
 a=null==o?void 0:o.context}return new C(this.router,e,t,a)}createParamHandlerInfo(e,t,r,n){for(var i={},s=t.length,a=[];s--;){var o=n&&e===n.name&&n.params||{},l=r[r.length-1],u=t[s]
 d(l)?i[u]=""+r.pop():o.hasOwnProperty(u)?i[u]=o[u]:a.push(u)}if(a.length>0)throw new Error(`You didn't provide enough string/numeric parameters to satisfy all of the dynamic segments for route ${e}. Missing params: ${a}`)
-return new P(this.router,e,t,i)}}var D=function(){function e(t){var r=Error.call(this,t)
+return new P(this.router,e,t,i)}}var I=function(){function e(t){var r=Error.call(this,t)
 this.name="UnrecognizedURLError",this.message=t||"UnrecognizedURL",Error.captureStackTrace?Error.captureStackTrace(this,e):this.stack=r.stack}return e.prototype=Object.create(Error.prototype),e.prototype.constructor=e,e}()
 class L extends S{constructor(e,t,r){super(e,r),this.url=t,this.preTransitionState=void 0}applyToState(e){var t,r,n=new F,i=this.router.recognizer.recognize(this.url)
-if(!i)throw new D(this.url)
+if(!i)throw new I(this.url)
 var s=!1,a=this.url
-function l(e){if(e&&e.inaccessibleByURL)throw new D(a)
+function l(e){if(e&&e.inaccessibleByURL)throw new I(a)
 return e}for(t=0,r=i.length;t<r;++t){var u=i[t],c=u.handler,d=[]
 this.router.recognizer.hasRoute(c)&&(d=this.router.recognizer.handlersFor(c)[t].names)
 var h=new P(this.router,c,d,u.params),p=h.route
@@ -3104,7 +3104,7 @@ for(var r=0,n=e.length;r<n;++r){if(e[r].name!==t[r].name)return!1
 if(!U(e[r].params,t[r].params))return!1}return!0}(s.routeInfos,i.routeInfos)&&(r.queryParamsOnly=!0),this.toReadOnlyInfos(r,s),this.activeTransition&&this.activeTransition.redirect(r),this.activeTransition=r,r.promise=r.promise.then((e=>this.finalizeTransition(r,e)),null,m("Settle transition promise when transition is finalized")),n||this.notifyExistingHandlers(s,r),this.fireQueryParamDidChange(s,a),r}doTransition(e,t=[],r=!1){var n,i=t[t.length-1],s={}
 if(i&&Object.prototype.hasOwnProperty.call(i,"queryParams")&&(s=t.pop().queryParams),void 0===e){c(this,"Updating query params")
 var{routeInfos:a}=this.state
-n=new I(this,a[a.length-1].name,void 0,[],s)}else"/"===e.charAt(0)?(c(this,"Attempting URL transition to "+e),n=new L(this,e)):(c(this,"Attempting transition to "+e),n=new I(this,e,void 0,t,s))
+n=new D(this,a[a.length-1].name,void 0,[],s)}else"/"===e.charAt(0)?(c(this,"Attempting URL transition to "+e),n=new L(this,e)):(c(this,"Attempting transition to "+e),n=new D(this,e,void 0,t,s))
 return this.transitionByIntent(n,r)}finalizeTransition(e,r){try{c(e.router,e.sequence,"Resolved all models on destination route; finalizing transition.")
 var n=r.routeInfos
 return this.setupContexts(r,e),e.isAborted?(this.state.routeInfos=this.currentRouteInfos,t.Promise.reject(_(e))):(this._updateURL(e,r),e.isActive=!1,this.activeTransition=void 0,this.triggerEvent(this.currentRouteInfos,!0,"didTransition",[]),this.didTransition(this.currentRouteInfos),this.toInfos(e,r.routeInfos,!0),this.routeDidChange(e),c(this,e.sequence,"TRANSITION COMPLETE."),n[n.length-1].route)}catch(a){if("object"!=typeof(s=a)||null===s||"TRANSITION_ABORTED"!==s.code){var i=e[g].routeInfos
@@ -3135,15 +3135,15 @@ for(n=a.length,r=0;r<n&&(i=a[r],(s=e.routeInfos[r])&&i.name===s.name);r++)s.isRe
 this.triggerEvent(a,!0,"willTransition",[t]),this.routeWillChange(t),this.willTransition(a,e.routeInfos,t)}reset(){this.state&&h(this.state.routeInfos.slice().reverse(),(function(e){var t=e.route
 return void 0!==t&&void 0!==t.exit&&t.exit(),!0})),this.oldState=void 0,this.state=new F,this.currentRouteInfos=void 0}handleURL(e){return"/"!==e.charAt(0)&&(e="/"+e),this.doTransition(e).method(null)}transitionTo(e,...t){return"object"==typeof e?(t.push(e),this.doTransition(void 0,t,!1)):this.doTransition(e,t)}intermediateTransitionTo(e,...t){return this.doTransition(e,t,!0)}refresh(e){var t=this.activeTransition,r=t?t[g]:this.state,n=r.routeInfos
 void 0===e&&(e=n[0].route),c(this,"Starting a refresh transition")
-var i=n[n.length-1].name,s=new I(this,i,e,[],this._changedQueryParams||r.queryParams),a=this.transitionByIntent(s,!1)
-return t&&"replace"===t.urlMethod&&a.method(t.urlMethod),a}replaceWith(e){return this.doTransition(e).method("replace")}generate(e,...t){for(var r=l(t),n=r[0],i=r[1],s=new I(this,e,void 0,n).applyToState(this.state,!1),a={},u=0,c=s.routeInfos.length;u<c;++u){o(a,s.routeInfos[u].serialize())}return a.queryParams=i,this.recognizer.generate(e,a)}applyIntent(e,t){var r=new I(this,e,void 0,t),n=this.activeTransition&&this.activeTransition[g]||this.state
+var i=n[n.length-1].name,s=new D(this,i,e,[],this._changedQueryParams||r.queryParams),a=this.transitionByIntent(s,!1)
+return t&&"replace"===t.urlMethod&&a.method(t.urlMethod),a}replaceWith(e){return this.doTransition(e).method("replace")}generate(e,...t){for(var r=l(t),n=r[0],i=r[1],s=new D(this,e,void 0,n).applyToState(this.state,!1),a={},u=0,c=s.routeInfos.length;u<c;++u){o(a,s.routeInfos[u].serialize())}return a.queryParams=i,this.recognizer.generate(e,a)}applyIntent(e,t){var r=new D(this,e,void 0,t),n=this.activeTransition&&this.activeTransition[g]||this.state
 return r.applyToState(n,!1)}isActiveIntent(e,t,r,n){var i,s=n||this.state,a=s.routeInfos
 if(!a.length)return!1
 var l=a[a.length-1].name,u=this.recognizer.handlersFor(l),c=0
 for(i=u.length;c<i&&a[c].name!==e;++c);if(c===u.length)return!1
 var d=new F
 d.routeInfos=a.slice(0,c+1),u=u.slice(0,c+1)
-var h=$(new I(this,l,void 0,t).applyToHandlers(d,u,l,!0,!0).routeInfos,d.routeInfos)
+var h=$(new D(this,l,void 0,t).applyToHandlers(d,u,l,!0,!0).routeInfos,d.routeInfos)
 if(!r||!h)return h
 var f={}
 o(f,r)
@@ -3152,7 +3152,7 @@ for(var g in m)m.hasOwnProperty(g)&&f.hasOwnProperty(g)&&(f[g]=m[g])
 return h&&!p(f,r)}isActive(e,...t){var[r,n]=l(t)
 return this.isActiveIntent(e,r,n)}trigger(e,...t){this.triggerEvent(this.currentRouteInfos,!1,e,t)}}})),e("rsvp",["exports"],(function(e){"use strict"
 function r(e){var t=e._promiseCallbacks
-return t||(t=e._promiseCallbacks={}),t}Object.defineProperty(e,"__esModule",{value:!0}),e.Promise=e.EventTarget=void 0,e.all=S,e.allSettled=j,e.asap=Q,e.cast=e.async=void 0,e.configure=s,e.default=void 0,e.defer=$,e.denodeify=P,e.filter=W,e.hash=N,e.hashSettled=D,e.map=B,e.off=fe,e.on=pe,e.race=M,e.reject=H,e.resolve=z,e.rethrow=L
+return t||(t=e._promiseCallbacks={}),t}Object.defineProperty(e,"__esModule",{value:!0}),e.Promise=e.EventTarget=void 0,e.all=S,e.allSettled=j,e.asap=Q,e.cast=e.async=void 0,e.configure=s,e.default=void 0,e.defer=$,e.denodeify=P,e.filter=W,e.hash=N,e.hashSettled=I,e.map=B,e.off=fe,e.on=pe,e.race=M,e.reject=H,e.resolve=z,e.rethrow=L
 var n=e.EventTarget={mixin(e){return e.on=this.on,e.off=this.off,e.trigger=this.trigger,e._promiseCallbacks=void 0,e},on(e,t){if("function"!=typeof t)throw new TypeError("Callback must be a function")
 var n=r(this),i=n[e]
 i||(i=n[e]=[]),-1===i.indexOf(t)&&i.push(t)},off(e,t){var n=r(this)
@@ -3211,9 +3211,9 @@ class F extends k{constructor(e,t,r=!0,n){super(e,t,r,n)}_init(e,t){this._result
 this._remaining=i
 for(var a=0;s._state===c&&a<i;a++)r=e[t=n[a]],this._eachEntry(r,t,!0)
 this._checkFullfillment()}}function N(e,t){return x.resolve(e,t).then((function(e){if(null===e||"object"!=typeof e)throw new TypeError("Promise.hash must be called with an object")
-return new F(x,e,t).promise}))}class I extends F{constructor(e,t,r){super(e,t,!1,r)}}function D(e,t){return x.resolve(e,t).then((function(e){if(null===e||"object"!=typeof e)throw new TypeError("hashSettled must be called with an object")
-return new I(x,e,!1,t).promise}))}function L(e){throw setTimeout((()=>{throw e})),e}function $(e){var t={resolve:void 0,reject:void 0}
-return t.promise=new x(((e,r)=>{t.resolve=e,t.reject=r}),e),t}I.prototype._setResultAt=E
+return new F(x,e,t).promise}))}class D extends F{constructor(e,t,r){super(e,t,!1,r)}}function I(e,t){return x.resolve(e,t).then((function(e){if(null===e||"object"!=typeof e)throw new TypeError("hashSettled must be called with an object")
+return new D(x,e,!1,t).promise}))}function L(e){throw setTimeout((()=>{throw e})),e}function $(e){var t={resolve:void 0,reject:void 0}
+return t.promise=new x(((e,r)=>{t.resolve=e,t.reject=r}),e),t}D.prototype._setResultAt=E
 class U extends k{constructor(e,t,r,n){super(e,t,!0,n,r)}_init(e,t,r,n,i){var s=t.length||0
 this.length=s,this._remaining=s,this._result=new Array(s),this._mapFn=i,this._enumerate(t)}_setResultAt(e,t,r,n){if(n)try{this._eachEntry(this._mapFn(r,t),t,!1)}catch(i){this._settledAt(h,t,i,!1)}else this._remaining--,this._result[t]=r}}function B(e,t,r){return"function"!=typeof t?x.reject(new TypeError("map expects a function as a second argument"),r):x.resolve(e,r).then((function(e){if(!Array.isArray(e))throw new TypeError("map must be called with an array")
 return new U(x,e,t,r).promise}))}function z(e,t){return x.resolve(e,t)}function H(e,t){return x.reject(e,t)}var V={}
@@ -3228,7 +3228,7 @@ function ce(){for(var e=0;e<Y;e+=2){(0,ue[e])(ue[e+1]),ue[e]=void 0,ue[e+1]=void
 return void 0!==(G=e.runOnLoop||e.runOnContext)?function(){G(ce)}:te()}catch(t){return te()}}():te(),i.async=Q,i.after=e=>setTimeout(e,0)
 var de=e.cast=z,he=(e,t)=>i.async(e,t)
 function pe(){i.on(...arguments)}function fe(){i.off(...arguments)}if(e.async=he,"undefined"!=typeof window&&"object"==typeof window.__PROMISE_INSTRUMENTATION__){var me=window.__PROMISE_INSTRUMENTATION__
-for(var ge in s("instrument",!0),me)me.hasOwnProperty(ge)&&pe(ge,me[ge])}var ve={asap:Q,cast:de,Promise:x,EventTarget:n,all:S,allSettled:j,race:M,hash:N,hashSettled:D,rethrow:L,defer:$,denodeify:P,configure:s,on:pe,off:fe,resolve:z,reject:H,map:B,async:he,filter:W}
+for(var ge in s("instrument",!0),me)me.hasOwnProperty(ge)&&pe(ge,me[ge])}var ve={asap:Q,cast:de,Promise:x,EventTarget:n,all:S,allSettled:j,race:M,hash:N,hashSettled:I,rethrow:L,defer:$,denodeify:P,configure:s,on:pe,off:fe,resolve:z,reject:H,map:B,async:he,filter:W}
 e.default=ve})),t("@ember/-internals/bootstrap")}(),function(){if("undefined"==typeof FastBoot){var e=document.getElementById("fastboot-body-start"),t=require.has("ember")?require("ember").default:Ember
 if(e&&"function"==typeof t.ViewUtils.isSerializationFirstNode&&t.ViewUtils.isSerializationFirstNode(e.nextSibling)){t.ApplicationInstance.reopen({_bootSync:function(e){return void 0===e&&(e={_renderMode:"rehydrate"}),this._super(e)}}),e.parentNode.removeChild(e)
 var r=document.getElementById("fastboot-body-end")
@@ -3369,8 +3369,8 @@ R=T.index
 var A=T[0],j=O.slice(0,R),M=O.slice(R+A.length),F=E+O.length
 d&&F>d.reach&&(d.reach=F)
 var N=k.prev
-if(j&&(N=u(t,N,j),E+=j.length),c(t,N,x),k=u(t,N,new s(h,g?i.tokenize(A,g):A,y,A)),M&&u(t,k,M),x>1){var I={cause:h+","+f,reach:F}
-o(e,t,r,k.prev,E,I),d&&I.reach>d.reach&&(d.reach=I.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null}
+if(j&&(N=u(t,N,j),E+=j.length),c(t,N,x),k=u(t,N,new s(h,g?i.tokenize(A,g):A,y,A)),M&&u(t,k,M),x>1){var D={cause:h+","+f,reach:F}
+o(e,t,r,k.prev,E,D),d&&D.reach>d.reach&&(d.reach=D.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null}
 e.next=t,this.head=e,this.tail=t,this.length=0}function u(e,t,r){var n=t.next,i={value:r,prev:t,next:n}
 return t.next=i,n.prev=i,e.length++,i}function c(e,t,r){for(var n=t.next,i=0;i<r&&n!==e.tail;i++)n=n.next
 t.next=n,n.prev=t,e.length-=i}if(e.Prism=i,s.stringify=function e(t,r){if("string"==typeof t)return t
@@ -3606,7 +3606,7 @@ Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0
 e.default=(0,t.helper)((function([e],{unindent:t=!0}){return(0,r.getCodeSnippet)(e,t)}))})),define("ember-code-snippet/index",["exports","ember-code-snippet/-private/get-snippet"],(function(e,t){"use strict"
 Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"getCodeSnippet",{enumerable:!0,get:function(){return t.default}})})),define("ember-code-snippet/snippets",["exports"],(function(e){"use strict"
 Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0
-e.default={"ajax-throttling.js":"function loopingAjaxTask(id, color) {\n  return function* () {\n    while (true) {\n      this.log(color, `Task ${id}: making AJAX request`);\n      yield this.ajaxTask.perform();\n      this.log(color, `Task ${id}: Done, sleeping.`);\n      yield timeout(2000);\n    }\n  };\n}\n\nexport default class AjaxThrottlingExampleComponent extends Component {\n  tagName = '';\n  @tracked logs = [];\n\n  ajaxTask = enqueueTask({ maxConcurrency: 3 }, async () => {\n    // simulate slow AJAX\n    await timeout(2000 + 2000 * Math.random());\n    return {};\n  });\n\n  @task({ on: 'init' }) task0 = loopingAjaxTask(0, '#0000FF');\n  @task({ on: 'init' }) task1 = loopingAjaxTask(1, '#8A2BE2');\n  @task({ on: 'init' }) task2 = loopingAjaxTask(2, '#A52A2A');\n  @task({ on: 'init' }) task3 = loopingAjaxTask(3, '#DC143C');\n  @task({ on: 'init' }) task4 = loopingAjaxTask(4, '#20B2AA');\n  @task({ on: 'init' }) task5 = loopingAjaxTask(5, '#FF1493');\n  @task({ on: 'init' }) task6 = loopingAjaxTask(6, '#228B22');\n  @task({ on: 'init' }) task7 = loopingAjaxTask(7, '#DAA520');\n\n  log(color, message) {\n    this.logs = [...this.logs, { color, message }].slice(-7);\n  }\n}","ask-button.hbs":'  <button\n    class={{if this.askQuestion.isIdle "button-primary"}}\n    {{on "click" this.askQuestion.perform}}\n    type="button"\n  >\n    {{#if this.askQuestion.isIdle}}\n      Ask\n    {{else}}\n      Thinking...\n      <LoadingSpinner />\n    {{/if}}\n  </button>',"babel-transform-config.js":"// in app ember-cli-build.js\n\nconst app = new EmberApp(defaults, {\n  // ...\n  babel: {\n    plugins: [\n      // ... any other plugins\n      require.resolve(\"ember-concurrency/async-arrow-task-transform\"),\n\n      // NOTE: put any code coverage plugins last, after the transform.\n    ],\n  }\n});\n\n// in V1 addon index.js\n\n// ...\noptions: {\n  babel: {\n    plugins: [\n      require.resolve('ember-concurrency/async-arrow-task-transform'),\n    ],\n  },\n},\n","better-syntax-1.hbs":'  <button {{on "click" this.findStores}} type="button">\n    Find Nearby Stores\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}} miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-1.js":"import { action } from '@ember/object';\n\nexport default class Tutorial0 extends TutorialComponent {\n  @tracked result = null;\n\n  @action\n  async findStores() {\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    let coords = await geolocation.getCoords();\n    let result = await store.getNearbyStores(coords);\n\n    this.result = result;\n  }\n}","better-syntax-10.hbs":'  <button {{on "click" this.findStores.perform}} type="button">\n    Find Nearby Stores\n    {{#if this.findStores.isRunning}}\n      <LoadingSpinner />\n    {{/if}}\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}}\n        miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-10.js":"import { task } from 'ember-concurrency';\n\nexport default class Tutorial9 extends TutorialComponent {\n  @tracked result = null;\n\n  findStores = task({ drop: true }, async () => {\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    let coords = await geolocation.getCoords();\n    let result = await store.getNearbyStores(coords);\n    this.result = result;\n  });\n}","better-syntax-2.hbs":'  <button {{on "click" this.findStores}} type="button">\n    Find Nearby Stores\n    {{#if this.isFindingStores}}\n      {{! ++ }}\n      <LoadingSpinner />\n    {{/if}}\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}} miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-2.js":"import { action } from '@ember/object';\n\nexport default class Tutorial1 extends TutorialComponent {\n  @tracked result = null;\n  @tracked isFindingStores = false; // ++\n\n  @action\n  async findStores() {\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    this.isFindingStores = true; // ++\n\n    let coords = await geolocation.getCoords();\n    let result = await store.getNearbyStores(coords);\n\n    this.result = result;\n    this.isFindingStores = false; // ++\n  }\n}","better-syntax-3.hbs":'  <button {{on "click" this.findStores}} type="button">\n    Find Nearby Stores\n    {{#if this.isFindingStores}}\n      <LoadingSpinner />\n    {{/if}}\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}} miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-3.js":"import { action } from '@ember/object';\n\nexport default class Tutorial2 extends TutorialComponent {\n  @tracked result = null;\n  @tracked isFindingStores = false;\n\n  @action\n  async findStores() {\n    if (this.isFindingStores) {\n      return;\n    } // ++\n\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    this.isFindingStores = true;\n\n    let coords = await geolocation.getCoords();\n    let result = await store.getNearbyStores(coords);\n\n    this.result = result;\n    this.isFindingStores = false;\n  }\n}","better-syntax-4.hbs":'  <button {{on "click" this.findStores}} type="button">\n    Find Nearby Stores\n    {{#if this.isFindingStores}}\n      <LoadingSpinner />\n    {{/if}}\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}} miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-4.js":"import { action } from '@ember/object';\n\nexport default class Tutorial3 extends TutorialComponent {\n  @tracked result = null;\n  @tracked isFindingStores = false;\n\n  @action\n  async findStores() {\n    if (this.isFindingStores) {\n      return;\n    }\n\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    this.isFindingStores = true;\n\n    let coords = await geolocation.getCoords();\n    let result = await store.getNearbyStores(coords);\n\n    if (this.isDestroyed) {\n      return;\n    } // ++\n\n    this.result = result;\n    this.isFindingStores = false;\n  }\n}","better-syntax-5.hbs":'  <button {{on "click" this.findStores}} type="button">\n    Find Nearby Stores\n    {{#if this.isFindingStores}}\n      <LoadingSpinner />\n    {{/if}}\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}} miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-5.js":"import { action } from '@ember/object';\n\nexport default class Tutorial4 extends TutorialComponent {\n  @tracked result = null;\n  @tracked isFindingStores = false;\n\n  @action\n  async findStores() {\n    if (this.isFindingStores) {\n      return;\n    }\n\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    this.isFindingStores = true;\n\n    try {\n      // ++\n      let coords = await geolocation.getCoords();\n      let result = await store.getNearbyStores(coords);\n\n      if (this.isDestroyed) {\n        return;\n      }\n\n      this.result = result;\n    } finally {\n      // ++\n      if (!this.isDestroyed) {\n        // ++\n        this.isFindingStores = false; // ++\n      } // ++\n    } // ++\n  }\n}","better-syntax-6.hbs":'  <button {{on "click" this.findStores}} type="button">\n    Find Nearby Stores\n    {{#if this.isFindingStores}}\n      <LoadingSpinner />\n    {{/if}}\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}} miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-6.js":"import { action } from '@ember/object';\n\nexport default class Tutorial5 extends TutorialComponent {\n  @tracked result = null;\n  @tracked isFindingStores = false;\n\n  @action\n  async findStores() {\n    if (this.isFindingStores) {\n      return;\n    }\n\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    this.isFindingStores = true;\n\n    try {\n      let coords = await geolocation.getCoords();\n      let result = await store.getNearbyStores(coords);\n\n      if (this.isDestroyed) {\n        return;\n      }\n\n      this.result = result;\n    } finally {\n      if (!this.isDestroyed) {\n        this.isFindingStores = false;\n      }\n    }\n  }\n}","better-syntax-7.hbs":'  <button {{on "click" this.findStores.perform}} type="button">\n    {{! ++ }}\n    Find Nearby Stores\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}}\n        miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-7.js":"import { task } from 'ember-concurrency';\n\nexport default class Tutorial6 extends TutorialComponent {\n  @tracked result = null;\n\n  findStores = task(async () => {\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    let coords = await geolocation.getCoords();\n    let result = await store.getNearbyStores(coords);\n    this.result = result;\n  });\n}","better-syntax-8.hbs":'  <button {{on "click" this.findStores.perform}} type="button">\n    Find Nearby Stores\n    {{#if this.findStores.isRunning}}\n      {{! ++ }}\n      <LoadingSpinner />\n    {{/if}}\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}}\n        miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-8.js":"import { task } from 'ember-concurrency';\n\nexport default class Tutorial7 extends TutorialComponent {\n  @tracked result = null;\n\n  findStores = task(async () => {\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    let coords = await geolocation.getCoords();\n    let result = await store.getNearbyStores(coords);\n    this.result = result;\n  });\n}","better-syntax-9.hbs":'  <button {{on "click" this.findStores.perform}} type="button">\n    Find Nearby Stores\n    {{#if this.findStores.isRunning}}\n      <LoadingSpinner />\n    {{/if}}\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}}\n        miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-9.js":"import { task } from 'ember-concurrency';\n\nexport default class Tutorial8 extends TutorialComponent {\n  @tracked result = null;\n\n  findStores = task({ drop: true }, async () => {\n    // ++\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    let coords = await geolocation.getCoords();\n    let result = await store.getNearbyStores(coords);\n    this.result = result;\n  });\n}","cancelation-template.hbs":'<h5>Running tasks: {{this.count}}</h5>\n\n<button type="button" {{on "click" this.performTask}}>Perform Task</button>\n{{#if this.count}}\n  <button type="button" {{on "click" this.cancelAll}}>Cancel All</button>\n{{/if}}\n{{#if this.mostRecent.isRunning}}\n  <button type="button" {{on "click" this.cancelMostRecent}}>Cancel Most Recent</button>\n{{/if}}',"cancelation.js":"export default class CancelationController extends Controller {\n  @tracked count = 0;\n  @tracked mostRecent = null;\n\n  myTask = task(async () => {\n    try {\n      this.count += 1;\n      await forever;\n    } finally {\n      // finally blocks always get called,\n      // even when the task is being canceled\n      this.decrementProperty('count');\n      this.count -= 1;\n    }\n  });\n\n  @action\n  performTask() {\n    let task = this.myTask;\n    let taskInstance = task.perform();\n    this.mostRecent = taskInstance;\n  }\n\n  @action\n  cancelAll() {\n    this.myTask.cancelAll();\n  }\n\n  @action\n  cancelMostRecent() {\n    this.mostRecent.cancel();\n  }\n}","caps-marquee.js":"  marqueeLoop = task({ on: 'init' }, async () => {\n    let text = this.text;\n    while (true) {\n      this.formattedText = text;\n      await timeout(1500);\n      for (let i = 0; i < text.length; ++i) {\n        this.formattedText = capitalizeAt(text, i);\n        await timeout(50);\n      }\n    }\n  });","child-tasks-template.hbs":'<h5>{{this.status}}</h5>\n\n<ul>\n  <li>Parent Task: {{this.parentTask.state}}</li>\n  <li>Child Task: {{this.childTask.state}}</li>\n  <li>Grandchild Task: {{this.grandchildTask.state}}</li>\n</ul>\n\n<button {{on "click" this.parentTask.perform}} type="button">\n  {{#if this.parentTask.isRunning}}\n    Restart Parent Task\n  {{else}}\n    Perform Parent Task\n  {{/if}}\n</button>',"child-tasks.js":"export default class ChildTasksController extends Controller {\n  @tracked status = 'Waiting to start';\n\n  parentTask = restartableTask(async () => {\n    this.status = '1. Parent: one moment...';\n    await timeout(1000);\n    let value = await this.childTask.perform();\n    this.status = `5. Parent: child says \"${value}\"`;\n    await timeout(1000);\n    this.status = '6. Done!';\n  });\n\n  childTask = task(async () => {\n    this.status = '2. Child: one moment...';\n    await timeout(1000);\n    let value = await this.grandchildTask.perform();\n    this.status = `4. Child: grandchild says \"${value}\"`;\n    await timeout(1000);\n    return \"What's up\";\n  });\n\n  grandchildTask = task(async () => {\n    this.status = '3. Grandchild: one moment...';\n    await timeout(1000);\n    return 'Hello';\n  });\n}","completion-state-controller.js":"export default class DerivedStateController extends Controller {\n  @task doStuff = sharedFn;\n  @task({ drop: true }) doStuffDrop = sharedFn;\n  @task({ enqueue: true }) doStuffEnqueue = sharedFn;\n  @task({ restartable: true }) doStuffRestartable = sharedFn;\n\n  showLessCommon = false;\n\n  tasks = ['doStuff', 'doStuffDrop', 'doStuffEnqueue', 'doStuffRestartable'];\n\n  @computed(\n    'commonTaskProperties',\n    'lessCommonTaskProperties',\n    'showLessCommon',\n  )\n  get taskProperties() {\n    return [\n      ...this.commonTaskProperties,\n      ...(this.showLessCommon ? this.lessCommonTaskProperties : []),\n    ];\n  }\n\n  commonTaskProperties = ['last', 'lastSuccessful', 'lastErrored'];\n\n  lessCommonTaskProperties = [\n    'lastComplete',\n    'lastPerformed',\n    'lastIncomplete',\n    'lastCanceled',\n  ];\n\n  @action\n  performAll() {}\n}","count-up.js":"  countUp = task({ on: 'init' }, async () => {\n    while (true) {\n      this.incrementProperty('count');\n      await timeout(100);\n    }\n  });","debounced-search-with-cancelation-template.hbs":'  <label>\n    Search GitHub...\n\n    <input\n      type="text"\n      {{on "input" this.searchRepo.perform}}\n      placeholder="e.g. machty/ember-concurrency"\n    />\n  </label>\n\n  {{#if this.searchRepo.isRunning}}\n    <LoadingSpinner />\n  {{/if}}\n\n  <ul>\n    {{#each this.searchRepo.lastSuccessful.value as |repo|}}\n      <li>{{repo.full_name}}</li>\n    {{/each}}\n  </ul>',"debounced-search-with-cancelation.js":"const DEBOUNCE_MS = 250;\nexport default class AutocompleteController extends Controller {\n  searchRepo = restartableTask(async (event) => {\n    const term = event.target.value;\n\n    if (isBlank(term)) {\n      return [];\n    }\n\n    // Pause here for DEBOUNCE_MS milliseconds. Because this\n    // task is `restartable`, if the user starts typing again,\n    // the current search will be canceled at this point and\n    // start over from the beginning. This is the\n    // ember-concurrency way of debouncing a task.\n    await timeout(DEBOUNCE_MS);\n\n    let url = `https://api.github.com/search/repositories?q=${term}`;\n\n    // We yield an AJAX request and wait for it to complete. If the task\n    // is restarted before this request completes, the XHR request\n    // is aborted (open the inspector and see for yourself :)\n    let json = await this.getJSON.perform(url);\n    return json.items.slice(0, 10);\n  });\n\n  getJSON = task(async (url) => {\n    let controller = new AbortController();\n    let signal = controller.signal;\n\n    try {\n      let response = await fetch(url, { signal });\n      let result = await response.json();\n      return result;\n\n      // NOTE: could also write this as\n      // return yield fetch(url, { signal }).then((response) => response.json());\n      //\n      // either way, the important thing is to yield before returning\n      // so that the `finally` block doesn't run until after the\n      // promise resolves (or the task is canceled).\n    } finally {\n      controller.abort();\n    }\n  });\n}","detail-route.js":"export default class RouteTasksDetailRoute extends Route {\n  @service notifications;\n\n  setupController(controller, model) {\n    super.setupController(...arguments);\n\n    this.pollServerForChanges.perform(model.id);\n  }\n\n  resetController() {\n    super.resetController(...arguments);\n    this.pollServerForChanges.cancelAll();\n  }\n\n  pollServerForChanges = restartableTask(async (id) => {\n    let notifications = this.notifications;\n    await timeout(500);\n    try {\n      notifications.info(`Thing ${id}: Starting to poll for changes`);\n      while (true) {\n        await timeout(5000);\n        notifications.info(`Thing ${id}: Polling now...`);\n      }\n    } finally {\n      notifications.warning(`Thing ${id}: No longer polling for changes`);\n    }\n  });\n}","ember-install.sh":"ember install ember-concurrency\n","encapsulated-task-controller.js":"import { task, timeout } from 'ember-concurrency';\n\nexport default class EncapsulatedTaskController extends Controller {\n  @task({ enqueue: true }) uploadFile = {\n    progress: 0,\n    url: null,\n\n    stateText: computed('progress', function () {\n      let progress = this.progress;\n      if (progress < 49) {\n        return 'Just started...';\n      } else if (progress < 100) {\n        return 'Halfway there...';\n      } else {\n        return 'Done!';\n      }\n    }),\n\n    *perform(makeUrl) {\n      this.set('url', makeUrl());\n\n      while (this.progress < 100) {\n        yield timeout(200);\n        let newProgress = this.progress + Math.floor(Math.random() * 6) + 5;\n        this.set('progress', Math.min(100, newProgress));\n      }\n\n      return '(upload result data)';\n    },\n  };\n\n  makeRandomUrl() {\n    return `https://www.${randomWord()}.edu`;\n  }\n}","encapsulated-task.js":"import { task } from 'ember-concurrency';\n\nexport default class EncapsulatedTaskComponent extends Component {\n  outerFoo = 123;\n\n  regularTask = task(async value => {\n    // this is a classic/regular ember-concurrency task,\n    // which has direct access to the host object that it\n    // lives on via `this`\n    console.log(this.outerFoo); // => 123\n    await doSomeAsync();\n    this.set('outerFoo', value);\n  });\n\n  @task encapsulatedTask = {\n    innerFoo: 456,\n\n    // this `*perform() {}` syntax is valid JavaScript shorthand\n    // syntax for `perform: function * () {}`\n\n    *perform(value) {\n      // this is an encapulated task. It does NOT have\n      // direct access to the host object it lives on, but rather\n      // only the properties defined within the POJO passed\n      // to the `task()` constructor.\n      console.log(this.innerFoo); // => 456\n\n      // `this` is the currently executing TaskInstance, so\n      // you can also get classic TaskInstance properties\n      // provided by ember-concurrency.\n      console.log(this.isRunning); // => true\n\n      yield doSomeAsync();\n      this.set('innerFoo', value);\n    },\n  }\n}\n","error-vs-cancelation-template.hbs":'<button {{on "click" (fn this.myTask.perform false)}} type="button">\n  Run to Completion\n</button>\n\n<button {{on "click" (fn this.myTask.perform true)}} type="button">\n  Throw an Error\n</button>\n\n<ul>\n  <li>Task State: {{this.myTask.state}}</li>\n  <li>Completions: {{this.numCompletions}}</li>\n  <li>Errors: {{this.numErrors}}</li>\n  <li>Finally block runs: {{this.numFinallys}}</li>\n</ul>\n',"error-vs-cancelation.js":"export default class ErrorVsCancelationController extends Controller {\n  numCompletions = 0;\n  numErrors = 0;\n  numFinallys = 0;\n\n  myTask = restartableTask(async (doError) => {\n    try {\n      await timeout(1000);\n      if (doError) {\n        throw new Error('Boom');\n      }\n    } catch (e) {\n      this.incrementProperty('numErrors');\n    } finally {\n      this.incrementProperty('numFinallys');\n    }\n    this.incrementProperty('numCompletions');\n  });\n}","increment-button-task.js":"export default class IncrementButtonsController extends Controller {\n  count = 0;\n\n  incrementBy = task(async (inc) => {\n    let speed = 400;\n    while (true) {\n      this.incrementProperty('count', inc);\n      await timeout(speed);\n      speed = Math.max(50, speed * 0.8);\n    }\n  });\n}","increment-button.hbs":'<button\n  {{! template-lint-disable no-pointer-down-event-binding }}\n  {{on "touchstart" @press}}\n  {{on "mousedown" @press}}\n  {{on "touchend" @release}}\n  {{on "mouseleave" @release}}\n  {{on "mouseup" @release}}\n  type="button">\n  {{yield}}\n</button>',"increment-button.js":"export default class PressAndHoldButtonComponent extends Component {\n  tagName = '';\n}","joining-tasks-template.hbs":'<p>\n  <button\n    {{on "click" (fn this.parent.perform "all")}}\n    type="button"\n  >all()</button>\n  <button\n    {{on "click" (fn this.parent.perform "race")}}\n    type="button"\n  >race()</button>\n</p>',"joining-tasks.js":"import { task, timeout, all, race } from 'ember-concurrency';\nimport { tracked } from '@glimmer/tracking';\nconst methods = { all, race };\n\nexport default class JoiningTasksController extends Controller {\n  @tracked childTasks = null;\n  @tracked colors = ['#ff8888', '#88ff88', '#8888ff'];\n  @tracked status = 'Waiting...';\n  @tracked id = null;\n  @tracked percent = null;\n\n  parent = task({ restartable: true }, async (methodName) => {\n    let allOrRace = methods[methodName];\n    let childTasks = [];\n\n    for (let id = 0; id < 5; ++id) {\n      childTasks.push(this.child.perform(id));\n    }\n\n    this.childTasks = childTasks;\n    this.status = 'Waiting for child tasks to complete...';\n    let words = await allOrRace(childTasks);\n    this.status = `Done: ${makeArray(words).join(', ')}`;\n  });\n\n  @task({ enqueue: true, maxConcurrency: 3 })\n  child = {\n    percent: 0,\n    id: null,\n\n    *perform(id) {\n      this.id = id;\n      while (this.percent < 100) {\n        yield timeout(Math.random() * 100 + 100);\n        let newPercent = Math.min(\n          100,\n          Math.floor(this.percent + Math.random() * 20),\n        );\n        this.percent = newPercent;\n      }\n      return randomWord();\n    },\n  };\n}","last-value-decorator.js":"import Component from '@ember/component';\nimport { task } from 'ember-concurrency';\nimport { lastValue } from 'ember-concurrency';\n\nexport default class ExampleComponent extends Component {\n  someTask = task(async () => {\n    // ...\n  });\n\n  @lastValue('someTask')\n  someTaskValue;\n\n  @lastValue('someTask')\n  someTaskValueWithDefault = 'A default value';\n}\n","loading-ui-controller.js":"export default class LoadingUIController extends Controller {\n  @tracked result = null;\n\n  askQuestion = dropTask(async () => {\n    await timeout(1000);\n    this.result = Math.random();\n  });\n}","poll-loop-break-1.js":"  pollForChanges = task(async () => {\n    while(true) {\n      await pollServerForChanges();\n      if (Ember.testing) { return; }\n      await timeout(5000);\n    }\n  })\n","poll-loop-classic.js":"  async pollForChanges() {\n    if (this.isDestroyed) { return; }\n    await pollServerForChanges();\n    run.later(this, 'pollForChanges', 5000);\n  }\n","poll-loop.js":"  pollForChanges = task(async () => {\n    while(true) {\n      yield pollServerForChanges();\n      yield timeout(5000);\n    }\n  })\n","press-and-hold-buttons.hbs":"<p>\n  <PressAndHoldButton\n    @press={{perform this.incrementBy -1}}\n    @release={{cancel-all this.incrementBy}}\n  >\n    --Decrease\n  </PressAndHoldButton>\n\n  <PressAndHoldButton\n    @press={{perform this.incrementBy 1}}\n    @release={{cancel-all this.incrementBy}}\n  >\n    Increase++\n  </PressAndHoldButton>\n</p>","scrambled-text.js":"  startScrambling = task({ on: 'init' }, async () => {\n    let text = this.text;\n    while (true) {\n      let pauseTime = 140;\n      while (pauseTime > 5) {\n        this.scrambledText = scramble(text);\n        await timeout(pauseTime);\n        pauseTime = pauseTime * 0.95;\n      }\n      this.scrambledText = text;\n      await timeout(1500);\n    }\n  });","shared-tasks-concurrent.js":"  restartableTask3 = task({ maxConcurrency: 3, restartable: true }, async (t) => { ... }\n  enqueuedTask3 = task({ maxConcurrency: 3, enqueue: true }, async (t) => { ... }\n  droppingTask3 = task({ maxConcurrency: 3, drop: true }, async (t) => { ... }\n  keepLatestTask3 = task({ maxConcurrency: 3, keepLatest: true }, async (t) => { ... }","shared-tasks.js":"  defaultTask = task(async (t) => { ... });\n  restartableTask = task({ restartable: true }, async (t) => { ... }\n  enqueuedTask = task({ enqueue: true }, async (t) => { ... }\n  droppingTask = task({ drop: true }, async (t) => { ... }\n  keepLatestTask = task({ keepLatest: true }, async (t) => { ... }","task-cancelation-example-1.js":"import Component from '@ember/component';\nimport { action } from '@ember/object';\nimport { tracked } from '@glimmer/tracking';\nimport { task, timeout } from 'ember-concurrency';\n\nexport default class TaskCancelationExampleComponent extends Component {\n  @tracked results = null;\n\n  queryServer = task(async () => {\n    await timeout(10000);\n    return 123;\n  });\n\n  @action\n  async fetchResults() {\n    let results = await this.queryServer.perform();\n    this.results = results;\n  }\n}\n","task-cancelation-example-2.js":"import Component from '@ember/component';\nimport { action } from '@ember/object';\nimport { tracked } from '@glimmer/tracking';\nimport { didCancel, task, timeout } from 'ember-concurrency';\n\nexport default class TaskCancelationExampleComponent extends Component {\n  @tracked results = null;\n\n  queryServer = task(async () => {\n    await timeout(10000);\n    return 123;\n  });\n\n  @action\n  async fetchResults() {\n    try {\n      let results = await this.queryServer.perform();\n      this.results = results;\n    } catch (e) {\n      if (!didCancel(e)) {\n        // re-throw the non-cancelation error\n        throw e;\n      }\n    }\n  }\n}\n","task-cancelation-example-3.js":"import Component from '@ember/component';\nimport { tracked } from '@glimmer/tracking';\nimport { task, timeout } from 'ember-concurrency';\n\nexport default class TaskCancelationExampleComponent extends Component {\n  @tracked results = null;\n\n  queryServer = task(async () => {\n    await timeout(10000);\n    return 123;\n  });\n\n  fetchResults = task(async () => {\n    let results = await this.queryServer.perform();\n    this.results = results;\n  });\n}\n","task-decorators-1.js":"import Component from '@ember/component';\nimport { task } from 'ember-concurrency';\n\nexport default class ExampleComponent extends Component {\n  doStuff = task(async () => {\n    // ...\n  });\n\n  // and then elsewhere\n  executeTheTask() {\n    // `doStuff` is still a `Task` object that can be `.perform()`ed\n    this.doStuff.perform();\n    console.log(this.doStuff.isRunning);\n  }\n}\n","task-decorators-2.js":"@task({\n  maxConcurrency: 3,\n  restartable: true\n})\n*doStuff() {\n  // ...\n}\n","task-decorators-3.js":"@task({ on: 'didInsertElement' })\n*doStuff() {\n  // ...\n}\n","task-decorators-4.js":"@restartableTask({ maxConcurrency: 3 })\n*doStuff() {\n  // ...\n}\n","task-decorators-5.js":"import Component from '@ember/component';\nimport { task } from 'ember-concurrency';\n\nexport default class ExampleComponent extends Component {\n  @task\n  doStuff = {\n    privateState: 123,\n    *perform() {\n      // ...\n    }\n  };\n\n  // and then elsewhere\n  executeTheTask() {\n    // `doStuff` is still a `Task` object that can be `.perform()`ed\n    this.doStuff.perform();\n    console.log(this.doStuff.isRunning);\n  }\n}\n","task-function-syntax-1.js":"  waitAFewSeconds = task(async () => {\n    this.status = 'Gimme one second...';\n    await timeout(1000);\n    this.status = 'Gimme one more second...';\n    await timeout(1000);\n    this.status = \"OK, I'm done.\";\n  });","task-function-syntax-2.js":"  pickRandomNumbers = task(async () => {\n    let nums = [];\n    for (let i = 0; i < 3; i++) {\n      nums.push(Math.floor(Math.random() * 10));\n    }\n\n    this.status = `My favorite numbers: ${nums.join(', ')}`;\n  });","task-function-syntax-3.js":"  myTask = task(async () => {\n    this.status = `Thinking...`;\n    let promise = timeout(1000).then(() => 123);\n    let resolvedValue = await promise;\n    this.status = `The value is ${resolvedValue}`;\n  });","task-function-syntax-4.js":"  myTask = task(async () => {\n    this.status = `Thinking...`;\n    try {\n      await timeout(1000).then(() => {\n        throw 'Ahhhhh!!!!';\n      });\n      this.status = `This does not get used!`;\n    } catch (e) {\n      this.status = `Caught value: ${e}`;\n    }\n  });","task-group-decorators-1.js":"import Component from '@ember/component';\nimport { task, taskGroup } from 'ember-concurrency';\n\nexport default class ExampleComponent extends Component {\n  @taskGroup\n  someTaskGroup;\n\n  doStuff = task({ group: 'someTaskGroup' }, async () => {\n    // ...\n  });\n\n  doOtherStuff = task({ group: 'someTaskGroup' }, async () => {\n    // ...\n  });\n\n  // and then elsewhere\n  executeTheTask() {\n    // `doStuff` is still a `Task `object that can be `.perform()`ed\n    this.doStuff.perform();\n\n    // `someTaskGroup` is still a `TaskGroup` object\n    console.log(this.someTaskGroup.isRunning);\n  }\n}\n","task-group-decorators-2.js":"@taskGroup({\n  maxConcurrency: 3,\n  drop: true\n}) someTaskGroup;\n","task-group-decorators-3.js":"@dropTaskGroup({ maxConcurrency: 3 }) someTaskGroup;\n","task-groups.js":"export default class TaskGroupsController extends Controller {\n  @taskGroup({ drop: true }) chores;\n\n  @task({ group: 'chores' }) mowLawn = taskFn;\n  @task({ group: 'chores' }) doDishes = taskFn;\n  @task({ group: 'chores' }) changeDiapers = taskFn;\n\n  get tasks() {\n    return [this.mowLawn, this.doDishes, this.changeDiapers];\n  }\n}","task-lifecycle-events.js":"const COLORS = [\n  '#0000FF',\n  '#8A2BE2',\n  '#A52A2A',\n  '#DC143C',\n  '#20B2AA',\n  '#FF1493',\n  '#228B22',\n  '#DAA520',\n];\n\nfunction loopingAjaxTask(id) {\n  return function* () {\n    while (true) {\n      try {\n        yield this.ajaxTask.perform(id);\n      } catch (e) {\n        // Ignoring AJAX failures because we're being naughty.\n      }\n      yield timeout(2000);\n    }\n  };\n}\n\nexport default class TaskLifecycleEventsExample extends Component {\n  tagName = '';\n\n  @tracked logs = [];\n\n  constructor() {\n    super(...arguments);\n\n    addListener(this, 'ajaxTask:started', this, this.ajaxTaskStarted);\n    addListener(this, 'ajaxTask:succeeded', this, this.ajaxTaskSucceeded);\n    addListener(this, 'ajaxTask:errored', this, this.ajaxTaskErrored);\n  }\n\n  willDestroy() {\n    super.willDestroy(...arguments);\n\n    removeListener(this, 'ajaxTask:started', this, this.ajaxTaskStarted);\n    removeListener(this, 'ajaxTask:succeeded', this, this.ajaxTaskSucceeded);\n    removeListener(this, 'ajaxTask:errored', this, this.ajaxTaskErrored);\n  }\n\n  ajaxTask = task(\n    this,\n    { enqueue: true, maxConcurrency: 3, evented: true },\n    async () => {\n      // simulate slow AJAX\n      const ms = 2000 + 2000 * Math.random();\n      await timeout(ms);\n\n      if (parseInt(ms) % 7 === 0) {\n        throw new Error('Unexpected matrix glitch');\n      }\n      return {};\n    },\n  );\n\n  ajaxTaskStarted(taskInstance) {\n    const [id] = taskInstance.args;\n    this.log(COLORS[id], `Task ${id}: making AJAX request`);\n  }\n\n  ajaxTaskSucceeded(taskInstance) {\n    const [id] = taskInstance.args;\n    this.log(COLORS[id], `Task ${id}: AJAX done`);\n  }\n\n  ajaxTaskErrored(taskInstance, error) {\n    const [id] = taskInstance.args;\n    this.log(\n      COLORS[id],\n      `Task ${id}: AJAX failed because of '${error.message}'`,\n    );\n  }\n\n  @task({ on: 'init' }) task0 = loopingAjaxTask(0);\n  @task({ on: 'init' }) task1 = loopingAjaxTask(1);\n  @task({ on: 'init' }) task2 = loopingAjaxTask(2);\n  @task({ on: 'init' }) task3 = loopingAjaxTask(3);\n  @task({ on: 'init' }) task4 = loopingAjaxTask(4);\n  @task({ on: 'init' }) task5 = loopingAjaxTask(5);\n  @task({ on: 'init' }) task6 = loopingAjaxTask(6);\n  @task({ on: 'init' }) task7 = loopingAjaxTask(7);\n\n  log(color, message) {\n    this.logs = [...this.logs, { color, message }].slice(-7);\n  }\n}","task-modifier-benchmark-on-task.hbs":'<button {{on "click" this.doWork.perform}} type="button">\n  Benchmark task\n</button>\n\n{{#if this.doWork.isRunning}}\n  Running benchmark...\n{{/if}}\n\n<ol>\n  {{#each this.perfEntries as |entry|}}\n    <li>Start time:\n      {{entry.startTime}}ms after page-load; duration =\n      {{entry.duration}}ms</li>\n  {{/each}}\n</ol>',"task-modifier-benchmark-on-task.js":"import { task, timeout } from 'ember-concurrency';\n\n// registerModifer is called in the module defining the modifier,\n// so we're really just importing it here for the side-effect. This is mostly for\n// terseness in this illustration. You may want to separate defining the modifier\n// and registering it with registerModifier, and be explicit about where you\n// register (e.g. addon, library, or app initialization)\nimport 'test-app/task-modifiers/benchmark';\n\nlet performance =\n  typeof window !== 'undefined' && window.performance\n    ? window.performance\n    : { getEntriesByName() {} };\n\nexport default class TaskModifiersController extends Controller {\n  doWork = task({ drop: true, benchmark: true }, async () => {\n    await timeout(20000 * Math.random());\n  });\n\n  @computed('doWork.isRunning')\n  get perfEntries() {\n    if (this.doWork.isRunning) {\n      return [];\n    } else {\n      return performance.getEntriesByName(\n        'ember-concurrency.doWork.runtime',\n        'measure',\n      );\n    }\n  }\n}","task-modifier-benchmark.js":"// app/task-modifiers/benchmark.js\nimport { registerModifier } from 'ember-concurrency';\n\nfunction benchmarkModifier(taskFactory, option) {\n  if (!window && !window.performance) {\n    return;\n  }\n\n  if (option) {\n    let taskDefinition = taskFactory.taskDefinition;\n    let benchmarkedDefinition = function* (...args) {\n      let taskName = taskFactory.name;\n      let namespace = `ember-concurrency.${taskName}`;\n      window.performance.mark(`${namespace}.start`);\n\n      try {\n        yield* taskDefinition(...args);\n        window.performance.measure(\n          `${namespace}.success`,\n          `${namespace}.start`,\n        );\n      } catch (e) {\n        window.performance.measure(`${namespace}.error`, `${namespace}.start`);\n        throw e;\n      } finally {\n        window.performance.measure(\n          `${namespace}.runtime`,\n          `${namespace}.start`,\n        );\n      }\n    };\n\n    taskFactory.setTaskDefinition(benchmarkedDefinition);\n  }\n}\n\nregisterModifier('benchmark', benchmarkModifier);\n\nexport default benchmarkModifier;",ts:{"basic-example.ts":"import Component from '@ember/component';\nimport { task, timeout } from '../../../ember-concurrency/declarations';\n\nexport default class extends Component {\n  myTask = task(async (ms: number) => {\n    await timeout(ms);\n    return 'done!';\n  });\n}\n","typing-task.ts":"import Component from '@glimmer/component';\nimport { task, timeout } from '../../../ember-concurrency/declarations';\nimport type { Task } from '../../../ember-concurrency/declarations';\n\n// Define a Type task that takes a single number argument and returns a string\ntype MyTaskType = Task<string, [number]>;\n\ninterface Args {\n  fooTask: MyTaskType;\n}\n\nexport default class extends Component<Args> {\n  slowlyComputeStringLength: MyTaskType = task(async (ms: number) => {\n    await timeout(ms);\n\n    const length = await this.args.fooTask.perform(ms);\n\n    return length;\n  });\n}\n"},"waitForEvent-derived-state.hbs":"<h4>\n  {{#if this.waiter.isRunning}}\n    Please click somewhere...\n  {{else}}\n    Thanks!\n  {{/if}}\n</h4>","waitForEvent-derived-state.js":"  waiterLoop = task(async () => {\n    while (true) {\n      await this.waiter.perform();\n      await timeout(1500);\n    }\n  });\n\n  waiter = task(async () => {\n    let event = await waitForEvent(document.body, 'click');\n    return event;\n  });\n","waitForEvent.hbs":"<h4>\n  domEvent: (x={{this.domEvent.offsetX}}, y={{this.domEvent.offsetX}})\n</h4>\n\n<h4>\n  jqueryEvent: (x={{this.jQueryEvent.offsetX}}, y={{this.jQueryEvent.offsetX}})\n</h4>\n\n<h4>\n  emberEvent: (v={{this.emberEvent.v}})\n</h4>","waitForEvent.js":"  @tracked domEvent = null;\n  @tracked jQueryEvent = null;\n  @tracked emberEvent = null;\n\n  domEventLoop = task(async () => {\n    while (true) {\n      let event = await waitForEvent(document.body, 'click');\n      this.domEvent = event;\n      this.trigger('fooEvent', { v: Math.random() });\n    }\n  });\n\n  jQueryEventLoop = task(async () => {\n    let $body = $('body');\n    while (true) {\n      let event = await waitForEvent($body, 'click');\n      this.jQueryEvent = event;\n    }\n  });\n\n  emberEventedLoop = task(async () => {\n    while (true) {\n      let event = await waitForEvent(this, 'fooEvent');\n      this.emberEvent = event;\n    }\n  });\n\n  didInsertElement() {\n    super.didInsertElement(...arguments);\n    this.domEventLoop.perform();\n    this.jQueryEventLoop.perform();\n    this.emberEventedLoop.perform();\n    this.waiterLoop.perform();\n  }\n","waitForProperty.hbs":'<button {{on "click" this.startAll.perform}} type="button">\n  Start\n</button>\n\n<h5>\n  State: {{this.state}}\n</h5>',"waitForProperty.js":"  startAll = task(async () => {\n    this.bazValue = 1;\n    this.state = 'Start.';\n    this.foo.perform();\n    this.bar.perform();\n    this.baz.perform();\n  });\n\n  foo = task(async () => {\n    await timeout(500);\n  });\n\n  bar = task(async () => {\n    await waitForProperty(this, 'foo.isIdle');\n    this.state = `${this.state} Foo is idle.`;\n    await timeout(500);\n    this.bazValue = 42;\n    this.state = `${this.state} Bar.`;\n  });\n\n  @tracked bazValue = 1;\n  @tracked state = '';\n\n  baz = task(async () => {\n    let val = await waitForProperty(this, 'bazValue', (v) => v % 2 === 0);\n    await timeout(500);\n    this.state = `${this.state} Baz got even value ${val}.`;\n  });","yieldable-req-idle-cb-task.js":"import Component from '@glimmer/component';\nimport { task } from 'ember-concurrency';\nimport idleCallback from 'my-app/yieldables/idle-callback';\n\nexport class MyComponent extends Component {\n  backgroundTask = task(async () => {\n    while (1) {\n      await idleCallback();\n\n      const data = this.complicatedNumberCrunching();\n      await this.sendData(data);\n    }\n  });\n}\n","yieldable-req-idle-cb.js":"// app/yieldables/idle-callback.js\nimport { Yieldable } from 'ember-concurrency';\n\nclass IdleCallbackYieldable extends Yieldable {\n  onYield(state) {\n    let callbackId = requestIdleCallback(() => state.next());\n\n    return () => cancelIdleCallback(callbackId);\n  }\n}\n\nexport const idleCallback = () => new IdleCallbackYieldable();\n\nexport default idleCallback;\n"}})),define("ember-fetch/errors",["exports"],(function(e){"use strict"
+e.default={"ajax-throttling.js":"function loopingAjaxTask(id, color) {\n  return function* () {\n    while (true) {\n      this.log(color, `Task ${id}: making AJAX request`);\n      yield this.ajaxTask.perform();\n      this.log(color, `Task ${id}: Done, sleeping.`);\n      yield timeout(2000);\n    }\n  };\n}\n\nexport default class AjaxThrottlingExampleComponent extends Component {\n  tagName = '';\n  @tracked logs = [];\n\n  ajaxTask = enqueueTask({ maxConcurrency: 3 }, async () => {\n    // simulate slow AJAX\n    await timeout(2000 + 2000 * Math.random());\n    return {};\n  });\n\n  @task({ on: 'init' }) task0 = loopingAjaxTask(0, '#0000FF');\n  @task({ on: 'init' }) task1 = loopingAjaxTask(1, '#8A2BE2');\n  @task({ on: 'init' }) task2 = loopingAjaxTask(2, '#A52A2A');\n  @task({ on: 'init' }) task3 = loopingAjaxTask(3, '#DC143C');\n  @task({ on: 'init' }) task4 = loopingAjaxTask(4, '#20B2AA');\n  @task({ on: 'init' }) task5 = loopingAjaxTask(5, '#FF1493');\n  @task({ on: 'init' }) task6 = loopingAjaxTask(6, '#228B22');\n  @task({ on: 'init' }) task7 = loopingAjaxTask(7, '#DAA520');\n\n  log(color, message) {\n    this.logs = [...this.logs, { color, message }].slice(-7);\n  }\n}","ask-button.hbs":'  <button\n    class={{if this.askQuestion.isIdle "button-primary"}}\n    {{on "click" this.askQuestion.perform}}\n    type="button"\n  >\n    {{#if this.askQuestion.isIdle}}\n      Ask\n    {{else}}\n      Thinking...\n      <LoadingSpinner />\n    {{/if}}\n  </button>',"babel-transform-config.js":"// in app ember-cli-build.js\n\nconst app = new EmberApp(defaults, {\n  // ...\n  babel: {\n    plugins: [\n      // ... any other plugins\n      require.resolve(\"ember-concurrency/async-arrow-task-transform\"),\n\n      // NOTE: put any code coverage plugins last, after the transform.\n    ],\n  }\n});\n\n// in V1 addon index.js\n\n// ...\noptions: {\n  babel: {\n    plugins: [\n      require.resolve('ember-concurrency/async-arrow-task-transform'),\n    ],\n  },\n},\n","better-syntax-1.hbs":'  <button {{on "click" this.findStores}} type="button">\n    Find Nearby Stores\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}} miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-1.js":"import { action } from '@ember/object';\n\nexport default class Tutorial0 extends TutorialComponent {\n  @tracked result = null;\n\n  @action\n  async findStores() {\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    let coords = await geolocation.getCoords();\n    let result = await store.getNearbyStores(coords);\n\n    this.result = result;\n  }\n}","better-syntax-10.hbs":'  <button {{on "click" this.findStores.perform}} type="button">\n    Find Nearby Stores\n    {{#if this.findStores.isRunning}}\n      <LoadingSpinner />\n    {{/if}}\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}}\n        miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-10.js":"import { task } from 'ember-concurrency';\n\nexport default class Tutorial9 extends TutorialComponent {\n  @tracked result = null;\n\n  findStores = task({ drop: true }, async () => {\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    let coords = await geolocation.getCoords();\n    let result = await store.getNearbyStores(coords);\n    this.result = result;\n  });\n}","better-syntax-2.hbs":'  <button {{on "click" this.findStores}} type="button">\n    Find Nearby Stores\n    {{#if this.isFindingStores}}\n      {{! ++ }}\n      <LoadingSpinner />\n    {{/if}}\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}} miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-2.js":"import { action } from '@ember/object';\n\nexport default class Tutorial1 extends TutorialComponent {\n  @tracked result = null;\n  @tracked isFindingStores = false; // ++\n\n  @action\n  async findStores() {\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    this.isFindingStores = true; // ++\n\n    let coords = await geolocation.getCoords();\n    let result = await store.getNearbyStores(coords);\n\n    this.result = result;\n    this.isFindingStores = false; // ++\n  }\n}","better-syntax-3.hbs":'  <button {{on "click" this.findStores}} type="button">\n    Find Nearby Stores\n    {{#if this.isFindingStores}}\n      <LoadingSpinner />\n    {{/if}}\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}} miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-3.js":"import { action } from '@ember/object';\n\nexport default class Tutorial2 extends TutorialComponent {\n  @tracked result = null;\n  @tracked isFindingStores = false;\n\n  @action\n  async findStores() {\n    if (this.isFindingStores) {\n      return;\n    } // ++\n\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    this.isFindingStores = true;\n\n    let coords = await geolocation.getCoords();\n    let result = await store.getNearbyStores(coords);\n\n    this.result = result;\n    this.isFindingStores = false;\n  }\n}","better-syntax-4.hbs":'  <button {{on "click" this.findStores}} type="button">\n    Find Nearby Stores\n    {{#if this.isFindingStores}}\n      <LoadingSpinner />\n    {{/if}}\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}} miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-4.js":"import { action } from '@ember/object';\n\nexport default class Tutorial3 extends TutorialComponent {\n  @tracked result = null;\n  @tracked isFindingStores = false;\n\n  @action\n  async findStores() {\n    if (this.isFindingStores) {\n      return;\n    }\n\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    this.isFindingStores = true;\n\n    let coords = await geolocation.getCoords();\n    let result = await store.getNearbyStores(coords);\n\n    if (this.isDestroyed) {\n      return;\n    } // ++\n\n    this.result = result;\n    this.isFindingStores = false;\n  }\n}","better-syntax-5.hbs":'  <button {{on "click" this.findStores}} type="button">\n    Find Nearby Stores\n    {{#if this.isFindingStores}}\n      <LoadingSpinner />\n    {{/if}}\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}} miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-5.js":"import { action } from '@ember/object';\n\nexport default class Tutorial4 extends TutorialComponent {\n  @tracked result = null;\n  @tracked isFindingStores = false;\n\n  @action\n  async findStores() {\n    if (this.isFindingStores) {\n      return;\n    }\n\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    this.isFindingStores = true;\n\n    try {\n      // ++\n      let coords = await geolocation.getCoords();\n      let result = await store.getNearbyStores(coords);\n\n      if (this.isDestroyed) {\n        return;\n      }\n\n      this.result = result;\n    } finally {\n      // ++\n      if (!this.isDestroyed) {\n        // ++\n        this.isFindingStores = false; // ++\n      } // ++\n    } // ++\n  }\n}","better-syntax-6.hbs":'  <button {{on "click" this.findStores}} type="button">\n    Find Nearby Stores\n    {{#if this.isFindingStores}}\n      <LoadingSpinner />\n    {{/if}}\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}} miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-6.js":"import { action } from '@ember/object';\n\nexport default class Tutorial5 extends TutorialComponent {\n  @tracked result = null;\n  @tracked isFindingStores = false;\n\n  @action\n  async findStores() {\n    if (this.isFindingStores) {\n      return;\n    }\n\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    this.isFindingStores = true;\n\n    try {\n      let coords = await geolocation.getCoords();\n      let result = await store.getNearbyStores(coords);\n\n      if (this.isDestroyed) {\n        return;\n      }\n\n      this.result = result;\n    } finally {\n      if (!this.isDestroyed) {\n        this.isFindingStores = false;\n      }\n    }\n  }\n}","better-syntax-7.hbs":'  <button {{on "click" this.findStores.perform}} type="button">\n    {{! ++ }}\n    Find Nearby Stores\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}}\n        miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-7.js":"import { task } from 'ember-concurrency';\n\nexport default class Tutorial6 extends TutorialComponent {\n  @tracked result = null;\n\n  findStores = task(async () => {\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    let coords = await geolocation.getCoords();\n    let result = await store.getNearbyStores(coords);\n    this.result = result;\n  });\n}","better-syntax-8.hbs":'  <button {{on "click" this.findStores.perform}} type="button">\n    Find Nearby Stores\n    {{#if this.findStores.isRunning}}\n      {{! ++ }}\n      <LoadingSpinner />\n    {{/if}}\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}}\n        miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-8.js":"import { task } from 'ember-concurrency';\n\nexport default class Tutorial7 extends TutorialComponent {\n  @tracked result = null;\n\n  findStores = task(async () => {\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    let coords = await geolocation.getCoords();\n    let result = await store.getNearbyStores(coords);\n    this.result = result;\n  });\n}","better-syntax-9.hbs":'  <button {{on "click" this.findStores.perform}} type="button">\n    Find Nearby Stores\n    {{#if this.findStores.isRunning}}\n      <LoadingSpinner />\n    {{/if}}\n  </button>\n\n  {{#if this.result}}\n    {{#each this.result.stores as |s|}}\n      <li>\n        <strong>{{s.name}}</strong>:\n        {{s.distance}}\n        miles away\n      </li>\n    {{/each}}\n  {{/if}}',"better-syntax-9.js":"import { task } from 'ember-concurrency';\n\nexport default class Tutorial8 extends TutorialComponent {\n  @tracked result = null;\n\n  findStores = task({ drop: true }, async () => {\n    // ++\n    let geolocation = this.geolocation;\n    let store = this.store;\n\n    let coords = await geolocation.getCoords();\n    let result = await store.getNearbyStores(coords);\n    this.result = result;\n  });\n}","cancelation-template.hbs":'<h5>Running tasks: {{this.count}}</h5>\n\n<button type="button" {{on "click" this.performTask}}>Perform Task</button>\n{{#if this.count}}\n  <button type="button" {{on "click" this.cancelAll}}>Cancel All</button>\n{{/if}}\n{{#if this.mostRecent.isRunning}}\n  <button type="button" {{on "click" this.cancelMostRecent}}>Cancel Most Recent</button>\n{{/if}}',"cancelation.js":"export default class CancelationController extends Controller {\n  @tracked count = 0;\n  @tracked mostRecent = null;\n\n  myTask = task(async () => {\n    try {\n      this.count += 1;\n      await forever;\n    } finally {\n      // finally blocks always get called,\n      // even when the task is being canceled\n      this.decrementProperty('count');\n      this.count -= 1;\n    }\n  });\n\n  @action\n  performTask() {\n    let task = this.myTask;\n    let taskInstance = task.perform();\n    this.mostRecent = taskInstance;\n  }\n\n  @action\n  cancelAll() {\n    this.myTask.cancelAll();\n  }\n\n  @action\n  cancelMostRecent() {\n    this.mostRecent.cancel();\n  }\n}","caps-marquee.js":"  marqueeLoop = task({ on: 'init' }, async () => {\n    let text = this.text;\n    while (true) {\n      this.formattedText = text;\n      await timeout(1500);\n      for (let i = 0; i < text.length; ++i) {\n        this.formattedText = capitalizeAt(text, i);\n        await timeout(50);\n      }\n    }\n  });","child-tasks-template.hbs":'<h5>{{this.status}}</h5>\n\n<ul>\n  <li>Parent Task: {{this.parentTask.state}}</li>\n  <li>Child Task: {{this.childTask.state}}</li>\n  <li>Grandchild Task: {{this.grandchildTask.state}}</li>\n</ul>\n\n<button {{on "click" this.parentTask.perform}} type="button">\n  {{#if this.parentTask.isRunning}}\n    Restart Parent Task\n  {{else}}\n    Perform Parent Task\n  {{/if}}\n</button>',"child-tasks.js":"export default class ChildTasksController extends Controller {\n  @tracked status = 'Waiting to start';\n\n  parentTask = restartableTask(async () => {\n    this.status = '1. Parent: one moment...';\n    await timeout(1000);\n    let value = await this.childTask.perform();\n    this.status = `5. Parent: child says \"${value}\"`;\n    await timeout(1000);\n    this.status = '6. Done!';\n  });\n\n  childTask = task(async () => {\n    this.status = '2. Child: one moment...';\n    await timeout(1000);\n    let value = await this.grandchildTask.perform();\n    this.status = `4. Child: grandchild says \"${value}\"`;\n    await timeout(1000);\n    return \"What's up\";\n  });\n\n  grandchildTask = task(async () => {\n    this.status = '3. Grandchild: one moment...';\n    await timeout(1000);\n    return 'Hello';\n  });\n}","completion-state-controller.js":"export default class DerivedStateController extends Controller {\n  @task doStuff = sharedFn;\n  @task({ drop: true }) doStuffDrop = sharedFn;\n  @task({ enqueue: true }) doStuffEnqueue = sharedFn;\n  @task({ restartable: true }) doStuffRestartable = sharedFn;\n\n  showLessCommon = false;\n\n  tasks = ['doStuff', 'doStuffDrop', 'doStuffEnqueue', 'doStuffRestartable'];\n\n  @computed(\n    'commonTaskProperties',\n    'lessCommonTaskProperties',\n    'showLessCommon',\n  )\n  get taskProperties() {\n    return [\n      ...this.commonTaskProperties,\n      ...(this.showLessCommon ? this.lessCommonTaskProperties : []),\n    ];\n  }\n\n  commonTaskProperties = ['last', 'lastSuccessful', 'lastErrored'];\n\n  lessCommonTaskProperties = [\n    'lastComplete',\n    'lastPerformed',\n    'lastIncomplete',\n    'lastCanceled',\n  ];\n\n  @action\n  performAll() {}\n}","count-up.js":"  countUp = task({ on: 'init' }, async () => {\n    while (true) {\n      this.incrementProperty('count');\n      await timeout(100);\n    }\n  });","debounced-search-with-cancelation-template.hbs":'  <label>\n    Search GitHub...\n\n    <input\n      type="text"\n      {{on "input" this.searchRepo.perform}}\n      placeholder="e.g. machty/ember-concurrency"\n    />\n  </label>\n\n  {{#if this.searchRepo.isRunning}}\n    <LoadingSpinner />\n  {{/if}}\n\n  <ul>\n    {{#each this.searchRepo.lastSuccessful.value as |repo|}}\n      <li>{{repo.full_name}}</li>\n    {{/each}}\n  </ul>',"debounced-search-with-cancelation.js":"const DEBOUNCE_MS = 250;\nexport default class AutocompleteController extends Controller {\n  searchRepo = restartableTask(async (event) => {\n    const term = event.target.value;\n\n    if (isBlank(term)) {\n      return [];\n    }\n\n    // Pause here for DEBOUNCE_MS milliseconds. Because this\n    // task is `restartable`, if the user starts typing again,\n    // the current search will be canceled at this point and\n    // start over from the beginning. This is the\n    // ember-concurrency way of debouncing a task.\n    await timeout(DEBOUNCE_MS);\n\n    let url = `https://api.github.com/search/repositories?q=${term}`;\n\n    // We yield an AJAX request and wait for it to complete. If the task\n    // is restarted before this request completes, the XHR request\n    // is aborted (open the inspector and see for yourself :)\n    let json = await this.getJSON.perform(url);\n    return json.items.slice(0, 10);\n  });\n\n  getJSON = task(async (url) => {\n    let controller = new AbortController();\n    let signal = controller.signal;\n\n    try {\n      let response = await fetch(url, { signal });\n      let result = await response.json();\n      return result;\n\n      // NOTE: could also write this as\n      // return yield fetch(url, { signal }).then((response) => response.json());\n      //\n      // either way, the important thing is to yield before returning\n      // so that the `finally` block doesn't run until after the\n      // promise resolves (or the task is canceled).\n    } finally {\n      controller.abort();\n    }\n  });\n}","detail-route.js":"export default class RouteTasksDetailRoute extends Route {\n  @service notifications;\n\n  setupController(controller, model) {\n    super.setupController(...arguments);\n\n    this.pollServerForChanges.perform(model.id);\n  }\n\n  resetController() {\n    super.resetController(...arguments);\n    this.pollServerForChanges.cancelAll();\n  }\n\n  pollServerForChanges = restartableTask(async (id) => {\n    let notifications = this.notifications;\n    await timeout(500);\n    try {\n      notifications.info(`Thing ${id}: Starting to poll for changes`);\n      while (true) {\n        await timeout(5000);\n        notifications.info(`Thing ${id}: Polling now...`);\n      }\n    } finally {\n      notifications.warning(`Thing ${id}: No longer polling for changes`);\n    }\n  });\n}","ember-install.sh":"ember install ember-concurrency\n","encapsulated-task-controller.js":"import { task, timeout } from 'ember-concurrency';\n\nexport default class EncapsulatedTaskController extends Controller {\n  @task({ enqueue: true }) uploadFile = {\n    progress: 0,\n    url: null,\n\n    stateText: computed('progress', function () {\n      let progress = this.progress;\n      if (progress < 49) {\n        return 'Just started...';\n      } else if (progress < 100) {\n        return 'Halfway there...';\n      } else {\n        return 'Done!';\n      }\n    }),\n\n    *perform(makeUrl) {\n      this.set('url', makeUrl());\n\n      while (this.progress < 100) {\n        yield timeout(200);\n        let newProgress = this.progress + Math.floor(Math.random() * 6) + 5;\n        this.set('progress', Math.min(100, newProgress));\n      }\n\n      return '(upload result data)';\n    },\n  };\n\n  makeRandomUrl() {\n    return `https://www.${randomWord()}.edu`;\n  }\n}","encapsulated-task.js":"import { task } from 'ember-concurrency';\n\nexport default class EncapsulatedTaskComponent extends Component {\n  outerFoo = 123;\n\n  regularTask = task(async value => {\n    // this is a classic/regular ember-concurrency task,\n    // which has direct access to the host object that it\n    // lives on via `this`\n    console.log(this.outerFoo); // => 123\n    await doSomeAsync();\n    this.set('outerFoo', value);\n  });\n\n  @task encapsulatedTask = {\n    innerFoo: 456,\n\n    // this `*perform() {}` syntax is valid JavaScript shorthand\n    // syntax for `perform: function * () {}`\n\n    *perform(value) {\n      // this is an encapulated task. It does NOT have\n      // direct access to the host object it lives on, but rather\n      // only the properties defined within the POJO passed\n      // to the `task()` constructor.\n      console.log(this.innerFoo); // => 456\n\n      // `this` is the currently executing TaskInstance, so\n      // you can also get classic TaskInstance properties\n      // provided by ember-concurrency.\n      console.log(this.isRunning); // => true\n\n      yield doSomeAsync();\n      this.set('innerFoo', value);\n    },\n  }\n}\n","error-vs-cancelation-template.hbs":'<button {{on "click" (fn this.myTask.perform false)}} type="button">\n  Run to Completion\n</button>\n\n<button {{on "click" (fn this.myTask.perform true)}} type="button">\n  Throw an Error\n</button>\n\n<ul>\n  <li>Task State: {{this.myTask.state}}</li>\n  <li>Completions: {{this.numCompletions}}</li>\n  <li>Errors: {{this.numErrors}}</li>\n  <li>Finally block runs: {{this.numFinallys}}</li>\n</ul>\n',"error-vs-cancelation.js":"export default class ErrorVsCancelationController extends Controller {\n  numCompletions = 0;\n  numErrors = 0;\n  numFinallys = 0;\n\n  myTask = restartableTask(async (doError) => {\n    try {\n      await timeout(1000);\n      if (doError) {\n        throw new Error('Boom');\n      }\n    } catch (e) {\n      this.incrementProperty('numErrors');\n    } finally {\n      this.incrementProperty('numFinallys');\n    }\n    this.incrementProperty('numCompletions');\n  });\n}","increment-button-task.js":"export default class IncrementButtonsController extends Controller {\n  count = 0;\n\n  incrementBy = task(async (inc) => {\n    let speed = 400;\n    while (true) {\n      this.incrementProperty('count', inc);\n      await timeout(speed);\n      speed = Math.max(50, speed * 0.8);\n    }\n  });\n}","increment-button.hbs":'<button\n  {{! template-lint-disable no-pointer-down-event-binding }}\n  {{on "touchstart" @press}}\n  {{on "mousedown" @press}}\n  {{on "touchend" @release}}\n  {{on "mouseleave" @release}}\n  {{on "mouseup" @release}}\n  type="button">\n  {{yield}}\n</button>',"increment-button.js":"export default class PressAndHoldButtonComponent extends Component {\n  tagName = '';\n}","joining-tasks-template.hbs":'<p>\n  <button\n    {{on "click" (fn this.parent.perform "all")}}\n    type="button"\n  >all()</button>\n  <button\n    {{on "click" (fn this.parent.perform "race")}}\n    type="button"\n  >race()</button>\n</p>',"joining-tasks.js":"import { task, timeout, all, race } from 'ember-concurrency';\nimport { tracked } from '@glimmer/tracking';\nconst methods = { all, race };\n\nexport default class JoiningTasksController extends Controller {\n  @tracked childTasks = null;\n  @tracked colors = ['#ff8888', '#88ff88', '#8888ff'];\n  @tracked status = 'Waiting...';\n  @tracked id = null;\n  @tracked percent = null;\n\n  parent = task({ restartable: true }, async (methodName) => {\n    let allOrRace = methods[methodName];\n    let childTasks = [];\n\n    for (let id = 0; id < 5; ++id) {\n      childTasks.push(this.child.perform(id));\n    }\n\n    this.childTasks = childTasks;\n    this.status = 'Waiting for child tasks to complete...';\n    let words = await allOrRace(childTasks);\n    this.status = `Done: ${makeArray(words).join(', ')}`;\n  });\n\n  @task({ enqueue: true, maxConcurrency: 3 })\n  child = {\n    percent: 0,\n    id: null,\n\n    *perform(id) {\n      this.id = id;\n      while (this.percent < 100) {\n        yield timeout(Math.random() * 100 + 100);\n        let newPercent = Math.min(\n          100,\n          Math.floor(this.percent + Math.random() * 20),\n        );\n        this.percent = newPercent;\n      }\n      return randomWord();\n    },\n  };\n}","last-value-decorator.js":"import Component from '@ember/component';\nimport { task } from 'ember-concurrency';\nimport { lastValue } from 'ember-concurrency';\n\nexport default class ExampleComponent extends Component {\n  someTask = task(async () => {\n    // ...\n  });\n\n  @lastValue('someTask')\n  someTaskValue;\n\n  @lastValue('someTask')\n  someTaskValueWithDefault = 'A default value';\n}\n","loading-ui-controller.js":"export default class LoadingUIController extends Controller {\n  @tracked result = null;\n\n  askQuestion = dropTask(async () => {\n    await timeout(1000);\n    this.result = Math.random();\n  });\n}","poll-loop-break-1.js":"  pollForChanges = task(async () => {\n    while(true) {\n      await pollServerForChanges();\n      if (Ember.testing) { return; }\n      await timeout(5000);\n    }\n  })\n","poll-loop-classic.js":"  async pollForChanges() {\n    if (this.isDestroyed) { return; }\n    await pollServerForChanges();\n    run.later(this, 'pollForChanges', 5000);\n  }\n","poll-loop.js":"  pollForChanges = task(async () => {\n    while(true) {\n      yield pollServerForChanges();\n      yield timeout(5000);\n    }\n  })\n","press-and-hold-buttons.hbs":"<p>\n  <PressAndHoldButton\n    @press={{perform this.incrementBy -1}}\n    @release={{cancel-all this.incrementBy}}\n  >\n    --Decrease\n  </PressAndHoldButton>\n\n  <PressAndHoldButton\n    @press={{perform this.incrementBy 1}}\n    @release={{cancel-all this.incrementBy}}\n  >\n    Increase++\n  </PressAndHoldButton>\n</p>","scrambled-text.js":"  startScrambling = task({ on: 'init' }, async () => {\n    let text = this.text;\n    while (true) {\n      let pauseTime = 140;\n      while (pauseTime > 5) {\n        this.scrambledText = scramble(text);\n        await timeout(pauseTime);\n        pauseTime = pauseTime * 0.95;\n      }\n      this.scrambledText = text;\n      await timeout(1500);\n    }\n  });","shared-tasks-concurrent.js":"  restartableTask3 = task({ maxConcurrency: 3, restartable: true }, async (t) => { ... }\n  enqueuedTask3 = task({ maxConcurrency: 3, enqueue: true }, async (t) => { ... }\n  droppingTask3 = task({ maxConcurrency: 3, drop: true }, async (t) => { ... }\n  keepLatestTask3 = task({ maxConcurrency: 3, keepLatest: true }, async (t) => { ... }","shared-tasks.js":"  defaultTask = task(async (t) => { ... });\n  restartableTask = task({ restartable: true }, async (t) => { ... }\n  enqueuedTask = task({ enqueue: true }, async (t) => { ... }\n  droppingTask = task({ drop: true }, async (t) => { ... }\n  keepLatestTask = task({ keepLatest: true }, async (t) => { ... }","task-cancelation-example-1.js":"import Component from '@ember/component';\nimport { action } from '@ember/object';\nimport { tracked } from '@glimmer/tracking';\nimport { task, timeout } from 'ember-concurrency';\n\nexport default class TaskCancelationExampleComponent extends Component {\n  @tracked results = null;\n\n  queryServer = task(async () => {\n    await timeout(10000);\n    return 123;\n  });\n\n  @action\n  async fetchResults() {\n    let results = await this.queryServer.perform();\n    this.results = results;\n  }\n}\n","task-cancelation-example-2.js":"import Component from '@ember/component';\nimport { action } from '@ember/object';\nimport { tracked } from '@glimmer/tracking';\nimport { didCancel, task, timeout } from 'ember-concurrency';\n\nexport default class TaskCancelationExampleComponent extends Component {\n  @tracked results = null;\n\n  queryServer = task(async () => {\n    await timeout(10000);\n    return 123;\n  });\n\n  @action\n  async fetchResults() {\n    try {\n      let results = await this.queryServer.perform();\n      this.results = results;\n    } catch (e) {\n      if (!didCancel(e)) {\n        // re-throw the non-cancelation error\n        throw e;\n      }\n    }\n  }\n}\n","task-cancelation-example-3.js":"import Component from '@ember/component';\nimport { tracked } from '@glimmer/tracking';\nimport { task, timeout } from 'ember-concurrency';\n\nexport default class TaskCancelationExampleComponent extends Component {\n  @tracked results = null;\n\n  queryServer = task(async () => {\n    await timeout(10000);\n    return 123;\n  });\n\n  fetchResults = task(async () => {\n    let results = await this.queryServer.perform();\n    this.results = results;\n  });\n}\n","task-decorators-1.js":"import Component from '@ember/component';\nimport { task } from 'ember-concurrency';\n\nexport default class ExampleComponent extends Component {\n  doStuff = task(async () => {\n    // ...\n  });\n\n  // and then elsewhere\n  executeTheTask() {\n    // `doStuff` is still a `Task` object that can be `.perform()`ed\n    this.doStuff.perform();\n    console.log(this.doStuff.isRunning);\n  }\n}\n","task-decorators-2.js":"@task({\n  maxConcurrency: 3,\n  restartable: true\n})\n*doStuff() {\n  // ...\n}\n","task-decorators-3.js":"@task({ on: 'didInsertElement' })\n*doStuff() {\n  // ...\n}\n","task-decorators-4.js":"@restartableTask({ maxConcurrency: 3 })\n*doStuff() {\n  // ...\n}\n","task-decorators-5.js":"import Component from '@ember/component';\nimport { task } from 'ember-concurrency';\n\nexport default class ExampleComponent extends Component {\n  @task\n  doStuff = {\n    privateState: 123,\n    *perform() {\n      // ...\n    }\n  };\n\n  // and then elsewhere\n  executeTheTask() {\n    // `doStuff` is still a `Task` object that can be `.perform()`ed\n    this.doStuff.perform();\n    console.log(this.doStuff.isRunning);\n  }\n}\n","task-function-syntax-1.js":"  waitAFewSeconds = task(async () => {\n    this.status = 'Gimme one second...';\n    await timeout(1000);\n    this.status = 'Gimme one more second...';\n    await timeout(1000);\n    this.status = \"OK, I'm done.\";\n  });","task-function-syntax-2.js":"  pickRandomNumbers = task(async () => {\n    let nums = [];\n    for (let i = 0; i < 3; i++) {\n      nums.push(Math.floor(Math.random() * 10));\n    }\n\n    this.status = `My favorite numbers: ${nums.join(', ')}`;\n  });","task-function-syntax-3.js":"  myTask = task(async () => {\n    this.status = `Thinking...`;\n    let promise = timeout(1000).then(() => 123);\n    let resolvedValue = await promise;\n    this.status = `The value is ${resolvedValue}`;\n  });","task-function-syntax-4.js":"  myTask = task(async () => {\n    this.status = `Thinking...`;\n    try {\n      await timeout(1000).then(() => {\n        throw 'Ahhhhh!!!!';\n      });\n      this.status = `This does not get used!`;\n    } catch (e) {\n      this.status = `Caught value: ${e}`;\n    }\n  });","task-group-decorators-1.js":"import Component from '@ember/component';\nimport { task, taskGroup } from 'ember-concurrency';\n\nexport default class ExampleComponent extends Component {\n  @taskGroup\n  someTaskGroup;\n\n  doStuff = task({ group: 'someTaskGroup' }, async () => {\n    // ...\n  });\n\n  doOtherStuff = task({ group: 'someTaskGroup' }, async () => {\n    // ...\n  });\n\n  // and then elsewhere\n  executeTheTask() {\n    // `doStuff` is still a `Task `object that can be `.perform()`ed\n    this.doStuff.perform();\n\n    // `someTaskGroup` is still a `TaskGroup` object\n    console.log(this.someTaskGroup.isRunning);\n  }\n}\n","task-group-decorators-2.js":"@taskGroup({\n  maxConcurrency: 3,\n  drop: true\n}) someTaskGroup;\n","task-group-decorators-3.js":"@dropTaskGroup({ maxConcurrency: 3 }) someTaskGroup;\n","task-groups.js":"export default class TaskGroupsController extends Controller {\n  @taskGroup({ drop: true }) chores;\n\n  @task({ group: 'chores' }) mowLawn = taskFn;\n  @task({ group: 'chores' }) doDishes = taskFn;\n  @task({ group: 'chores' }) changeDiapers = taskFn;\n\n  get tasks() {\n    return [this.mowLawn, this.doDishes, this.changeDiapers];\n  }\n}","task-lifecycle-events.js":"const COLORS = [\n  '#0000FF',\n  '#8A2BE2',\n  '#A52A2A',\n  '#DC143C',\n  '#20B2AA',\n  '#FF1493',\n  '#228B22',\n  '#DAA520',\n];\n\nfunction loopingAjaxTask(id) {\n  return function* () {\n    while (true) {\n      try {\n        yield this.ajaxTask.perform(id);\n      } catch (e) {\n        // Ignoring AJAX failures because we're being naughty.\n      }\n      yield timeout(2000);\n    }\n  };\n}\n\nexport default class TaskLifecycleEventsExample extends Component {\n  tagName = '';\n\n  @tracked logs = [];\n\n  constructor() {\n    super(...arguments);\n\n    addListener(this, 'ajaxTask:started', this, this.ajaxTaskStarted);\n    addListener(this, 'ajaxTask:succeeded', this, this.ajaxTaskSucceeded);\n    addListener(this, 'ajaxTask:errored', this, this.ajaxTaskErrored);\n  }\n\n  willDestroy() {\n    super.willDestroy(...arguments);\n\n    removeListener(this, 'ajaxTask:started', this, this.ajaxTaskStarted);\n    removeListener(this, 'ajaxTask:succeeded', this, this.ajaxTaskSucceeded);\n    removeListener(this, 'ajaxTask:errored', this, this.ajaxTaskErrored);\n  }\n\n  ajaxTask = task(\n    this,\n    { enqueue: true, maxConcurrency: 3, evented: true },\n    async () => {\n      // simulate slow AJAX\n      const ms = 2000 + 2000 * Math.random();\n      await timeout(ms);\n\n      if (parseInt(ms) % 7 === 0) {\n        throw new Error('Unexpected matrix glitch');\n      }\n      return {};\n    },\n  );\n\n  ajaxTaskStarted(taskInstance) {\n    const [id] = taskInstance.args;\n    this.log(COLORS[id], `Task ${id}: making AJAX request`);\n  }\n\n  ajaxTaskSucceeded(taskInstance) {\n    const [id] = taskInstance.args;\n    this.log(COLORS[id], `Task ${id}: AJAX done`);\n  }\n\n  ajaxTaskErrored(taskInstance, error) {\n    const [id] = taskInstance.args;\n    this.log(\n      COLORS[id],\n      `Task ${id}: AJAX failed because of '${error.message}'`,\n    );\n  }\n\n  @task({ on: 'init' }) task0 = loopingAjaxTask(0);\n  @task({ on: 'init' }) task1 = loopingAjaxTask(1);\n  @task({ on: 'init' }) task2 = loopingAjaxTask(2);\n  @task({ on: 'init' }) task3 = loopingAjaxTask(3);\n  @task({ on: 'init' }) task4 = loopingAjaxTask(4);\n  @task({ on: 'init' }) task5 = loopingAjaxTask(5);\n  @task({ on: 'init' }) task6 = loopingAjaxTask(6);\n  @task({ on: 'init' }) task7 = loopingAjaxTask(7);\n\n  log(color, message) {\n    this.logs = [...this.logs, { color, message }].slice(-7);\n  }\n}","task-modifier-benchmark-on-task.hbs":'<button {{on "click" this.doWork.perform}} type="button">\n  Benchmark task\n</button>\n\n{{#if this.doWork.isRunning}}\n  Running benchmark...\n{{/if}}\n\n<ol>\n  {{#each this.perfEntries as |entry|}}\n    <li>Start time:\n      {{entry.startTime}}ms after page-load; duration =\n      {{entry.duration}}ms</li>\n  {{/each}}\n</ol>',"task-modifier-benchmark-on-task.js":"import { task, timeout } from 'ember-concurrency';\n\n// registerModifer is called in the module defining the modifier,\n// so we're really just importing it here for the side-effect. This is mostly for\n// terseness in this illustration. You may want to separate defining the modifier\n// and registering it with registerModifier, and be explicit about where you\n// register (e.g. addon, library, or app initialization)\nimport 'test-app/task-modifiers/benchmark';\n\nlet performance =\n  typeof window !== 'undefined' && window.performance\n    ? window.performance\n    : { getEntriesByName() {} };\n\nexport default class TaskModifiersController extends Controller {\n  doWork = task({ drop: true, benchmark: true }, async () => {\n    await timeout(20000 * Math.random());\n  });\n\n  @computed('doWork.isRunning')\n  get perfEntries() {\n    if (this.doWork.isRunning) {\n      return [];\n    } else {\n      return performance.getEntriesByName(\n        'ember-concurrency.doWork.runtime',\n        'measure',\n      );\n    }\n  }\n}","task-modifier-benchmark.js":"// app/task-modifiers/benchmark.js\nimport { registerModifier } from 'ember-concurrency';\n\nfunction benchmarkModifier(taskFactory, option) {\n  if (!window && !window.performance) {\n    return;\n  }\n\n  if (option) {\n    let taskDefinition = taskFactory.taskDefinition;\n    let benchmarkedDefinition = function* (...args) {\n      let taskName = taskFactory.name;\n      let namespace = `ember-concurrency.${taskName}`;\n      window.performance.mark(`${namespace}.start`);\n\n      try {\n        yield* taskDefinition(...args);\n        window.performance.measure(\n          `${namespace}.success`,\n          `${namespace}.start`,\n        );\n      } catch (e) {\n        window.performance.measure(`${namespace}.error`, `${namespace}.start`);\n        throw e;\n      } finally {\n        window.performance.measure(\n          `${namespace}.runtime`,\n          `${namespace}.start`,\n        );\n      }\n    };\n\n    taskFactory.setTaskDefinition(benchmarkedDefinition);\n  }\n}\n\nregisterModifier('benchmark', benchmarkModifier);\n\nexport default benchmarkModifier;",ts:{"basic-example.ts":"import Component from '@ember/component';\nimport { task, timeout } from '../../../ember-concurrency/declarations';\n\nexport default class extends Component {\n  myTask = task(async (ms: number) => {\n    await timeout(ms);\n    return 'done!';\n  });\n}\n","template-import-example.txt":'import GlimmerComponent from "@glimmer/component";\nimport { task } from "ember-concurrency";\nimport perform from "ember-concurrency/helpers/perform";\nimport { on } from "@ember/modifier";\nimport { fn } from "@ember/helper";\n\nexport default class Demo extends GlimmerComponent {\n  taskNoArgs = task(async () => {\n    console.log("Look ma, no args!");\n  });\n\n  taskWithArgs = task(async (value: string) => {\n    console.log(value);\n  });\n\n  <template>\n    <button type="button" {{on "click" this.taskNoArgs.perform}}>\n      Task with no Params (.perform method) (RECOMMENDED)\n    </button>\n\n    <button type="button" {{on "click" (perform this.taskNoArgs)}}>\n      Task with no Params (with classic perform helper)\n    </button>\n\n    <button type="button" {{on "click" (fn this.taskNoArgs.perform \'123\')}}>\n      Task with Params (currying with fn helper) (RECOMMENDED)\n    </button>\n\n    <button type="button" {{on "click" (perform this.taskWithArgs \'123\')}}>\n      Task with Params (currying with classic perform helper)\n    </button>\n  </template>\n}\n',"template-registry-example.ts":"// e.g. types/glint.d.ts\nimport '@glint/environment-ember-loose';\nimport type EmberConcurrencyRegistry from 'ember-concurrency/template-registry';\n\ndeclare module '@glint/environment-ember-loose/registry' {\n  export default interface Registry\n    extends EmberConcurrencyRegistry /* other addon registries */ {\n    // local entries\n  }\n}\n","typing-task.ts":"import Component from '@glimmer/component';\nimport { task, timeout } from '../../../ember-concurrency/declarations';\nimport type { Task } from '../../../ember-concurrency/declarations';\n\n// Define a Type task that takes a single number argument and returns a string\ntype MyTaskType = Task<string, [number]>;\n\ninterface Args {\n  fooTask: MyTaskType;\n}\n\nexport default class extends Component<Args> {\n  slowlyComputeStringLength: MyTaskType = task(async (ms: number) => {\n    await timeout(ms);\n\n    const length = await this.args.fooTask.perform(ms);\n\n    return length;\n  });\n}\n"},"waitForEvent-derived-state.hbs":"<h4>\n  {{#if this.waiter.isRunning}}\n    Please click somewhere...\n  {{else}}\n    Thanks!\n  {{/if}}\n</h4>","waitForEvent-derived-state.js":"  waiterLoop = task(async () => {\n    while (true) {\n      await this.waiter.perform();\n      await timeout(1500);\n    }\n  });\n\n  waiter = task(async () => {\n    let event = await waitForEvent(document.body, 'click');\n    return event;\n  });\n","waitForEvent.hbs":"<h4>\n  domEvent: (x={{this.domEvent.offsetX}}, y={{this.domEvent.offsetX}})\n</h4>\n\n<h4>\n  jqueryEvent: (x={{this.jQueryEvent.offsetX}}, y={{this.jQueryEvent.offsetX}})\n</h4>\n\n<h4>\n  emberEvent: (v={{this.emberEvent.v}})\n</h4>","waitForEvent.js":"  @tracked domEvent = null;\n  @tracked jQueryEvent = null;\n  @tracked emberEvent = null;\n\n  domEventLoop = task(async () => {\n    while (true) {\n      let event = await waitForEvent(document.body, 'click');\n      this.domEvent = event;\n      this.trigger('fooEvent', { v: Math.random() });\n    }\n  });\n\n  jQueryEventLoop = task(async () => {\n    let $body = $('body');\n    while (true) {\n      let event = await waitForEvent($body, 'click');\n      this.jQueryEvent = event;\n    }\n  });\n\n  emberEventedLoop = task(async () => {\n    while (true) {\n      let event = await waitForEvent(this, 'fooEvent');\n      this.emberEvent = event;\n    }\n  });\n\n  didInsertElement() {\n    super.didInsertElement(...arguments);\n    this.domEventLoop.perform();\n    this.jQueryEventLoop.perform();\n    this.emberEventedLoop.perform();\n    this.waiterLoop.perform();\n  }\n","waitForProperty.hbs":'<button {{on "click" this.startAll.perform}} type="button">\n  Start\n</button>\n\n<h5>\n  State: {{this.state}}\n</h5>',"waitForProperty.js":"  startAll = task(async () => {\n    this.bazValue = 1;\n    this.state = 'Start.';\n    this.foo.perform();\n    this.bar.perform();\n    this.baz.perform();\n  });\n\n  foo = task(async () => {\n    await timeout(500);\n  });\n\n  bar = task(async () => {\n    await waitForProperty(this, 'foo.isIdle');\n    this.state = `${this.state} Foo is idle.`;\n    await timeout(500);\n    this.bazValue = 42;\n    this.state = `${this.state} Bar.`;\n  });\n\n  @tracked bazValue = 1;\n  @tracked state = '';\n\n  baz = task(async () => {\n    let val = await waitForProperty(this, 'bazValue', (v) => v % 2 === 0);\n    await timeout(500);\n    this.state = `${this.state} Baz got even value ${val}.`;\n  });","yieldable-req-idle-cb-task.js":"import Component from '@glimmer/component';\nimport { task } from 'ember-concurrency';\nimport idleCallback from 'my-app/yieldables/idle-callback';\n\nexport class MyComponent extends Component {\n  backgroundTask = task(async () => {\n    while (1) {\n      await idleCallback();\n\n      const data = this.complicatedNumberCrunching();\n      await this.sendData(data);\n    }\n  });\n}\n","yieldable-req-idle-cb.js":"// app/yieldables/idle-callback.js\nimport { Yieldable } from 'ember-concurrency';\n\nclass IdleCallbackYieldable extends Yieldable {\n  onYield(state) {\n    let callbackId = requestIdleCallback(() => state.next());\n\n    return () => cancelIdleCallback(callbackId);\n  }\n}\n\nexport const idleCallback = () => new IdleCallbackYieldable();\n\nexport default idleCallback;\n"}})),define("ember-fetch/errors",["exports"],(function(e){"use strict"
 Object.defineProperty(e,"__esModule",{value:!0}),e.isAbortError=function(e){return"AbortError"==e.name},e.isBadRequestResponse=function(e){return 400===e.status},e.isConflictResponse=function(e){return 409===e.status},e.isForbiddenResponse=function(e){return 403===e.status},e.isGoneResponse=function(e){return 410===e.status},e.isInvalidResponse=function(e){return 422===e.status},e.isNotFoundResponse=function(e){return 404===e.status},e.isServerErrorResponse=function(e){return e.status>=500&&e.status<600},e.isUnauthorizedResponse=function(e){return 401===e.status}})),define("ember-fetch/types",["exports"],(function(e){"use strict"
 Object.defineProperty(e,"__esModule",{value:!0}),e.isPlainObject=function(e){return"[object Object]"===Object.prototype.toString.call(e)}})),define("ember-fetch/utils/determine-body-promise",["exports","@ember/debug"],(function(e,t){"use strict"
 Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(e,r){return e.text().then((function(n){let i=n
diff --git a/docs/advanced/lifecycle-events/index.html b/docs/advanced/lifecycle-events/index.html
index e5837d5bc..3d0ad45d6 100644
--- a/docs/advanced/lifecycle-events/index.html
+++ b/docs/advanced/lifecycle-events/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember791" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember792" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember792" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember793" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember793" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember794" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember794" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember795" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember795" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember796" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember796" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember797" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember797" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember798" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember798" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember799" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember799" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember800" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember800" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember801" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember801" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember802" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember802" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember803" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember803" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember804" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember804" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember805" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember805" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember806" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember806" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember807" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember807" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember808" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember808" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember809" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember809" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember810" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember810" class="ember-view active" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember811" class="ember-view active" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember811" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember812" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember812" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember813" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember813" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember814" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember814" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember815" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember815" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember816" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember816" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember817" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember817" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember818" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember818" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember819" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember819" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+      Previous: <a id="ember820" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember820" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+      Next: <a id="ember821" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
     </p>
 </div>
 
@@ -227,7 +227,7 @@ <h3>Task lifecycle events</h3>
 
 <p>
   In the below example, we refactor the
-  <a id="ember821" class="ember-view" href="/docs/examples/ajax-throttling">AJAX throttling example</a> to use
+  <a id="ember822" class="ember-view" href="/docs/examples/ajax-throttling">AJAX throttling example</a> to use
   task events for logging of the <code>ajaxTask</code>'s state changes, instead
   of doing it manually in the looping task itself.
 </p>
@@ -252,11 +252,11 @@ <h3>Live Example</h3>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember822" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+      Previous: <a id="ember823" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember823" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+      Next: <a id="ember824" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
     </p>
 </div>
 
@@ -269,9 +269,9 @@ <h3>Live Example</h3>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/advanced/task-modifiers/index.html b/docs/advanced/task-modifiers/index.html
index b27e71695..ed094f9d2 100644
--- a/docs/advanced/task-modifiers/index.html
+++ b/docs/advanced/task-modifiers/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember830" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember831" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember831" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember832" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember832" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember833" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember833" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember834" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember834" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember835" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember835" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember836" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember836" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember837" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember837" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember838" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember838" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember839" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember839" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember840" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember840" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember841" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember841" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember842" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember842" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember843" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember843" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember844" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember844" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember845" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember845" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember846" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember846" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember847" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember847" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember848" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember848" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember849" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember849" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember850" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember850" class="ember-view active" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember851" class="ember-view active" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember851" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember852" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember852" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember853" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember853" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember854" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember854" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember855" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember855" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember856" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember856" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember857" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember857" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember858" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember858" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+      Previous: <a id="ember859" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember859" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+      Next: <a id="ember860" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
     </p>
 </div>
 
@@ -281,11 +281,11 @@ <h3>More about Task Modifiers</h3>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember860" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+      Previous: <a id="ember861" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember861" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+      Next: <a id="ember862" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
     </p>
 </div>
 
@@ -298,9 +298,9 @@ <h3>More about Task Modifiers</h3>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/advanced/yieldables/index.html b/docs/advanced/yieldables/index.html
index b72cbeafe..25faf45e3 100644
--- a/docs/advanced/yieldables/index.html
+++ b/docs/advanced/yieldables/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember867" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember868" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember868" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember869" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember869" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember870" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember870" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember871" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember871" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember872" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember872" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember873" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember873" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember874" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember874" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember875" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember875" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember876" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember876" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember877" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember877" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember878" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember878" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember879" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember879" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember880" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember880" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember881" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember881" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember882" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember882" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember883" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember883" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember884" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember884" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember885" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember885" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember886" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember886" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember887" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember887" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember888" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember888" class="ember-view active" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember889" class="ember-view active" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember889" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember890" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember890" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember891" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember891" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember892" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember892" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember893" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember893" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember894" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember894" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember895" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember895" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+      Previous: <a id="ember896" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember896" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+      Next: <a id="ember897" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
     </p>
 </div>
 
@@ -277,11 +277,11 @@ <h3>More about Yieldables</h3>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember897" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+      Previous: <a id="ember898" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember898" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+      Next: <a id="ember899" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
     </p>
 </div>
 
@@ -294,9 +294,9 @@ <h3>More about Yieldables</h3>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/cancelation/index.html b/docs/cancelation/index.html
index 7b7cb7ae3..de135d190 100644
--- a/docs/cancelation/index.html
+++ b/docs/cancelation/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember442" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember443" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember443" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember444" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember444" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember445" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember445" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember446" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember446" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember447" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember447" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember448" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember448" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember449" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember449" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember450" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember450" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember451" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember451" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember452" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember452" class="ember-view active" href="/docs/cancelation">Cancellation</a>
+                <a id="ember453" class="ember-view active" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember453" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember454" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember454" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember455" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember455" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember456" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember456" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember457" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember457" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember458" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember458" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember459" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember459" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember460" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember460" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember461" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember461" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember462" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember462" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember463" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember463" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember464" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember464" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember465" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember465" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember466" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember466" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember467" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember467" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember468" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember468" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember469" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember469" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember470" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember470" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+      Previous: <a id="ember471" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember471" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+      Next: <a id="ember472" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
     </p>
 </div>
 
@@ -237,7 +237,7 @@ <h4>How ember-concurrency cancels task functions</h4>
   be wondering, how does e-c get around this limitation? The answer is that behind the scenes,
   ember-concurrency uses a Babel transform to convert your async arrow function into a
   <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function*">Generator Function</a>,
-  which are able to be cancelled. (Please see the <a id="ember472" class="ember-view" href="/docs/installation">Installation Docs</a> on
+  which are able to be cancelled. (Please see the <a id="ember473" class="ember-view" href="/docs/installation">Installation Docs</a> on
   how to install this transform.)
 </p>
 
@@ -245,7 +245,7 @@ <h4>Implicit Cancelation via Task Modifiers</h4>
 
 <p>
   Generally speaking, it is <em>much</em> better to configure your tasks properly
-  (via <a id="ember473" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>)
+  (via <a id="ember474" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>)
   such that they'll be implicitly/automatically canceled at
   the right time, but there are still some cases where
   explicit cancelation is the only option.
@@ -295,11 +295,11 @@ <h5>Running tasks: 0</h5>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember474" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+      Previous: <a id="ember475" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember475" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+      Next: <a id="ember476" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
     </p>
 </div>
 
@@ -312,9 +312,9 @@ <h5>Running tasks: 0</h5>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/child-tasks/index.html b/docs/child-tasks/index.html
index 862559d74..388147793 100644
--- a/docs/child-tasks/index.html
+++ b/docs/child-tasks/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember520" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember521" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember521" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember522" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember522" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember523" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember523" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember524" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember524" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember525" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember525" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember526" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember526" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember527" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember527" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember528" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember528" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember529" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember529" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember530" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember530" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember531" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember531" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember532" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember532" class="ember-view active" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember533" class="ember-view active" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember533" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember534" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember534" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember535" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember535" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember536" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember536" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember537" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember537" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember538" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember538" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember539" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember539" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember540" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember540" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember541" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember541" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember542" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember542" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember543" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember543" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember544" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember544" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember545" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember545" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember546" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember546" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember547" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember547" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember548" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember548" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+      Previous: <a id="ember549" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember549" class="ember-view" href="/docs/derived-state">Derived State</a>
+      Next: <a id="ember550" class="ember-view" href="/docs/derived-state">Derived State</a>
     </p>
 </div>
 
@@ -249,11 +249,11 @@ <h5>Waiting to start</h5>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember550" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+      Previous: <a id="ember551" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember551" class="ember-view" href="/docs/derived-state">Derived State</a>
+      Next: <a id="ember552" class="ember-view" href="/docs/derived-state">Derived State</a>
     </p>
 </div>
 
@@ -266,9 +266,9 @@ <h5>Waiting to start</h5>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/derived-state/index.html b/docs/derived-state/index.html
index bfb282f28..2861c2923 100644
--- a/docs/derived-state/index.html
+++ b/docs/derived-state/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember557" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember558" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember558" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember559" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember559" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember560" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember560" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember561" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember561" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember562" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember562" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember563" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember563" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember564" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember564" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember565" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember565" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember566" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember566" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember567" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember567" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember568" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember568" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember569" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember569" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember570" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember570" class="ember-view active" href="/docs/derived-state">Derived State</a>
+                <a id="ember571" class="ember-view active" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember571" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember572" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember572" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember573" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember573" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember574" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember574" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember575" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember575" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember576" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember576" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember577" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember577" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember578" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember578" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember579" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember579" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember580" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember580" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember581" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember581" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember582" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember582" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember583" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember583" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember584" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember584" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember585" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember585" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+      Previous: <a id="ember586" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember586" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+      Next: <a id="ember587" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
     </p>
 </div>
 
@@ -355,7 +355,7 @@ <h3>Live Example</h3>
 
 <p>
   <label>
-    <input id="ember587" class="ember-checkbox ember-view" type="checkbox">
+    <input id="ember588" class="ember-checkbox ember-view" type="checkbox">
     Show less common properties
   </label>
 </p>
@@ -690,11 +690,11 @@ <h5>doStuffRestartable
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember588" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+      Previous: <a id="ember589" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember589" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+      Next: <a id="ember590" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
     </p>
 </div>
 
@@ -707,9 +707,9 @@ <h5>doStuffRestartable
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/error-vs-cancelation/index.html b/docs/error-vs-cancelation/index.html
index 20fb55208..6c9dea56b 100644
--- a/docs/error-vs-cancelation/index.html
+++ b/docs/error-vs-cancelation/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember481" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember482" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember482" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember483" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember483" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember484" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember484" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember485" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember485" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember486" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember486" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember487" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember487" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember488" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember488" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember489" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember489" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember490" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember490" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember491" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember491" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember492" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember492" class="ember-view active" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember493" class="ember-view active" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember493" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember494" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember494" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember495" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember495" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember496" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember496" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember497" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember497" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember498" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember498" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember499" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember499" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember500" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember500" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember501" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember501" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember502" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember502" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember503" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember503" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember504" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember504" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember505" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember505" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember506" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember506" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember507" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember507" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember508" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember508" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember509" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember509" class="ember-view" href="/docs/cancelation">Cancellation</a>
+      Previous: <a id="ember510" class="ember-view" href="/docs/cancelation">Cancellation</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember510" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+      Next: <a id="ember511" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
     </p>
 </div>
 
@@ -234,7 +234,7 @@ <h3>Errors vs Cancelation</h3>
 
 <p>
   The
-  <a id="ember511" class="ember-view" href="/docs/task-function-syntax">Task Function Syntax docs</a>
+  <a id="ember512" class="ember-view" href="/docs/task-function-syntax">Task Function Syntax docs</a>
   demonstrates how you can use standard JavaScript
   <code>try/catch</code>
   blocks to catch exceptions thrown when you yield a rejecting promise, but what
@@ -273,7 +273,7 @@ <h3>Errors vs Cancelation</h3>
     * While
     <code>finally</code>
     blocks are nice for cleanup logic, make sure you're leveraging the power of
-    <a id="ember512" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+    <a id="ember513" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
     and
     <code>.isRunning / .isIdle</code>
     task properties as much as possible so that you're not manually
@@ -328,11 +328,11 @@ <h4>Example</h4>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember513" class="ember-view" href="/docs/cancelation">Cancellation</a>
+      Previous: <a id="ember514" class="ember-view" href="/docs/cancelation">Cancellation</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember514" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+      Next: <a id="ember515" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
     </p>
 </div>
 
@@ -345,9 +345,9 @@ <h4>Example</h4>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/events/index.html b/docs/events/index.html
index c21f532ec..421b4e936 100644
--- a/docs/events/index.html
+++ b/docs/events/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember595" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember596" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember596" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember597" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember597" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember598" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember598" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember599" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember599" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember600" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember600" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember601" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember601" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember602" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember602" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember603" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember603" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember604" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember604" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember605" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember605" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember606" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember606" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember607" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember607" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember608" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember608" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember609" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember609" class="ember-view active" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember610" class="ember-view active" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember610" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember611" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember611" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember612" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember612" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember613" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember613" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember614" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember614" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember615" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember615" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember616" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember616" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember617" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember617" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember618" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember618" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember619" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember619" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember620" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember620" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember621" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember621" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember622" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember622" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember623" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember623" class="ember-view" href="/docs/derived-state">Derived State</a>
+      Previous: <a id="ember624" class="ember-view" href="/docs/derived-state">Derived State</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember624" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+      Next: <a id="ember625" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
     </p>
 </div>
 
@@ -214,7 +214,7 @@ <h3 style="float:left;">
 </a>
 
 
-      <div id="ember625" class="ember-view"><h2>Awaiting Events / Conditions</h2>
+      <div id="ember626" class="ember-view"><h2>Awaiting Events / Conditions</h2>
 
 <p>
   In addition to pausing the execution of a task until a yielded promise
@@ -350,11 +350,11 @@ <h5>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember626" class="ember-view" href="/docs/derived-state">Derived State</a>
+      Previous: <a id="ember627" class="ember-view" href="/docs/derived-state">Derived State</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember627" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+      Next: <a id="ember628" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
     </p>
 </div>
 
@@ -367,9 +367,9 @@ <h5>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/examples/ajax-throttling/index.html b/docs/examples/ajax-throttling/index.html
index 91e287bde..7cbb92faf 100644
--- a/docs/examples/ajax-throttling/index.html
+++ b/docs/examples/ajax-throttling/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember1021" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember1022" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember1022" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember1023" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1023" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember1024" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1024" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember1025" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1025" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember1026" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember1026" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember1027" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1027" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember1028" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1028" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember1029" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember1029" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember1030" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1030" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember1031" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1031" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember1032" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1032" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember1033" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1033" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember1034" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1034" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember1035" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1035" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember1036" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1036" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember1037" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1037" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember1038" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1038" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember1039" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember1039" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember1040" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1040" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember1041" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1041" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember1042" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1042" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember1043" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember1043" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember1044" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1044" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember1045" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1045" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember1046" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1046" class="ember-view active" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember1047" class="ember-view active" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1047" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember1048" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1048" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember1049" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember1049" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+      Previous: <a id="ember1050" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember1050" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+      Next: <a id="ember1051" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
     </p>
 </div>
 
@@ -256,11 +256,11 @@ <h3>Live Example</h3>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember1051" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+      Previous: <a id="ember1052" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember1052" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+      Next: <a id="ember1053" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
     </p>
 </div>
 
@@ -273,9 +273,9 @@ <h3>Live Example</h3>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/examples/autocomplete/index.html b/docs/examples/autocomplete/index.html
index 3c99cfe13..8c2e6453a 100644
--- a/docs/examples/autocomplete/index.html
+++ b/docs/examples/autocomplete/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember942" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember943" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember943" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember944" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember944" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember945" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember945" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember946" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember946" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember947" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember947" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember948" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember948" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember949" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember949" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember950" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember950" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember951" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember951" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember952" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember952" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember953" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember953" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember954" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember954" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember955" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember955" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember956" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember956" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember957" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember957" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember958" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember958" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember959" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember959" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember960" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember960" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember961" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember961" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember962" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember962" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember963" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember963" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember964" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember964" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember965" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember965" class="ember-view active" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember966" class="ember-view active" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember966" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember967" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember967" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember968" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember968" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember969" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember969" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember970" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember970" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+      Previous: <a id="ember971" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember971" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+      Next: <a id="ember972" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
     </p>
 </div>
 
@@ -225,7 +225,7 @@ <h3>Debounced Type-Ahead Search</h3>
   <li>
     Debouncing: the browser won't make network requests until the user has
     stopped typing for more than 250ms. This is accomplished by combining the
-    <code><a id="ember972" class="ember-view" href="/docs/task-concurrency">restartable</a></code>
+    <code><a id="ember973" class="ember-view" href="/docs/task-concurrency">restartable</a></code>
     task modifier with a
     <code>yield timeout(250)</code>
     at the beginning of the task.
@@ -234,11 +234,11 @@ <h3>Debounced Type-Ahead Search</h3>
     Fetch cancelation: if the user starts typing while a prior fetch request is
     underway, that fetch request will be canceled to save network resources
     (this is accomplished via the
-    <a id="ember973" class="ember-view" href="/docs/error-vs-cancelation">try / finally cancelation pattern</a>).
+    <a id="ember974" class="ember-view" href="/docs/error-vs-cancelation">try / finally cancelation pattern</a>).
   </li>
   <li>
     Use
-    <a id="ember974" class="ember-view" href="/docs/derived-state">Derived State</a>
+    <a id="ember975" class="ember-view" href="/docs/derived-state">Derived State</a>
     to display both a loading spinner and the final search results without using
     a single
     <code>.set()</code>.
@@ -279,11 +279,11 @@ <h5>Template</h5>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember975" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+      Previous: <a id="ember976" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember976" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+      Next: <a id="ember977" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
     </p>
 </div>
 
@@ -296,9 +296,9 @@ <h5>Template</h5>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/examples/increment-buttons/index.html b/docs/examples/increment-buttons/index.html
index 17073e32b..8c5ef5c1a 100644
--- a/docs/examples/increment-buttons/index.html
+++ b/docs/examples/increment-buttons/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember982" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember983" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember983" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember984" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember984" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember985" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember985" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember986" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember986" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember987" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember987" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember988" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember988" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember989" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember989" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember990" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember990" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember991" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember991" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember992" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember992" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember993" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember993" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember994" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember994" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember995" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember995" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember996" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember996" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember997" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember997" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember998" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember998" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember999" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember999" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember1000" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember1000" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember1001" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1001" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember1002" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1002" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember1003" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1003" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember1004" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember1004" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember1005" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1005" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember1006" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1006" class="ember-view active" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember1007" class="ember-view active" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1007" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember1008" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1008" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember1009" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1009" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember1010" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember1010" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+      Previous: <a id="ember1011" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember1011" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+      Next: <a id="ember1012" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
     </p>
 </div>
 
@@ -276,11 +276,11 @@ <h5>Template (button component)</h5>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember1012" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+      Previous: <a id="ember1013" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember1013" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+      Next: <a id="ember1014" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
     </p>
 </div>
 
@@ -293,9 +293,9 @@ <h5>Template (button component)</h5>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/examples/joining-tasks/index.html b/docs/examples/joining-tasks/index.html
index 2b221b394..bc67553f8 100644
--- a/docs/examples/joining-tasks/index.html
+++ b/docs/examples/joining-tasks/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember1103" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember1104" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember1104" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember1105" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1105" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember1106" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1106" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember1107" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1107" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember1108" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember1108" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember1109" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1109" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember1110" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1110" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember1111" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember1111" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember1112" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1112" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember1113" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1113" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember1114" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1114" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember1115" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1115" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember1116" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1116" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember1117" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1117" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember1118" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1118" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember1119" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1119" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember1120" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1120" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember1121" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember1121" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember1122" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1122" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember1123" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1123" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember1124" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1124" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember1125" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember1125" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember1126" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1126" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember1127" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1127" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember1128" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1128" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember1129" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1129" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember1130" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember1130" class="ember-view active" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember1131" class="ember-view active" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,7 +201,7 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember1131" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+      Previous: <a id="ember1132" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
     </p>
 
 <!----></div>
@@ -262,7 +262,7 @@ <h5>Status: Waiting...</h5>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember1132" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+      Previous: <a id="ember1133" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
     </p>
 
 <!----></div>
@@ -276,9 +276,9 @@ <h5>Status: Waiting...</h5>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/examples/loading-ui/index.html b/docs/examples/loading-ui/index.html
index 7b9f7429a..f68c6ea79 100644
--- a/docs/examples/loading-ui/index.html
+++ b/docs/examples/loading-ui/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember904" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember905" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember905" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember906" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember906" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember907" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember907" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember908" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember908" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember909" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember909" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember910" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember910" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember911" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember911" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember912" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember912" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember913" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember913" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember914" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember914" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember915" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember915" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember916" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember916" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember917" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember917" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember918" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember918" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember919" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember919" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember920" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember920" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember921" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember921" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember922" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember922" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember923" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember923" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember924" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember924" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember925" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember925" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember926" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember926" class="ember-view active" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember927" class="ember-view active" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember927" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember928" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember928" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember929" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember929" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember930" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember930" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember931" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember931" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember932" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember932" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+      Previous: <a id="ember933" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember933" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+      Next: <a id="ember934" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
     </p>
 </div>
 
@@ -233,7 +233,7 @@ <h3>Loading UI While a Task is Running</h3>
   completes. Also, because the task in the example below uses the
   <code>drop</code>
   modifier (see
-  <a id="ember934" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>), there's no
+  <a id="ember935" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>), there's no
   need to write a guard at the beginning of the task to return early if the task
   is already running.
 </p>
@@ -264,11 +264,11 @@ <h3>Live Example</h3>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember935" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+      Previous: <a id="ember936" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember936" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+      Next: <a id="ember937" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
     </p>
 </div>
 
@@ -281,9 +281,9 @@ <h3>Live Example</h3>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/faq/index.html b/docs/faq/index.html
index 6cba75e04..39584409b 100644
--- a/docs/faq/index.html
+++ b/docs/faq/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember708" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember709" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember709" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember710" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember710" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember711" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember711" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember712" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember712" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember713" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember713" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember714" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember714" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember715" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember715" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember716" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember716" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember717" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember717" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember718" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember718" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember719" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember719" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember720" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember720" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember721" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember721" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember722" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember722" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember723" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember723" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember724" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember724" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember725" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember725" class="ember-view active" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember726" class="ember-view active" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember726" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember727" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember727" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember728" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember728" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember729" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember729" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember730" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember730" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember731" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember731" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember732" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember732" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember733" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember733" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember734" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember734" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember735" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember735" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember736" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember736" class="ember-view" href="/docs/typescript">TypeScript</a>
+      Previous: <a id="ember737" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember737" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+      Next: <a id="ember738" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
     </p>
 </div>
 
@@ -232,7 +232,7 @@ <h4>Decorators</h4>
 <h4>Why am I seeing TaskCancelation errors in my logs?</h4>
 
 <p>
-  See <a id="ember738" class="ember-view" href="/docs/task-cancelation-help">this link</a>.
+  See <a id="ember739" class="ember-view" href="/docs/task-cancelation-help">this link</a>.
 </p>
 
 <h4>Does ember-concurrency work with older browsers?</h4>
@@ -286,7 +286,7 @@ <h5>Promises and Async functions?</h5>
 
 <ul>
   <li>
-    <a id="ember739" class="ember-view" href="/docs/cancelation">Docs: implicit vs explicit cancelation</a>
+    <a id="ember740" class="ember-view" href="/docs/cancelation">Docs: implicit vs explicit cancelation</a>
   </li>
   <li>
     <a href="https://github.com/machty/ember-concurrency/issues/98">
@@ -304,7 +304,7 @@ <h5>Observables?</h5>
     can be canceled implicitly when all subscribers have unsubscribed, or explicitly
     by calling <code>.dispose()</code> (though this approach is frowned up in favor
     of explicitly specifying when an observable should terminate -- e.g. via <code>takeUntil()</code>).
-    <a id="ember740" class="ember-view" href="/docs/cancelation">Tasks can be canceled</a> implicitly (via 1. host object destruction, 2. the
+    <a id="ember741" class="ember-view" href="/docs/cancelation">Tasks can be canceled</a> implicitly (via 1. host object destruction, 2. the
     <code>restartable</code> task modifier) or explicitly (via <code>.cancel() / .cancelAll()</code>), though,
     like Observables, the implicit approach is preferable.
   </li>
@@ -313,7 +313,7 @@ <h5>Observables?</h5>
     Observables can emit multiple values over time. Tasks don't really "emit" values,
     but can <code>.set()</code> values on the object the task lives on so that those
     values can be easily displayed in the template. Tasks also expose the value / error
-    returned from the task function (see <a id="ember741" class="ember-view" href="/docs/derived-state">Derived State</a>),
+    returned from the task function (see <a id="ember742" class="ember-view" href="/docs/derived-state">Derived State</a>),
     which are preferable to <code>.set()</code>s where possible.
   </li>
   <li>
@@ -335,7 +335,7 @@ <h5>Observables?</h5>
     marble represents a discrete event emitted. Tasks don't emit multiple values,
     and instead make a greater emphasis on the concept of task/object lifespans, hence
     are more easily visualized as
-    <a id="ember742" class="ember-view" href="/docs/task-concurrency">possibly overlapping blocks</a> over time.
+    <a id="ember743" class="ember-view" href="/docs/task-concurrency">possibly overlapping blocks</a> over time.
   </li>
   <li>
     <strong>Readability</strong>
@@ -363,11 +363,11 @@ <h5>Observables?</h5>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember743" class="ember-view" href="/docs/typescript">TypeScript</a>
+      Previous: <a id="ember744" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember744" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+      Next: <a id="ember745" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
     </p>
 </div>
 
@@ -380,9 +380,9 @@ <h5>Observables?</h5>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/installation/index.html b/docs/installation/index.html
index cc5a41669..e7d5489e5 100644
--- a/docs/installation/index.html
+++ b/docs/installation/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -131,7 +131,7 @@ <h3 style="float:left;">
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember127" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember127" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
@@ -232,7 +232,6 @@ <h3>Installation</h3>
   <ul>
     <li>At least <code>ember-cli-babel@^7.7.2</code></li>
     <li>At least <code>@babel/core@^7.5.0</code> (as a transitive dependency via <code>ember-cli-babel</code>)</li>
-    <li>At least <code>ember-cli-typescript@^2.0.0</code> and TypeScript 4.2+, if you want to use it with TypeScript</li>
   </ul>
 </p>
 
@@ -249,17 +248,24 @@ <h4>Configure Babel Transform</h4>
     <pre class="language-javascript "><code class="code-snippet language-javascript"></code></pre>
   
 
+<h4>Typescript and Glint</h4>
+
+<p>
+  <a id="ember141" class="ember-view" href="/docs/typescript">Typescript and Glint docs</a> for setting up / using
+  Ember Concurency with TypeScript / Glint.
+</p>
+
 
 
       <br> <br> <br> <br>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember141" class="ember-view" href="/docs/introduction">Home</a>
+      Previous: <a id="ember142" class="ember-view" href="/docs/introduction">Home</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember142" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+      Next: <a id="ember143" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
     </p>
 </div>
 
@@ -272,9 +278,9 @@ <h4>Configure Babel Transform</h4>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/introduction/index.html b/docs/introduction/index.html
index 089ed238a..e2519122b 100644
--- a/docs/introduction/index.html
+++ b/docs/introduction/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -131,7 +131,7 @@ <h3 style="float:left;">
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember91" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember91" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
@@ -292,9 +292,9 @@ <h3>Additional Learning Resources</h3>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/older-versions/index.html b/docs/older-versions/index.html
index acb14261d..b436841fc 100644
--- a/docs/older-versions/index.html
+++ b/docs/older-versions/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember185" class="ember-view active" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember186" class="ember-view active" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember186" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember187" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember187" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember188" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember188" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember189" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember189" class="ember-view active" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember190" class="ember-view active" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember190" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember191" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember191" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember192" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember192" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember193" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember193" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember194" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember194" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember195" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember195" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember196" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember196" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember197" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember197" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember198" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember198" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember199" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember199" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember200" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember200" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember201" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember201" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember202" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember202" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember203" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember203" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember204" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember204" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember205" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember205" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember206" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember206" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember207" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember207" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember208" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember208" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember209" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember209" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember210" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember210" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember211" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember211" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember212" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember212" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember213" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember213" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+      Previous: <a id="ember214" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember214" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+      Next: <a id="ember215" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
     </p>
 </div>
 
@@ -238,11 +238,11 @@ <h3>Documentation for Older Versions of Ember Concurrency</h3>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember215" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+      Previous: <a id="ember216" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember216" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+      Next: <a id="ember217" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
     </p>
 </div>
 
@@ -255,9 +255,9 @@ <h3>Documentation for Older Versions of Ember Concurrency</h3>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/task-concurrency-advanced/index.html b/docs/task-concurrency-advanced/index.html
index 6eb5cb053..cb04fc8c6 100644
--- a/docs/task-concurrency-advanced/index.html
+++ b/docs/task-concurrency-advanced/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember750" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember751" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember751" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember752" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember752" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember753" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember753" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember754" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember754" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember755" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember755" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember756" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember756" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember757" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember757" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember758" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember758" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember759" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember759" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember760" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember760" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember761" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember761" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember762" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember762" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember763" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember763" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember764" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember764" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember765" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember765" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember766" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember766" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember767" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember767" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember768" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember768" class="ember-view active" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember769" class="ember-view active" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember769" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember770" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember770" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember771" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember771" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember772" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember772" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember773" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember773" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember774" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember774" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember775" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember775" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember776" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember776" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember777" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember777" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember778" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember778" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+      Previous: <a id="ember779" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember779" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+      Next: <a id="ember780" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
     </p>
 </div>
 
@@ -318,11 +318,11 @@ <h4>keepLatest with <code>maxConcurrency: 3</code></h4>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember780" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+      Previous: <a id="ember781" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember781" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+      Next: <a id="ember782" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
     </p>
 </div>
 
@@ -335,9 +335,9 @@ <h4>keepLatest with <code>maxConcurrency: 3</code></h4>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/task-concurrency/index.html b/docs/task-concurrency/index.html
index c0ca975a6..6363410dc 100644
--- a/docs/task-concurrency/index.html
+++ b/docs/task-concurrency/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember398" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember399" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember399" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember400" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember400" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember401" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember401" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember402" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember402" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember403" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember403" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember404" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember404" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember405" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember405" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember406" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember406" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember407" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember407" class="ember-view active" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember408" class="ember-view active" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember408" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember409" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember409" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember410" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember410" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember411" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember411" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember412" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember412" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember413" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember413" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember414" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember414" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember415" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember415" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember416" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember416" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember417" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember417" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember418" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember418" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember419" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember419" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember420" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember420" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember421" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember421" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember422" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember422" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember423" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember423" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember424" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember424" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember425" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember425" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember426" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember426" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+      Previous: <a id="ember427" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember427" class="ember-view" href="/docs/cancelation">Cancellation</a>
+      Next: <a id="ember428" class="ember-view" href="/docs/cancelation">Cancellation</a>
     </p>
 </div>
 
@@ -278,7 +278,7 @@ <h4 id="restartable">restartable</h4>
 
 <p>
   <em>
-    Check out <a id="ember428" class="ember-view" href="/docs/examples/autocomplete">Debounced Auto-Search</a> for
+    Check out <a id="ember429" class="ember-view" href="/docs/examples/autocomplete">Debounced Auto-Search</a> for
     a practical example of restartable
   </em>
 </p>
@@ -325,7 +325,7 @@ <h4 id="drop">drop</h4>
 
 <p>
   <em>
-    Check out the <a id="ember429" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a> example for a common
+    Check out the <a id="ember430" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a> example for a common
     use case for <code>drop</code>
   </em>
 </p>
@@ -373,11 +373,11 @@ <h4 id="keepLatest">keepLatest</h4>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember430" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+      Previous: <a id="ember431" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember431" class="ember-view" href="/docs/cancelation">Cancellation</a>
+      Next: <a id="ember432" class="ember-view" href="/docs/cancelation">Cancellation</a>
     </p>
 </div>
 
@@ -390,9 +390,9 @@ <h4 id="keepLatest">keepLatest</h4>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/task-function-syntax/index.html b/docs/task-function-syntax/index.html
index 27d71514a..a53e6130f 100644
--- a/docs/task-function-syntax/index.html
+++ b/docs/task-function-syntax/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember358" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember359" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember359" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember360" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember360" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember361" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember361" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember362" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember362" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember363" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember363" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember364" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember364" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember365" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember365" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember366" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember366" class="ember-view active" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember367" class="ember-view active" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember367" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember368" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember368" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember369" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember369" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember370" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember370" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember371" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember371" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember372" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember372" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember373" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember373" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember374" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember374" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember375" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember375" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember376" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember376" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember377" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember377" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember378" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember378" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember379" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember379" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember380" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember380" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember381" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember381" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember382" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember382" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember383" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember383" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember384" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember384" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember385" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember385" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember386" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember386" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+      Previous: <a id="ember387" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember387" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+      Next: <a id="ember388" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
     </p>
 </div>
 
@@ -297,11 +297,11 @@ <h4>Classic Ember use (prior to Ember 3.10+ or non-Ember Octane)</h4>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember388" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+      Previous: <a id="ember389" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember389" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+      Next: <a id="ember390" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
     </p>
 </div>
 
@@ -314,9 +314,9 @@ <h4>Classic Ember use (prior to Ember 3.10+ or non-Ember Octane)</h4>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/testing-debugging/index.html b/docs/testing-debugging/index.html
index b73f7a471..07e24fa40 100644
--- a/docs/testing-debugging/index.html
+++ b/docs/testing-debugging/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember633" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember634" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember634" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember635" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember635" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember636" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember636" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember637" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember637" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember638" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember638" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember639" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember639" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember640" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember640" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember641" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember641" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember642" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember642" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember643" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember643" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember644" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember644" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember645" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember645" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember646" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember646" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember647" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember647" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember648" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember648" class="ember-view active" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember649" class="ember-view active" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember649" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember650" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember650" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember651" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember651" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember652" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember652" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember653" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember653" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember654" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember654" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember655" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember655" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember656" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember656" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember657" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember657" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember658" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember658" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember659" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember659" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember660" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember660" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember661" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember661" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+      Previous: <a id="ember662" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember662" class="ember-view" href="/docs/typescript">TypeScript</a>
+      Next: <a id="ember663" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
     </p>
 </div>
 
@@ -350,7 +350,7 @@ <h4>Unexpected Cancelation</h4>
 <h4>Strange errors when using as documented</h4>
 
 <p>
-  Check the <a id="ember663" class="ember-view" href="/docs/installation">requirements</a> to see what
+  Check the <a id="ember664" class="ember-view" href="/docs/installation">requirements</a> to see what
   you need to install.
 </p>
 
@@ -378,11 +378,11 @@ <h4>Strange errors when using as documented</h4>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember664" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+      Previous: <a id="ember665" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember665" class="ember-view" href="/docs/typescript">TypeScript</a>
+      Next: <a id="ember666" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
     </p>
 </div>
 
@@ -395,9 +395,9 @@ <h4>Strange errors when using as documented</h4>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/tutorial/discussion/index.html b/docs/tutorial/discussion/index.html
index be58736bb..9067a532e 100644
--- a/docs/tutorial/discussion/index.html
+++ b/docs/tutorial/discussion/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember271" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember272" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember272" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember273" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember273" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember274" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember274" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember275" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember275" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember276" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember276" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember277" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember277" class="ember-view active" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember278" class="ember-view active" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember278" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember279" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember279" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember280" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember280" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember281" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember281" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember282" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember282" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember283" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember283" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember284" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember284" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember285" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember285" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember286" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember286" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember287" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember287" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember288" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember288" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember289" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember289" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember290" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember290" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember291" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember291" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember292" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember292" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember293" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember293" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember294" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember294" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember295" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember295" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember296" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember296" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember297" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember297" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember298" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember298" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember299" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember299" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+      Previous: <a id="ember300" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember300" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+      Next: <a id="ember301" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
     </p>
 </div>
 
@@ -223,7 +223,7 @@ <h3>A Quick Post-Mortem</h3>
   something that is actually production-ready:
 </p>
 
-<div id="ember301">
+<div id="ember302">
   <div class="code-template-toggle">
     <div class="code-template-toggle-section hidden">
       
@@ -285,11 +285,11 @@ <h5>Alternative: Move tricky code to an object with a long lifespan</h5>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember302" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+      Previous: <a id="ember303" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember303" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+      Next: <a id="ember304" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
     </p>
 </div>
 
@@ -302,9 +302,9 @@ <h5>Alternative: Move tricky code to an object with a long lifespan</h5>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/tutorial/index.html b/docs/tutorial/index.html
index 8ee2eeb73..865eb68e7 100644
--- a/docs/tutorial/index.html
+++ b/docs/tutorial/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember222" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember223" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember223" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember224" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember224" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember225" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember225" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember226" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember226" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember227" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember227" class="ember-view active" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember228" class="ember-view active" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember228" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember229" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember229" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember230" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember230" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember231" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember231" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember232" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember232" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember233" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember233" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember234" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember234" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember235" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember235" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember236" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember236" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember237" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember237" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember238" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember238" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember239" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember239" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember240" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember240" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember241" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember241" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember242" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember242" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember243" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember243" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember244" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember244" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember245" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember245" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember246" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember246" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember247" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember247" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember248" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember248" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember249" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember249" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember250" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember250" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+      Previous: <a id="ember251" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember251" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+      Next: <a id="ember252" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
     </p>
 </div>
 
@@ -266,7 +266,7 @@ <h4>Version 1: Bare Minimum Implementation</h4>
   in the template.
 </p>
 
-<div id="ember252">
+<div id="ember253">
   <div class="code-template-toggle">
     <div class="code-template-toggle-section hidden">
       
@@ -315,7 +315,7 @@ <h4>Version 2: Add a Loading Spinner</h4>
   </em>
 </p>
 
-<div id="ember253">
+<div id="ember254">
   <div class="code-template-toggle">
     <div class="code-template-toggle-section hidden">
       
@@ -363,7 +363,7 @@ <h4>Version 3: Preventing Concurrency</h4>
   <code>isFindingStores</code> is true, and return early if so.
 </p>
 
-<div id="ember254">
+<div id="ember255">
   <div class="code-template-toggle">
     <div class="code-template-toggle-section hidden">
       
@@ -408,7 +408,7 @@ <h4>Version 3: Preventing Concurrency</h4>
   You can
   actually verify that this happening by opening your browser's
   web inspector, clicking "Find Nearby Stores" from the example
-  above, and then quickly clicking <a id="ember255" class="ember-view" href="/docs/introduction">this link</a>
+  above, and then quickly clicking <a id="ember256" class="ember-view" href="/docs/introduction">this link</a>
   before the store results have come back.
 </p>
 
@@ -428,7 +428,7 @@ <h4>Version 4: Handling "set on destroyed object" errors</h4>
   defensive programming to our promise callback as follows:
 </p>
 
-<div id="ember256">
+<div id="ember257">
   <div class="code-template-toggle">
     <div class="code-template-toggle-section hidden">
       
@@ -459,7 +459,7 @@ <h4>Version 4: Handling "set on destroyed object" errors</h4>
 
 <p>
   Now if you click "Find Nearby Stores" and
-  <a id="ember257" class="ember-view" href="/docs/introduction">navigate elsewhere</a>, you won't see
+  <a id="ember258" class="ember-view" href="/docs/introduction">navigate elsewhere</a>, you won't see
   that pesky error.
 </p>
 
@@ -492,7 +492,7 @@ <h4>Version 5: Handle Promise/Async Function Rejection</h4>
   means we have to duplicate our <code>isDestroyed</code> check.
 </p>
 
-<div id="ember258">
+<div id="ember259">
   <div class="code-template-toggle">
     <div class="code-template-toggle-section hidden">
       
@@ -531,11 +531,11 @@ <h4>Version 5: Handle Promise/Async Function Rejection</h4>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember259" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+      Previous: <a id="ember260" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember260" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+      Next: <a id="ember261" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
     </p>
 </div>
 
@@ -548,9 +548,9 @@ <h4>Version 5: Handle Promise/Async Function Rejection</h4>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/tutorial/refactor/index.html b/docs/tutorial/refactor/index.html
index 0b250bf08..f11f45527 100644
--- a/docs/tutorial/refactor/index.html
+++ b/docs/tutorial/refactor/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember310" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember311" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember311" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember312" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember312" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember313" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember313" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember314" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember314" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember315" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember315" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember316" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember316" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember317" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember317" class="ember-view active" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember318" class="ember-view active" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember318" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember319" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember319" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember320" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember320" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember321" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember321" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember322" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember322" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember323" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember323" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember324" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember324" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember325" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember325" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember326" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember326" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember327" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember327" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember328" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember328" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember329" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember329" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember330" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember330" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember331" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember331" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember332" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember332" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember333" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember333" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember334" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember334" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember335" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember335" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember336" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember336" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember337" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember337" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember338" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember338" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+      Previous: <a id="ember339" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember339" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+      Next: <a id="ember340" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
     </p>
 </div>
 
@@ -227,7 +227,7 @@ <h3>Refactoring With Tasks</h3>
   before (which only uses core Ember APIs):
 </p>
 
-<div id="ember340">
+<div id="ember341">
   <div class="code-template-toggle">
     <div class="code-template-toggle-section hidden">
       
@@ -262,7 +262,7 @@ <h4>Version 1: Bare Minimum Implementation (with Tasks)</h4>
   Now let's build the same thing with ember-concurrency tasks:
 </p>
 
-<div id="ember341">
+<div id="ember342">
   <div class="code-template-toggle">
     <div class="code-template-toggle-section hidden">
       
@@ -324,7 +324,7 @@ <h5>Version 2: Add a Loading Spinner (with Tasks)</h5>
   need to make a change to the template code; the JavaScript can stay the same:
 </p>
 
-<div id="ember342">
+<div id="ember343">
   <div class="code-template-toggle">
     <div class="code-template-toggle-section ">
       
@@ -365,14 +365,14 @@ <h4>Version 3: Preventing Concurrency (with Tasks)</h4>
   <code>if</code>
   guard at the start of the task, the ember-concurrency way to prevent
   concurrency is to apply a
-  <a id="ember343" class="ember-view" href="/docs/task-concurrency">Task Modifier</a>
+  <a id="ember344" class="ember-view" href="/docs/task-concurrency">Task Modifier</a>
   to the task. The one we want to use is the
   <code>drop</code>
   modifier, which prevents concurrency by "dropping" any attempt to perform the
   task while it is already running.
 </p>
 
-<div id="ember344">
+<div id="ember345">
   <div class="code-template-toggle">
     <div class="code-template-toggle-section hidden">
       
@@ -456,7 +456,7 @@ <h3>Final Diff</h3>
   JavaScript:
 </p>
 
-<div id="ember345">
+<div id="ember346">
   <div class="code-template-toggle">
     <div class="code-template-toggle-section hidden">
       
@@ -480,7 +480,7 @@ <h3>Final Diff</h3>
   Template:
 </p>
 
-<div id="ember346">
+<div id="ember347">
   <div class="code-template-toggle">
     <div class="code-template-toggle-section hidden">
       
@@ -512,11 +512,11 @@ <h3>Conclusion</h3>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember347" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+      Previous: <a id="ember348" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember348" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+      Next: <a id="ember349" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
     </p>
 </div>
 
@@ -529,9 +529,9 @@ <h3>Conclusion</h3>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/typescript/index.html b/docs/typescript/index.html
index 7c889630f..ac066af70 100644
--- a/docs/typescript/index.html
+++ b/docs/typescript/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember671" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember672" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember672" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember673" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember673" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember674" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember674" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember675" class="ember-view" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember675" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember676" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember676" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember677" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember677" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember678" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember678" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember679" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember679" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember680" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember680" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember681" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember681" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember682" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember682" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember683" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember683" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember684" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember684" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember685" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember685" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember686" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember686" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember687" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember687" class="ember-view active" href="/docs/typescript">TypeScript</a>
+                <a id="ember688" class="ember-view active" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember688" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember689" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember689" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember690" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember690" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember691" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember691" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember692" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember692" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember693" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember693" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember694" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember694" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember695" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember695" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember696" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember696" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember697" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember697" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember698" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember698" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember699" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember699" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+      Previous: <a id="ember700" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember700" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+      Next: <a id="ember701" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
     </p>
 </div>
 
@@ -214,79 +214,88 @@ <h3 style="float:left;">
 </a>
 
 
-      <h3>Using ember-concurrency with TypeScript</h3>
+      <h3>TypeScript and Glint</h3>
 
 <p>
-  The documentation below covers how to use ember-concurrency v2.3+
-  with Ember Octane. For older versions of ember-concurrency (or pre-Octane Ember),
-  <a href="https://v221.ember-concurrency.com/docs/typescript">please see the old guides</a>.
-</p>
-
-<p>
-  ember-concurrency tasks play nicely with TypeScript and all of the APIs covered in these docs.
-  Here is an example of a TypeScript component with an ember-concurrency task:
+  Ember Concurrency tasks play nicely with TypeScript and all of the APIs
+  covered in these docs. Here is an example of a TypeScript component with an
+  ember-concurrency task:
 </p>
 
 
     <pre class="language-typescript "><code class="code-snippet language-typescript"></code></pre>
   
 
-<h4>Typing <code>Task</code> objects</h4>
+<h4>Glint Template Registry</h4>
 
 <p>
-  In most cases, you don't need to provide type annotations for your task, but when you do
-  (such as when <a href="https://docs.ember-cli-typescript.com/ember/components?q=component#giving-args-a-type">
-  specifying the Args of a Glimmer component</a>), you can use the Task type:
+  Ember Concurrency provides a template registry for using the
+  <code>perform</code>,
+  <code>cancel-all</code>, and
+  <code>task</code>
+  helpers within handlebars templates in Glint "loose mode". See the example
+  below for how to include Ember Concurrency's template registry in your Glint
+  configuration.
 </p>
 
 
     <pre class="language-typescript "><code class="code-snippet language-typescript"></code></pre>
   
 
-<h4>Version 2.2 and older</h4>
+<h4>Ember Template Imports (.gts/.gts) Files</h4>
 
 <p>
-  Support for TypeScript in ember-concurrency was recently greatly improved and simplified
-  with the release of version 2.3, largely due to the introduction of the new
-  async arrow task function syntax (e.g. <code>myTask = task(async () =&gt; {})</code>),
-  which alleviated most / all of the prior challenges with getting ember-concurrency tasks
-  to play nicely with TypeScript.
+  Here is an example of a modern .gts file in "strict mode" which imports the
+  classic
+  <code>perform</code>
+  helper from Ember Concurrency.
 </p>
 
-<ul>
-  <li>
-    <strong>
-      <a href="https://github.com/chancancode/ember-concurrency-async">ember-concurrency-async</a>
-    </strong>
-    is no longer necessary
-  </li>
-    <li>
-    <strong>
-      <a href="https://github.com/chancancode/ember-concurrency-ts">ember-concurrency-ts</a>
-    </strong>
-    and the <code>taskFor()</code> function it provides is no longer necessary
-    for interacting with tasks declared using the new syntax. See <a href="https://github.com/machty/ember-concurrency/releases/tag/2.3.0">v2.3.0</a> and <a href="https://github.com/machty/ember-concurrency/releases/tag/2.3.2">v2.3.2</a> release notes.
-  </li>
-</ul>
+<p>
+  Note: while you can import and use the
+  <code>perform</code>
+  helper, it is actually recommended to use the
+  <code>.perform()</code>
+  method on each task, which is internally bound to the task (similar to methods
+  decorated with
+  <code>@action</code>). One of the benefits of using the
+  <code>.perform()</code>
+  method is that it can be used with modern idiomatic patterns like using the
+  <code>fn</code>
+  helper to curry additional args when performing the task.
+</p>
 
 <p>
-  If you would like to see the TypeScript guides for older versions of ember-concurrency
-  (or pre-Octane Ember), please
-  <a href="https://v221.ember-concurrency.com/docs/typescript">see the old guides</a>.
+  <em>Pardon the lack of syntax! PR's welcome to improve our syntax
+    highlighting!</em>
 </p>
 
 
+    <pre class="language-txt "><code class="code-snippet language-txt"></code></pre>
+  
 
+<h4>Typing <code>Task</code> objects</h4>
+
+<p>
+  In most cases, you don't need to provide type annotations for your task, but
+  when you do (such as when
+  <a href="https://docs.ember-cli-typescript.com/ember/components?q=component#giving-args-a-type">
+    specifying the Args of a Glimmer component</a>), you can use the Task type:
+</p>
+
+
+    <pre class="language-typescript "><code class="code-snippet language-typescript"></code></pre>
+  
 
       <br> <br> <br> <br>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember701" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+      Previous: <a id="ember702" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember702" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+      Next: <a id="ember703" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
     </p>
 </div>
 
@@ -299,9 +308,9 @@ <h4>Version 2.2 and older</h4>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/docs/v4-upgrade/index.html b/docs/v4-upgrade/index.html
index 7a67f8a89..59bc48454 100644
--- a/docs/v4-upgrade/index.html
+++ b/docs/v4-upgrade/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     
-<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Be48a7aa7%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
+<meta name="test-app/config/environment" content="%7B%22modulePrefix%22%3A%22test-app%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22history%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22test-app%22%2C%22version%22%3A%220.0.0%2Bfbe0b86d%22%7D%2C%22emberConcurrencyVersion%22%3A%224.0.0-beta.4%22%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%22ember-concurrency.com%22%5D%7D%7D" />
 <!-- EMBER_CLI_FASTBOOT_TITLE -->
 
     <link integrity="" rel="stylesheet" href="/assets/vendor-10d8eaf9101947f2130df71856c61a0b.css" />
@@ -28,7 +28,7 @@ <h3 style="float:left;">
         ember-concurrency
 
         <span style="font-size: 0.5em;">
-          (<a id="ember148" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
+          (<a id="ember149" class="ember-view" href="/docs/older-versions">v 4.0.0-beta.4</a>)
         </span>
       </h3>
     </div>
@@ -50,22 +50,22 @@ <h3 style="float:left;">
     <div class="three columns">
       <div class="side-menu">
             <div class="toc-entry">
-                <a id="ember149" class="ember-view" href="/docs/introduction">Home</a>
+                <a id="ember150" class="ember-view" href="/docs/introduction">Home</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember150" class="ember-view" href="/docs/installation">Installation</a>
+                <a id="ember151" class="ember-view" href="/docs/installation">Installation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember151" class="ember-view active" href="/docs/v4-upgrade">Upgrading to V4</a>
+                <a id="ember152" class="ember-view active" href="/docs/v4-upgrade">Upgrading to V4</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember152" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+                <a id="ember153" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
             </div>
 
 
@@ -73,17 +73,17 @@ <h3 style="float:left;">
               Introduction
             </div>
             <div class="toc-entry">
-                <a id="ember153" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
+                <a id="ember154" class="ember-view" href="/docs/tutorial">Writing Code Without Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember154" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
+                <a id="ember155" class="ember-view" href="/docs/tutorial/discussion">Post-Mortem</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember155" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
+                <a id="ember156" class="ember-view" href="/docs/tutorial/refactor">Refactoring With Tasks</a>
             </div>
 
 
@@ -91,52 +91,52 @@ <h3 style="float:left;">
               Reference
             </div>
             <div class="toc-entry">
-                <a id="ember156" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
+                <a id="ember157" class="ember-view" href="/docs/task-function-syntax">Defining Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember157" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
+                <a id="ember158" class="ember-view" href="/docs/task-concurrency">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember158" class="ember-view" href="/docs/cancelation">Cancellation</a>
+                <a id="ember159" class="ember-view" href="/docs/cancelation">Cancellation</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember159" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
+                <a id="ember160" class="ember-view" href="/docs/error-vs-cancelation">Handling Errors</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember160" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
+                <a id="ember161" class="ember-view" href="/docs/child-tasks">Child Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember161" class="ember-view" href="/docs/derived-state">Derived State</a>
+                <a id="ember162" class="ember-view" href="/docs/derived-state">Derived State</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember162" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
+                <a id="ember163" class="ember-view" href="/docs/events">Awaiting Events / Conditions</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember163" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
+                <a id="ember164" class="ember-view" href="/docs/testing-debugging">Testing &amp; Debugging</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember164" class="ember-view" href="/docs/typescript">TypeScript</a>
+                <a id="ember165" class="ember-view" href="/docs/typescript">TypeScript / Glint</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember165" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
+                <a id="ember166" class="ember-view" href="/docs/faq">FAQ &amp; Fact Sheet</a>
             </div>
 
 
@@ -144,22 +144,22 @@ <h3 style="float:left;">
               Advanced
             </div>
             <div class="toc-entry">
-                <a id="ember166" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
+                <a id="ember167" class="ember-view" href="/docs/task-concurrency-advanced">Using maxConcurrency</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember167" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
+                <a id="ember168" class="ember-view" href="/docs/advanced/lifecycle-events">Lifecycle Events</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember168" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
+                <a id="ember169" class="ember-view" href="/docs/advanced/task-modifiers">Task Modifiers</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember169" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
+                <a id="ember170" class="ember-view" href="/docs/advanced/yieldables">Yieldables / Controlling Execution</a>
             </div>
 
 
@@ -167,32 +167,32 @@ <h3 style="float:left;">
               Examples
             </div>
             <div class="toc-entry">
-                <a id="ember170" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
+                <a id="ember171" class="ember-view" href="/docs/examples/loading-ui">Loading UI</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember171" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
+                <a id="ember172" class="ember-view" href="/docs/examples/autocomplete">Type-Ahead Search</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember172" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
+                <a id="ember173" class="ember-view" href="/docs/examples/increment-buttons">Accelerating Increment Buttons</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember173" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
+                <a id="ember174" class="ember-view" href="/docs/examples/ajax-throttling">AJAX Throttling</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember174" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
+                <a id="ember175" class="ember-view" href="/docs/examples/route-tasks">Route Tasks</a>
             </div>
 
 
 <!---->            <div class="toc-entry">
-                <a id="ember175" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
+                <a id="ember176" class="ember-view" href="/docs/examples/joining-tasks">Awaiting Multiple Child Tasks</a>
             </div>
 
 
@@ -201,11 +201,11 @@ <h3 style="float:left;">
     <div class="nine columns">
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember176" class="ember-view" href="/docs/installation">Installation</a>
+      Previous: <a id="ember177" class="ember-view" href="/docs/installation">Installation</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember177" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+      Next: <a id="ember178" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
     </p>
 </div>
 
@@ -239,11 +239,11 @@ <h3>Upgrading to Version 4</h3>
 
       <div class="row">
     <p class="u-pull-left">
-      Previous: <a id="ember178" class="ember-view" href="/docs/installation">Installation</a>
+      Previous: <a id="ember179" class="ember-view" href="/docs/installation">Installation</a>
     </p>
 
     <p class="u-pull-right">
-      Next: <a id="ember179" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
+      Next: <a id="ember180" class="ember-view" href="/docs/older-versions">Older Version Docs</a>
     </p>
 </div>
 
@@ -256,9 +256,9 @@ <h3>Upgrading to Version 4</h3>
 <!----></div>
 <script type="x/boundary" id="fastboot-body-end"></script>
 
-    <script src="/assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js"></script>
-<script src="/assets/chunk.524.c6ff4988044c2b3a1119.js"></script>
-    <script src="/assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js"></script>
+    <script src="/assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js"></script>
+<script src="/assets/chunk.524.6e671cf6a8abc0585042.js"></script>
+    <script src="/assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js"></script>
 
     
   </body>
diff --git a/package.json b/package.json
index 2eab1b4ff..b6bcf6e1d 100644
--- a/package.json
+++ b/package.json
@@ -1 +1 @@
-{"dependencies":{"abortcontroller-polyfill":"^1.7.3","node-fetch":"^2.6.1"},"fastboot":{"appName":"test-app","config":{"test-app":{"APP":{"autoboot":false,"name":"test-app","version":"0.0.0+e48a7aa7"},"EmberENV":{"EXTEND_PROTOTYPES":false,"FEATURES":{},"_APPLICATION_TEMPLATE_WRAPPER":false,"_DEFAULT_ASYNC_OBSERVERS":true,"_JQUERY_INTEGRATION":false,"_TEMPLATE_ONLY_GLIMMER_COMPONENTS":true},"emberConcurrencyVersion":"4.0.0-beta.4","environment":"production","fastboot":{"hostWhitelist":["/^localhost:\\d+$/","ember-concurrency.com"]},"locationType":"history","modulePrefix":"test-app","rootURL":"/"}},"hostWhitelist":["/^localhost:\\d+$/","ember-concurrency.com"],"manifest":{"appFiles":["assets/test-app-25e7efa972e5a581bb3ccb9e8bc6749d.js","assets/test-app-fastboot-3ded1b3add394728a447b4bdf3a28207.js"],"htmlFile":"404.html","vendorFiles":["assets/vendor-3aa27ce54e78d548f4857c39abfa8abb.js","ember-fetch/fetch-fastboot-e28194c4f1288a25de407aad6f7fab09.js","assets/chunk.524.c6ff4988044c2b3a1119.js"]},"moduleWhitelist":["node-fetch","abortcontroller-polyfill","abortcontroller-polyfill/dist/cjs-ponyfill","crypto"],"schemaVersion":3}}
\ No newline at end of file
+{"dependencies":{"abortcontroller-polyfill":"^1.7.3","node-fetch":"^2.6.1"},"fastboot":{"appName":"test-app","config":{"test-app":{"APP":{"autoboot":false,"name":"test-app","version":"0.0.0+fbe0b86d"},"EmberENV":{"EXTEND_PROTOTYPES":false,"FEATURES":{},"_APPLICATION_TEMPLATE_WRAPPER":false,"_DEFAULT_ASYNC_OBSERVERS":true,"_JQUERY_INTEGRATION":false,"_TEMPLATE_ONLY_GLIMMER_COMPONENTS":true},"emberConcurrencyVersion":"4.0.0-beta.4","environment":"production","fastboot":{"hostWhitelist":["/^localhost:\\d+$/","ember-concurrency.com"]},"locationType":"history","modulePrefix":"test-app","rootURL":"/"}},"hostWhitelist":["/^localhost:\\d+$/","ember-concurrency.com"],"manifest":{"appFiles":["assets/test-app-2f408ed50bb2207a1f115c8e8438a466.js","assets/test-app-fastboot-3ded1b3add394728a447b4bdf3a28207.js"],"htmlFile":"404.html","vendorFiles":["assets/vendor-d2d0fd10a385a03ad7ba22426abe2fe5.js","ember-fetch/fetch-fastboot-e28194c4f1288a25de407aad6f7fab09.js","assets/chunk.524.6e671cf6a8abc0585042.js"]},"moduleWhitelist":["node-fetch","abortcontroller-polyfill","abortcontroller-polyfill/dist/cjs-ponyfill","crypto"],"schemaVersion":3}}
\ No newline at end of file
