unpoly-rails 2.6.0 → 2.6.1

data/assets/unpoly/unpoly.js

@@ -8,7 +8,7 @@
 @module up
 */
 window.up = {
-    version: '2.6.0'
+    version: '2.6.1'
 };
 
 
@@ -42,6 +42,8 @@ You will recognize many functions form other utility libraries like [Lodash](htt
 While feature parity with Lodash is not a goal of `up.util`, you might find it sufficient
 to not include another library in your asset bundle.
 
+@see url-patterns
+
 @module up.util
 */
 up.util = (function () {
@@ -2286,8 +2288,9 @@ up.browser = (function () {
 
 /***/ }),
 /* 7 */
-/***/ (() => {
+/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
+__webpack_require__(8);
 /*-
 DOM helpers
 ===========
@@ -2539,44 +2542,89 @@ up.element = (function () {
     /*-
     Hides the given element.
   
-    The element is hidden by setting an [inline style](https://www.codecademy.com/articles/html-inline-styles)
-    of `{ display: none }`.
+    Also see `up.element.show()` and `up.element.toggle()`.
   
-    Also see `up.element.show()`.
+    ### Implementation
+  
+    The element is hidden by setting an `[hidden]` attribute.
+    This effectively gives the element a `display: none` rule.
+  
+    To customize the CSS rule for hiding, see `[hidden]`.
   
     @function up.element.hide
     @param {Element} element
     @stable
     */
     function hide(element) {
-        element.style.display = 'none';
+        // Set an attribute that the user can style with custom "hidden" styles.
+        // E.g. certain JavaScript components cannot initialize properly within a
+        // { display: none }, as such an element has no width or height.
+        element.setAttribute('hidden', '');
     }
     /*-
+    Elements with this attribute are hidden from the page.
+  
+    While `[hidden]` is a [standard HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
+    its default implementation is [not very useful](https://meowni.ca/hidden.is.a.lie.html).
+    In particular it cannot hide elements with any `display` rule.
+    Unpoly improves the default CSS styles of `[hidden]` so it can hide arbitrary elements.
+  
+    ## Customizing the CSS
+  
+    Unpoly's default styles for `[hidden]` look like this:
+  
+    ```css
+    [hidden][hidden] {
+      display: none !important;
+    }
+    ```
+  
+    You can override the CSS to hide an element in a different way, e.g. by giving it a zero height:
+  
+    ```css
+    .my-element[hidden] {
+      display: block !important;
+      height: 0 !important;
+    }
+    ```
+  
+    Note that any overriding selector must have a [specificity of `(0, 2, 0)`](https://polypane.app/css-specificity-calculator/#selector=.element%5Bhidden%5D).
+    Also all rules should be defined with [`!important`](https://www.w3schools.com/css/css_important.asp) to override other
+    styles defined on that element.
+  
+    @selector [hidden]
+    @experimental
+    */
+    /*-
     Shows the given element.
   
-    Also see `up.element.hide()`.
+    Also see `up.element.hide()` and `up.element.toggle()`.
   
     ### Limitations
   
-    The element is shown by setting an [inline style](https://www.codecademy.com/articles/html-inline-styles)
-    of `{ display: '' }`.
+    The element is shown by removing the `[hidden]` attribute set by `up.element.hide()`.
+    In case the element is hidden by an inline style (`[style="display: none"]`),
+    that inline style is also removed.
   
-    You might have CSS rules causing the element to remain hidden after calling `up.element.show(element)`.
-    Unpoly will not handle such cases in order to keep this function performant. As a workaround, you may
-    manually set the `element.style.display` property. Also see discussion
-    in jQuery issues [#88](https://github.com/jquery/jquery.com/issues/88),
-    [#2057](https://github.com/jquery/jquery/issues/2057) and
-    [this WHATWG mailing list post](http://lists.w3.org/Archives/Public/public-whatwg-archive/2014Apr/0094.html).
+    You may have CSS rules causing the element to remain hidden after calling `up.element.show(element)`.
+    Unpoly will *not* handle such cases in order to keep this function performant. As a workaround, you may
+    manually set `element.style.display = 'block'`.
   
     @function up.element.show
     @param {Element} element
     @stable
     */
     function show(element) {
-        element.style.display = '';
+        // Remove the attribute set by `up.element.hide()`.
+        element.removeAttribute('hidden');
+        // In case the element was manually hidden through an inline style
+        // of `display: none`, we also remove that.
+        if (element.style.display === 'none') {
+            element.style.display = '';
+        }
     }
     /*-
-    Display or hide the given element, depending on its current visibility.
+    Changes whether the given element is [shown](/up.element.show) or [hidden](/up.element.hide).
   
     @function up.element.toggle
     @param {Element} element
@@ -2592,10 +2640,6 @@ up.element = (function () {
         }
         (newVisible ? show : hide)(element);
     }
-    //  trace = (fn) ->
-    //    (args...) ->
-    //      console.debug("Calling %o with %o", fn, args)
-    //      fn(args...)
     /*-
     Adds or removes the given class from the given element.
   
@@ -3526,6 +3570,15 @@ up.element = (function () {
 
 /***/ }),
 /* 8 */
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+/* 9 */
 /***/ (() => {
 
 const u = up.util;
@@ -3555,7 +3608,7 @@ up.Record = class Record {
 
 
 /***/ }),
-/* 9 */
+/* 10 */
 /***/ (() => {
 
 const u = up.util;
@@ -3571,7 +3624,7 @@ up.Config = class Config {
 
 
 /***/ }),
-/* 10 */
+/* 11 */
 /***/ (() => {
 
 const u = up.util;
@@ -3722,7 +3775,7 @@ up.Cache = class Cache {
 
 
 /***/ }),
-/* 11 */
+/* 12 */
 /***/ (() => {
 
 up.Rect = class Rect extends up.Record {
@@ -3747,7 +3800,7 @@ up.Rect = class Rect extends up.Record {
 
 
 /***/ }),
-/* 12 */
+/* 13 */
 /***/ (() => {
 
 const e = up.element;
@@ -3817,7 +3870,7 @@ up.BodyShifter = class BodyShifter {
 
 
 /***/ }),
-/* 13 */
+/* 14 */
 /***/ (() => {
 
 const u = up.util;
@@ -3851,7 +3904,7 @@ up.Change = class Change {
 
 
 /***/ }),
-/* 14 */
+/* 15 */
 /***/ (() => {
 
 const u = up.util;
@@ -3932,7 +3985,7 @@ up.Change.Addition = class Addition extends up.Change {
 
 
 /***/ }),
-/* 15 */
+/* 16 */
 /***/ (() => {
 
 up.Change.Removal = class Removal extends up.Change {
@@ -3940,7 +3993,7 @@ up.Change.Removal = class Removal extends up.Change {
 
 
 /***/ }),
-/* 16 */
+/* 17 */
 /***/ (() => {
 
 const e = up.element;
@@ -4007,7 +4060,7 @@ up.Change.DestroyFragment = class DestroyFragment extends up.Change.Removal {
 
 
 /***/ }),
-/* 17 */
+/* 18 */
 /***/ (() => {
 
 up.Change.OpenLayer = class OpenLayer extends up.Change.Addition {
@@ -4178,7 +4231,7 @@ up.Change.OpenLayer = class OpenLayer extends up.Change.Addition {
 
 
 /***/ }),
-/* 18 */
+/* 19 */
 /***/ (() => {
 
 const u = up.util;
@@ -4573,7 +4626,7 @@ up.Change.UpdateLayer = class UpdateLayer extends up.Change.Addition {
 
 
 /***/ }),
-/* 19 */
+/* 20 */
 /***/ (() => {
 
 const u = up.util;
@@ -4658,7 +4711,7 @@ up.Change.CloseLayer = class CloseLayer extends up.Change.Removal {
 
 
 /***/ }),
-/* 20 */
+/* 21 */
 /***/ (() => {
 
 const u = up.util;
@@ -4804,7 +4857,7 @@ up.Change.FromContent = class FromContent extends up.Change {
 
 
 /***/ }),
-/* 21 */
+/* 22 */
 /***/ (() => {
 
 const u = up.util;
@@ -4959,7 +5012,7 @@ up.Change.FromURL = class FromURL extends up.Change {
 
 
 /***/ }),
-/* 22 */
+/* 23 */
 /***/ (() => {
 
 const u = up.util;
@@ -5083,7 +5136,7 @@ up.CompilerPass = class CompilerPass {
 
 
 /***/ }),
-/* 23 */
+/* 24 */
 /***/ (() => {
 
 const u = up.util;
@@ -5208,7 +5261,7 @@ up.CSSTransition = class CSSTransition {
 
 
 /***/ }),
-/* 24 */
+/* 25 */
 /***/ (() => {
 
 const u = up.util;
@@ -5251,7 +5304,7 @@ up.DestructorPass = class DestructorPass {
 
 
 /***/ }),
-/* 25 */
+/* 26 */
 /***/ (() => {
 
 const u = up.util;
@@ -5387,7 +5440,7 @@ up.EventEmitter = class EventEmitter extends up.Record {
 
 
 /***/ }),
-/* 26 */
+/* 27 */
 /***/ (() => {
 
 const u = up.util;
@@ -5519,7 +5572,7 @@ up.EventListener = class EventListener extends up.Record {
 
 
 /***/ }),
-/* 27 */
+/* 28 */
 /***/ (() => {
 
 const u = up.util;
@@ -5606,7 +5659,7 @@ up.EventListenerGroup = class EventListenerGroup extends up.Record {
 
 
 /***/ }),
-/* 28 */
+/* 29 */
 /***/ (() => {
 
 const u = up.util;
@@ -5699,7 +5752,7 @@ up.FieldObserver = class FieldObserver {
 
 
 /***/ }),
-/* 29 */
+/* 30 */
 /***/ (() => {
 
 const e = up.element;
@@ -5755,7 +5808,7 @@ up.FocusCapsule = class FocusCapsule extends up.Record {
 
 
 /***/ }),
-/* 30 */
+/* 31 */
 /***/ (() => {
 
 const u = up.util;
@@ -5814,7 +5867,7 @@ up.FragmentProcessor = class FragmentProcessor extends up.Record {
 
 
 /***/ }),
-/* 31 */
+/* 32 */
 /***/ (() => {
 
 const DESCENDANT_SELECTOR = /^([^ >+(]+) (.+)$/;
@@ -5852,7 +5905,7 @@ up.FragmentFinder = class FragmentFinder {
 
 
 /***/ }),
-/* 32 */
+/* 33 */
 /***/ (() => {
 
 const u = up.util;
@@ -5931,7 +5984,7 @@ up.FragmentFocus = class FragmentFocus extends up.FragmentProcessor {
 
 
 /***/ }),
-/* 33 */
+/* 34 */
 /***/ (() => {
 
 const e = up.element;
@@ -6035,7 +6088,7 @@ up.FragmentPolling = class FragmentPolling {
 
 
 /***/ }),
-/* 34 */
+/* 35 */
 /***/ (() => {
 
 const u = up.util;
@@ -6113,7 +6166,7 @@ up.FragmentScrolling = class FragmentScrolling extends up.FragmentProcessor {
 
 
 /***/ }),
-/* 35 */
+/* 36 */
 /***/ (() => {
 
 const u = up.util;
@@ -6154,7 +6207,7 @@ up.HTMLWrapper = class HTMLWrapper {
 
 
 /***/ }),
-/* 36 */
+/* 37 */
 /***/ (() => {
 
 const e = up.element;
@@ -6170,6 +6223,7 @@ even if that layer is not the frontmost layer. E.g. if you're compiling a fragme
 the background layer during compilation.
 
 @class up.Layer
+@parent up.layer
 */
 up.Layer = class Layer extends up.Record {
     /*-
@@ -6843,7 +6897,7 @@ up.Layer = class Layer extends up.Record {
 
 
 /***/ }),
-/* 37 */
+/* 38 */
 /***/ (() => {
 
 const e = up.element;
@@ -7193,7 +7247,7 @@ up.Layer.Overlay = class Overlay extends up.Layer {
 
 
 /***/ }),
-/* 38 */
+/* 39 */
 /***/ (() => {
 
 up.Layer.OverlayWithTether = class OverlayWithTether extends up.Layer.Overlay {
@@ -7238,7 +7292,7 @@ up.Layer.OverlayWithTether = class OverlayWithTether extends up.Layer.Overlay {
 
 
 /***/ }),
-/* 39 */
+/* 40 */
 /***/ (() => {
 
 var _a;
@@ -7290,7 +7344,7 @@ up.Layer.OverlayWithViewport = (_a = class OverlayWithViewport extends up.Layer.
 
 
 /***/ }),
-/* 40 */
+/* 41 */
 /***/ (() => {
 
 var _a;
@@ -7362,7 +7416,7 @@ up.Layer.Root = (_a = class Root extends up.Layer {
 
 
 /***/ }),
-/* 41 */
+/* 42 */
 /***/ (() => {
 
 var _a;
@@ -7373,7 +7427,7 @@ up.Layer.Modal = (_a = class Modal extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 42 */
+/* 43 */
 /***/ (() => {
 
 var _a;
@@ -7384,7 +7438,7 @@ up.Layer.Popup = (_a = class Popup extends up.Layer.OverlayWithTether {
 
 
 /***/ }),
-/* 43 */
+/* 44 */
 /***/ (() => {
 
 var _a;
@@ -7395,7 +7449,7 @@ up.Layer.Drawer = (_a = class Drawer extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 44 */
+/* 45 */
 /***/ (() => {
 
 var _a;
@@ -7406,7 +7460,7 @@ up.Layer.Cover = (_a = class Cover extends up.Layer.OverlayWithViewport {
 
 
 /***/ }),
-/* 45 */
+/* 46 */
 /***/ (() => {
 
 const u = up.util;
@@ -7424,7 +7478,7 @@ up.LayerLookup = class LayerLookup {
         }
         this.values = u.splitValues(options.layer);
         this.origin = options.origin;
-        this.baseLayer = options.baseLayer || this.stack.current;
+        this.baseLayer = options.baseLayer || this.originLayer() || this.stack.current;
         if (u.isString(this.baseLayer)) {
             // The { baseLayer } option may itself be a string like "parent".
             // In this case we look it up using a new up.LayerLookup instance, using
@@ -7505,7 +7559,7 @@ up.LayerLookup = class LayerLookup {
 
 
 /***/ }),
-/* 46 */
+/* 47 */
 /***/ (() => {
 
 const u = up.util;
@@ -7638,7 +7692,7 @@ up.LayerStack = class LayerStack extends Array {
 
 
 /***/ }),
-/* 47 */
+/* 48 */
 /***/ (() => {
 
 up.LinkFeedbackURLs = class LinkFeedbackURLs {
@@ -7672,7 +7726,7 @@ up.LinkFeedbackURLs = class LinkFeedbackURLs {
 
 
 /***/ }),
-/* 48 */
+/* 49 */
 /***/ (() => {
 
 const u = up.util;
@@ -7747,7 +7801,7 @@ up.LinkPreloader = class LinkPreloader {
 
 
 /***/ }),
-/* 49 */
+/* 50 */
 /***/ (() => {
 
 const u = up.util;
@@ -7920,7 +7974,7 @@ up.MotionController = class MotionController {
 
 
 /***/ }),
-/* 50 */
+/* 51 */
 /***/ (() => {
 
 const u = up.util;
@@ -8033,7 +8087,7 @@ up.NonceableCallback = class NonceableCallback {
 
 
 /***/ }),
-/* 51 */
+/* 52 */
 /***/ (() => {
 
 const u = up.util;
@@ -8100,7 +8154,7 @@ up.OptionsParser = class OptionsParser {
 
 
 /***/ }),
-/* 52 */
+/* 53 */
 /***/ (() => {
 
 const e = up.element;
@@ -8191,7 +8245,7 @@ up.OverlayFocus = class OverlayFocus {
 
 
 /***/ }),
-/* 53 */
+/* 54 */
 /***/ (() => {
 
 const u = up.util;
@@ -8215,6 +8269,7 @@ The following types of parameter representation are supported:
    On IE 11 and Edge, `FormData` payloads require a [polyfill for `FormData#entries()`](https://github.com/jimmywarting/FormData).
 
 @class up.Params
+@parent up.form
 */
 up.Params = class Params {
     /*-
@@ -8579,7 +8634,7 @@ up.Params = class Params {
     @param {string} name
     @return {any}
       The value of the param with the given name.
-    @internal
+    @experimental
     */
     getFirst(name) {
         const entry = u.find(this.entries, this.matchEntryFn(name));
@@ -8594,7 +8649,7 @@ up.Params = class Params {
     @param {string} name
     @return {Array}
       An array of all values with the given name.
-    @internal
+    @experimental
     */
     getAll(name) {
         if (this.isArrayKey(name)) {
@@ -8778,7 +8833,7 @@ up.Params = class Params {
 
 
 /***/ }),
-/* 54 */
+/* 55 */
 /***/ (() => {
 
 const e = up.element;
@@ -8835,7 +8890,7 @@ up.ProgressBar = class ProgressBar {
 
 
 /***/ }),
-/* 55 */
+/* 56 */
 /***/ (() => {
 
 const u = up.util;
@@ -8973,7 +9028,7 @@ up.RenderOptions = (function () {
 
 
 /***/ }),
-/* 56 */
+/* 57 */
 /***/ (() => {
 
 /*-
@@ -8988,6 +9043,7 @@ console.log(result.layer)     // => up.Layer.Root
 ```
 
 @class up.RenderResult
+@parent up.fragment
 */
 up.RenderResult = class RenderResult extends up.Record {
     /*-
@@ -9014,7 +9070,7 @@ up.RenderResult = class RenderResult extends up.Record {
 
 
 /***/ }),
-/* 57 */
+/* 58 */
 /***/ (() => {
 
 const u = up.util;
@@ -9033,6 +9089,7 @@ console.log(response.text)
 ```
 
 @class up.Request
+@parent up.network
 */
 up.Request = class Request extends up.Record {
     /*-
@@ -9609,7 +9666,7 @@ up.Request.tester = function (condition) {
 
 
 /***/ }),
-/* 58 */
+/* 59 */
 /***/ (() => {
 
 let u = up.util;
@@ -9654,7 +9711,7 @@ up.Request.Cache = class Cache extends up.Cache {
 
 
 /***/ }),
-/* 59 */
+/* 60 */
 /***/ (() => {
 
 const u = up.util;
@@ -9792,7 +9849,7 @@ up.Request.Queue = class Queue {
 
 
 /***/ }),
-/* 60 */
+/* 61 */
 /***/ (() => {
 
 const u = up.util;
@@ -9844,7 +9901,7 @@ up.Request.FormRenderer = class FormRenderer {
 
 
 /***/ }),
-/* 61 */
+/* 62 */
 /***/ (() => {
 
 const CONTENT_TYPE_URL_ENCODED = 'application/x-www-form-urlencoded';
@@ -9951,7 +10008,7 @@ up.Request.XHRRenderer = class XHRRenderer {
 
 
 /***/ }),
-/* 62 */
+/* 63 */
 /***/ (() => {
 
 /*-
@@ -9965,6 +10022,7 @@ A response to an [HTTP request](/up.request).
     })
 
 @class up.Response
+@parent up.network
 */
 up.Response = class Response extends up.Record {
     /*-
@@ -10132,7 +10190,7 @@ up.Response = class Response extends up.Record {
 
 
 /***/ }),
-/* 63 */
+/* 64 */
 /***/ (() => {
 
 const u = up.util;
@@ -10238,7 +10296,7 @@ up.ResponseDoc = class ResponseDoc {
 
 
 /***/ }),
-/* 64 */
+/* 65 */
 /***/ (() => {
 
 const e = up.element;
@@ -10354,7 +10412,7 @@ up.RevealMotion = class RevealMotion {
 
 
 /***/ }),
-/* 65 */
+/* 66 */
 /***/ (() => {
 
 const u = up.util;
@@ -10428,7 +10486,7 @@ up.ScrollMotion = class ScrollMotion {
 
 
 /***/ }),
-/* 66 */
+/* 67 */
 /***/ (() => {
 
 const e = up.element;
@@ -10479,7 +10537,7 @@ up.Selector = class Selector {
 
 
 /***/ }),
-/* 67 */
+/* 68 */
 /***/ (() => {
 
 const u = up.util;
@@ -10513,7 +10571,7 @@ up.store.Memory = class Memory {
 
 
 /***/ }),
-/* 68 */
+/* 69 */
 /***/ (() => {
 
 //#
@@ -10583,7 +10641,7 @@ up.store.Session = class Session extends up.store.Memory {
 
 
 /***/ }),
-/* 69 */
+/* 70 */
 /***/ (() => {
 
 const u = up.util;
@@ -10743,7 +10801,7 @@ up.Tether = class Tether {
 
 
 /***/ }),
-/* 70 */
+/* 71 */
 /***/ (() => {
 
 const u = up.util;
@@ -10830,7 +10888,7 @@ up.URLPattern = class URLPattern {
 
 
 /***/ }),
-/* 71 */
+/* 72 */
 /***/ (() => {
 
 /*-
@@ -11041,7 +11099,7 @@ up.boot = up.framework.boot;
 
 
 /***/ }),
-/* 72 */
+/* 73 */
 /***/ (() => {
 
 /*-
@@ -11607,7 +11665,7 @@ up.emit = up.event.emit;
 
 
 /***/ }),
-/* 73 */
+/* 74 */
 /***/ (() => {
 
 /*-
@@ -12404,7 +12462,7 @@ up.protocol = (function () {
 
 
 /***/ }),
-/* 74 */
+/* 75 */
 /***/ (() => {
 
 /*-
@@ -12598,7 +12656,7 @@ up.warn = up.log.warn;
 
 
 /***/ }),
-/* 75 */
+/* 76 */
 /***/ (() => {
 
 /*-
@@ -12607,6 +12665,8 @@ Custom JavaScript
 
 The `up.syntax` package lets you pair HTML elements with JavaScript behavior.
 
+@see legacy-scripts
+
 @see up.compiler
 @see [up-data]
 @see up.macro
@@ -13102,7 +13162,7 @@ up.data = up.syntax.data;
 
 
 /***/ }),
-/* 76 */
+/* 77 */
 /***/ (() => {
 
 /*-
@@ -13442,10 +13502,10 @@ up.history = (function () {
 
 
 /***/ }),
-/* 77 */
+/* 78 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(78);
+__webpack_require__(79);
 const u = up.util;
 const e = up.element;
 /*-
@@ -13470,6 +13530,10 @@ a server-rendered web application:
 
 For low-level DOM utilities that complement the browser's native API, see `up.element`.
 
+@see navigation
+@see focus-option
+@see csp
+
 @see up.render
 @see up.navigate
 @see up.destroy
@@ -15246,19 +15310,22 @@ u.delegate(up, 'context', () => up.layer.current);
 
 
 /***/ }),
-/* 78 */
-/***/ (() => {
+/* 79 */
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
 // extracted by mini-css-extract-plugin
 
+
 /***/ }),
-/* 79 */
+/* 80 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(80);
+__webpack_require__(81);
 /*-
-Scrolling viewports
-===================
+Scrolling
+=========
 
 The `up.viewport` module controls the scroll position and focus within scrollable containers ("viewports").
 
@@ -15267,6 +15334,9 @@ define additional viewports by giving the CSS property `{ overflow-y: scroll }`
 
 Also see documentation for the [scroll option](/scroll-option) and [focus option](/focus-option).
 
+@see scroll-option
+@see scroll-tuning
+
 @see up.reveal
 @see [up-fixed=top]
 
@@ -16110,13 +16180,16 @@ up.reveal = up.viewport.reveal;
 
 
 /***/ }),
-/* 80 */
-/***/ (() => {
+/* 81 */
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
 // extracted by mini-css-extract-plugin
 
+
 /***/ }),
-/* 81 */
+/* 82 */
 /***/ (() => {
 
 /*-
@@ -16162,6 +16235,8 @@ and [predefined animations](/up.animate#named-animations).
 You can define custom animations using `up.transition()` and
 `up.animation()`.
 
+@see motion-tuning
+
 @see a[up-transition]
 @see up.animation
 @see up.transition
@@ -16806,10 +16881,10 @@ up.animate = up.motion.animate;
 
 
 /***/ }),
-/* 82 */
+/* 83 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(83);
+__webpack_require__(84);
 const u = up.util;
 /*-
 Network requests
@@ -16952,6 +17027,7 @@ up.network = (function () {
           return []
         }
       }
+      ```
   
     @param {boolean|Function(): boolean} [config.progressBar]
       Whether to show a progress bar for [late requests](/up:request:late).
@@ -17692,16 +17768,19 @@ up.cache = up.network.cache;
 
 
 /***/ }),
-/* 83 */
-/***/ (() => {
+/* 84 */
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
 // extracted by mini-css-extract-plugin
 
+
 /***/ }),
-/* 84 */
+/* 85 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(85);
+__webpack_require__(86);
 const u = up.util;
 const e = up.element;
 /*-
@@ -17718,9 +17797,17 @@ or events from another layer. For instance, [fragment links](/up.link) will only
 unless you [explicitly target another layer](/layer-option).
 
 Overlays allow you to break up a complex screen into [subinteractions](/subinteractions).
-Subinteractions take place in overlays and may span one or many pages. The original screen remains open in the background.
+Subinteractions take place in overlays and may span one or many pages while the original screen remains open in the background.
 Once the subinteraction is *done*, the overlay is closed and a result value is communicated back to the parent layer.
 
+@see layer-terminology
+@see layer-option
+@see opening-overlays
+@see closing-overlays
+@see subinteractions
+@see customizing-overlays
+@see context
+
 @see a[up-layer=new]
 @see up.layer.current
 @see up.layer.on
@@ -18977,16 +19064,19 @@ up.layer = (function () {
 
 
 /***/ }),
-/* 85 */
-/***/ (() => {
+/* 86 */
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
 // extracted by mini-css-extract-plugin
 
+
 /***/ }),
-/* 86 */
+/* 87 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-__webpack_require__(87);
+__webpack_require__(88);
 /*-
 Linking to fragments
 ====================
@@ -19010,7 +19100,7 @@ This makes for an unfriendly experience:
 - The user sees a "flash" as the browser loads and renders the new page,
   even if large portions of the old and new page are the same (navigation, layout, etc.).
 
-Unpoly fixes this by letting you annotate links with an [`up-target`](/a-up-follow#up-target)
+Unpoly fixes this by letting you annotate links with an [`[up-target]`](/a-up-follow#up-target)
 attribute. The value of this attribute is a CSS selector that indicates which page
 fragment to update. The server **still renders full HTML pages**, but we only use
 the targeted fragments and discard the rest:
@@ -19053,10 +19143,14 @@ with an `up-target` attribute:
 
 Note that instead of `article` you can use any other CSS selector like `#main .article`.
 
-With these [`up-target`](/a-up-follow#up-target) annotations Unpoly only updates the targeted part of the screen.
+With these [`[up-target]`](/a-up-follow#up-target) annotations Unpoly only updates the targeted part of the screen.
 The JavaScript environment will persist and the user will not see a white flash while the
 new page is loading.
 
+@see fragment-placement
+@see handling-everything
+@see server-errors
+
 @see a[up-follow]
 @see a[up-instant]
 @see a[up-preload]
@@ -19307,7 +19401,7 @@ up.link = (function () {
     }
     /*-
     Parses the [render](/up.render) options that would be used to
-    [`follow`](/up.follow) the given link, but does not render.
+    [follow](/up.follow) the given link, but does not render.
   
     ### Example
   
@@ -20136,19 +20230,22 @@ up.follow = up.link.follow;
 
 
 /***/ }),
-/* 87 */
-/***/ (() => {
+/* 88 */
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
 // extracted by mini-css-extract-plugin
 
+
 /***/ }),
-/* 88 */
+/* 89 */
 /***/ (() => {
 
 /*-
 Forms
 =====
-  
+
 The `up.form` module helps you work with non-trivial forms.
 
 @see form[up-submit]
@@ -20335,7 +20432,7 @@ up.form = (function () {
     });
     /*-
     Parses the [render](/up.render) options that would be used to
-    [`submit`](/up.submit) the given form, but does not render.
+    [submit](/up.submit) the given form, but does not render.
   
     ### Example
   
@@ -21264,10 +21361,10 @@ up.form = (function () {
     ```html
     <input name="query" up-observe="showSuggestions(value)">
     ```
-    
+  
     Note that the parameter name in the markup must be called `value` or it will not work.
     The parameter name can be called whatever you want in the JavaScript, however.
-        
+  
     Also note that the function must be declared on the `window` object to work, like so:
   
     ```js
@@ -21436,7 +21533,7 @@ up.validate = up.form.validate;
 
 
 /***/ }),
-/* 89 */
+/* 90 */
 /***/ (() => {
 
 /*-
@@ -21870,7 +21967,7 @@ up.feedback = (function () {
 
 
 /***/ }),
-/* 90 */
+/* 91 */
 /***/ (() => {
 
 /*-
@@ -22096,7 +22193,7 @@ up.radio = (function () {
 
 
 /***/ }),
-/* 91 */
+/* 92 */
 /***/ (() => {
 
 /*
@@ -22156,7 +22253,18 @@ up.rails = (function () {
 /******/ 	}
 /******/ 	
 /************************************************************************/
-/******/ 	/************************************************************************/
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
 var __webpack_exports__ = {};
 // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
 (() => {
@@ -22167,7 +22275,6 @@ __webpack_require__(4);
 __webpack_require__(5);
 __webpack_require__(6);
 __webpack_require__(7);
-__webpack_require__(8);
 __webpack_require__(9);
 __webpack_require__(10);
 __webpack_require__(11);
@@ -22237,15 +22344,16 @@ __webpack_require__(74);
 __webpack_require__(75);
 __webpack_require__(76);
 __webpack_require__(77);
-__webpack_require__(79);
-__webpack_require__(81);
+__webpack_require__(78);
+__webpack_require__(80);
 __webpack_require__(82);
-__webpack_require__(84);
-__webpack_require__(86);
-__webpack_require__(88);
+__webpack_require__(83);
+__webpack_require__(85);
+__webpack_require__(87);
 __webpack_require__(89);
 __webpack_require__(90);
 __webpack_require__(91);
+__webpack_require__(92);
 up.framework.onEvaled();
 
 })();