unpoly-rails 2.6.0 → 2.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Potentially problematic release.


This version of unpoly-rails might be problematic. Click here for more details.

@@ -8,7 +8,7 @@
8
8
  @module up
9
9
  */
10
10
  window.up = {
11
- version: '2.6.0'
11
+ version: '2.6.1'
12
12
  };
13
13
 
14
14
 
@@ -51,6 +51,8 @@ You will recognize many functions form other utility libraries like [Lodash](htt
51
51
  While feature parity with Lodash is not a goal of `up.util`, you might find it sufficient
52
52
  to not include another library in your asset bundle.
53
53
 
54
+ @see url-patterns
55
+
54
56
  @module up.util
55
57
  */
56
58
  up.util = (function () {
@@ -2357,7 +2359,7 @@ up.browser = (function () {
2357
2359
 
2358
2360
  /***/ }),
2359
2361
  /* 7 */
2360
- /***/ (function() {
2362
+ /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
2361
2363
 
2362
2364
  var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
2363
2365
  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
@@ -2368,6 +2370,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
2368
2370
  }
2369
2371
  return to.concat(ar || Array.prototype.slice.call(from));
2370
2372
  };
2373
+ __webpack_require__(8);
2371
2374
  /*-
2372
2375
  DOM helpers
2373
2376
  ===========
@@ -2636,44 +2639,89 @@ up.element = (function () {
2636
2639
  /*-
2637
2640
  Hides the given element.
2638
2641
 
2639
- The element is hidden by setting an [inline style](https://www.codecademy.com/articles/html-inline-styles)
2640
- of `{ display: none }`.
2642
+ Also see `up.element.show()` and `up.element.toggle()`.
2641
2643
 
2642
- Also see `up.element.show()`.
2644
+ ### Implementation
2645
+
2646
+ The element is hidden by setting an `[hidden]` attribute.
2647
+ This effectively gives the element a `display: none` rule.
2648
+
2649
+ To customize the CSS rule for hiding, see `[hidden]`.
2643
2650
 
2644
2651
  @function up.element.hide
2645
2652
  @param {Element} element
2646
2653
  @stable
2647
2654
  */
2648
2655
  function hide(element) {
2649
- element.style.display = 'none';
2656
+ // Set an attribute that the user can style with custom "hidden" styles.
2657
+ // E.g. certain JavaScript components cannot initialize properly within a
2658
+ // { display: none }, as such an element has no width or height.
2659
+ element.setAttribute('hidden', '');
2660
+ }
2661
+ /*-
2662
+ Elements with this attribute are hidden from the page.
2663
+
2664
+ While `[hidden]` is a [standard HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
2665
+ its default implementation is [not very useful](https://meowni.ca/hidden.is.a.lie.html).
2666
+ In particular it cannot hide elements with any `display` rule.
2667
+ Unpoly improves the default CSS styles of `[hidden]` so it can hide arbitrary elements.
2668
+
2669
+ ## Customizing the CSS
2670
+
2671
+ Unpoly's default styles for `[hidden]` look like this:
2672
+
2673
+ ```css
2674
+ [hidden][hidden] {
2675
+ display: none !important;
2676
+ }
2677
+ ```
2678
+
2679
+ You can override the CSS to hide an element in a different way, e.g. by giving it a zero height:
2680
+
2681
+ ```css
2682
+ .my-element[hidden] {
2683
+ display: block !important;
2684
+ height: 0 !important;
2650
2685
  }
2686
+ ```
2687
+
2688
+ Note that any overriding selector must have a [specificity of `(0, 2, 0)`](https://polypane.app/css-specificity-calculator/#selector=.element%5Bhidden%5D).
2689
+ Also all rules should be defined with [`!important`](https://www.w3schools.com/css/css_important.asp) to override other
2690
+ styles defined on that element.
2691
+
2692
+ @selector [hidden]
2693
+ @experimental
2694
+ */
2651
2695
  /*-
2652
2696
  Shows the given element.
2653
2697
 
2654
- Also see `up.element.hide()`.
2698
+ Also see `up.element.hide()` and `up.element.toggle()`.
2655
2699
 
2656
2700
  ### Limitations
2657
2701
 
2658
- The element is shown by setting an [inline style](https://www.codecademy.com/articles/html-inline-styles)
2659
- of `{ display: '' }`.
2702
+ The element is shown by removing the `[hidden]` attribute set by `up.element.hide()`.
2703
+ In case the element is hidden by an inline style (`[style="display: none"]`),
2704
+ that inline style is also removed.
2660
2705
 
2661
- You might have CSS rules causing the element to remain hidden after calling `up.element.show(element)`.
2662
- Unpoly will not handle such cases in order to keep this function performant. As a workaround, you may
2663
- manually set the `element.style.display` property. Also see discussion
2664
- in jQuery issues [#88](https://github.com/jquery/jquery.com/issues/88),
2665
- [#2057](https://github.com/jquery/jquery/issues/2057) and
2666
- [this WHATWG mailing list post](http://lists.w3.org/Archives/Public/public-whatwg-archive/2014Apr/0094.html).
2706
+ You may have CSS rules causing the element to remain hidden after calling `up.element.show(element)`.
2707
+ Unpoly will *not* handle such cases in order to keep this function performant. As a workaround, you may
2708
+ manually set `element.style.display = 'block'`.
2667
2709
 
2668
2710
  @function up.element.show
2669
2711
  @param {Element} element
2670
2712
  @stable
2671
2713
  */
2672
2714
  function show(element) {
2673
- element.style.display = '';
2715
+ // Remove the attribute set by `up.element.hide()`.
2716
+ element.removeAttribute('hidden');
2717
+ // In case the element was manually hidden through an inline style
2718
+ // of `display: none`, we also remove that.
2719
+ if (element.style.display === 'none') {
2720
+ element.style.display = '';
2721
+ }
2674
2722
  }
2675
2723
  /*-
2676
- Display or hide the given element, depending on its current visibility.
2724
+ Changes whether the given element is [shown](/up.element.show) or [hidden](/up.element.hide).
2677
2725
 
2678
2726
  @function up.element.toggle
2679
2727
  @param {Element} element
@@ -2689,10 +2737,6 @@ up.element = (function () {
2689
2737
  }
2690
2738
  (newVisible ? show : hide)(element);
2691
2739
  }
2692
- // trace = (fn) ->
2693
- // (args...) ->
2694
- // console.debug("Calling %o with %o", fn, args)
2695
- // fn(args...)
2696
2740
  /*-
2697
2741
  Adds or removes the given class from the given element.
2698
2742
 
@@ -3647,6 +3691,12 @@ up.element = (function () {
3647
3691
  /* 8 */
3648
3692
  /***/ (function() {
3649
3693
 
3694
+
3695
+
3696
+ /***/ }),
3697
+ /* 9 */
3698
+ /***/ (function() {
3699
+
3650
3700
  var u = up.util;
3651
3701
  up.Record = /** @class */ (function () {
3652
3702
  function Record(options) {
@@ -3677,7 +3727,7 @@ up.Record = /** @class */ (function () {
3677
3727
 
3678
3728
 
3679
3729
  /***/ }),
3680
- /* 9 */
3730
+ /* 10 */
3681
3731
  /***/ (function() {
3682
3732
 
3683
3733
  var u = up.util;
@@ -3695,7 +3745,7 @@ up.Config = /** @class */ (function () {
3695
3745
 
3696
3746
 
3697
3747
  /***/ }),
3698
- /* 10 */
3748
+ /* 11 */
3699
3749
  /***/ (function() {
3700
3750
 
3701
3751
  var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
@@ -3863,7 +3913,7 @@ up.Cache = /** @class */ (function () {
3863
3913
 
3864
3914
 
3865
3915
  /***/ }),
3866
- /* 11 */
3916
+ /* 12 */
3867
3917
  /***/ (function() {
3868
3918
 
3869
3919
  var __extends = (this && this.__extends) || (function () {
@@ -3916,7 +3966,7 @@ up.Rect = /** @class */ (function (_super) {
3916
3966
 
3917
3967
 
3918
3968
  /***/ }),
3919
- /* 12 */
3969
+ /* 13 */
3920
3970
  /***/ (function() {
3921
3971
 
3922
3972
  var e = up.element;
@@ -3988,7 +4038,7 @@ up.BodyShifter = /** @class */ (function () {
3988
4038
 
3989
4039
 
3990
4040
  /***/ }),
3991
- /* 13 */
4041
+ /* 14 */
3992
4042
  /***/ (function() {
3993
4043
 
3994
4044
  var u = up.util;
@@ -4024,7 +4074,7 @@ up.Change = /** @class */ (function () {
4024
4074
 
4025
4075
 
4026
4076
  /***/ }),
4027
- /* 14 */
4077
+ /* 15 */
4028
4078
  /***/ (function() {
4029
4079
 
4030
4080
  var __extends = (this && this.__extends) || (function () {
@@ -4126,7 +4176,7 @@ up.Change.Addition = /** @class */ (function (_super) {
4126
4176
 
4127
4177
 
4128
4178
  /***/ }),
4129
- /* 15 */
4179
+ /* 16 */
4130
4180
  /***/ (function() {
4131
4181
 
4132
4182
  var __extends = (this && this.__extends) || (function () {
@@ -4154,7 +4204,7 @@ up.Change.Removal = /** @class */ (function (_super) {
4154
4204
 
4155
4205
 
4156
4206
  /***/ }),
4157
- /* 16 */
4207
+ /* 17 */
4158
4208
  /***/ (function() {
4159
4209
 
4160
4210
  var __extends = (this && this.__extends) || (function () {
@@ -4286,7 +4336,7 @@ up.Change.DestroyFragment = /** @class */ (function (_super) {
4286
4336
 
4287
4337
 
4288
4338
  /***/ }),
4289
- /* 17 */
4339
+ /* 18 */
4290
4340
  /***/ (function() {
4291
4341
 
4292
4342
  var __extends = (this && this.__extends) || (function () {
@@ -4484,7 +4534,7 @@ up.Change.OpenLayer = /** @class */ (function (_super) {
4484
4534
 
4485
4535
 
4486
4536
  /***/ }),
4487
- /* 18 */
4537
+ /* 19 */
4488
4538
  /***/ (function() {
4489
4539
 
4490
4540
  var __extends = (this && this.__extends) || (function () {
@@ -4960,7 +5010,7 @@ up.Change.UpdateLayer = /** @class */ (function (_super) {
4960
5010
 
4961
5011
 
4962
5012
  /***/ }),
4963
- /* 19 */
5013
+ /* 20 */
4964
5014
  /***/ (function() {
4965
5015
 
4966
5016
  var __extends = (this && this.__extends) || (function () {
@@ -5066,7 +5116,7 @@ up.Change.CloseLayer = /** @class */ (function (_super) {
5066
5116
 
5067
5117
 
5068
5118
  /***/ }),
5069
- /* 20 */
5119
+ /* 21 */
5070
5120
  /***/ (function() {
5071
5121
 
5072
5122
  var __extends = (this && this.__extends) || (function () {
@@ -5246,7 +5296,7 @@ up.Change.FromContent = /** @class */ (function (_super) {
5246
5296
 
5247
5297
 
5248
5298
  /***/ }),
5249
- /* 21 */
5299
+ /* 22 */
5250
5300
  /***/ (function() {
5251
5301
 
5252
5302
  var __extends = (this && this.__extends) || (function () {
@@ -5431,7 +5481,7 @@ up.Change.FromURL = /** @class */ (function (_super) {
5431
5481
 
5432
5482
 
5433
5483
  /***/ }),
5434
- /* 22 */
5484
+ /* 23 */
5435
5485
  /***/ (function() {
5436
5486
 
5437
5487
  var u = up.util;
@@ -5562,7 +5612,7 @@ up.CompilerPass = /** @class */ (function () {
5562
5612
 
5563
5613
 
5564
5614
  /***/ }),
5565
- /* 23 */
5615
+ /* 24 */
5566
5616
  /***/ (function() {
5567
5617
 
5568
5618
  var u = up.util;
@@ -5691,7 +5741,7 @@ up.CSSTransition = /** @class */ (function () {
5691
5741
 
5692
5742
 
5693
5743
  /***/ }),
5694
- /* 24 */
5744
+ /* 25 */
5695
5745
  /***/ (function() {
5696
5746
 
5697
5747
  var __assign = (this && this.__assign) || function () {
@@ -5748,7 +5798,7 @@ up.DestructorPass = /** @class */ (function () {
5748
5798
 
5749
5799
 
5750
5800
  /***/ }),
5751
- /* 25 */
5801
+ /* 26 */
5752
5802
  /***/ (function() {
5753
5803
 
5754
5804
  var __extends = (this && this.__extends) || (function () {
@@ -5918,7 +5968,7 @@ up.EventEmitter = /** @class */ (function (_super) {
5918
5968
 
5919
5969
 
5920
5970
  /***/ }),
5921
- /* 26 */
5971
+ /* 27 */
5922
5972
  /***/ (function() {
5923
5973
 
5924
5974
  var __extends = (this && this.__extends) || (function () {
@@ -6081,7 +6131,7 @@ up.EventListener = /** @class */ (function (_super) {
6081
6131
 
6082
6132
 
6083
6133
  /***/ }),
6084
- /* 27 */
6134
+ /* 28 */
6085
6135
  /***/ (function() {
6086
6136
 
6087
6137
  var __extends = (this && this.__extends) || (function () {
@@ -6201,7 +6251,7 @@ up.EventListenerGroup = /** @class */ (function (_super) {
6201
6251
 
6202
6252
 
6203
6253
  /***/ }),
6204
- /* 28 */
6254
+ /* 29 */
6205
6255
  /***/ (function() {
6206
6256
 
6207
6257
  var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -6345,7 +6395,7 @@ up.FieldObserver = /** @class */ (function () {
6345
6395
 
6346
6396
 
6347
6397
  /***/ }),
6348
- /* 29 */
6398
+ /* 30 */
6349
6399
  /***/ (function() {
6350
6400
 
6351
6401
  var __extends = (this && this.__extends) || (function () {
@@ -6422,7 +6472,7 @@ up.FocusCapsule = /** @class */ (function (_super) {
6422
6472
 
6423
6473
 
6424
6474
  /***/ }),
6425
- /* 30 */
6475
+ /* 31 */
6426
6476
  /***/ (function() {
6427
6477
 
6428
6478
  var __extends = (this && this.__extends) || (function () {
@@ -6502,7 +6552,7 @@ up.FragmentProcessor = /** @class */ (function (_super) {
6502
6552
 
6503
6553
 
6504
6554
  /***/ }),
6505
- /* 31 */
6555
+ /* 32 */
6506
6556
  /***/ (function() {
6507
6557
 
6508
6558
  var DESCENDANT_SELECTOR = /^([^ >+(]+) (.+)$/;
@@ -6541,7 +6591,7 @@ up.FragmentFinder = /** @class */ (function () {
6541
6591
 
6542
6592
 
6543
6593
  /***/ }),
6544
- /* 32 */
6594
+ /* 33 */
6545
6595
  /***/ (function() {
6546
6596
 
6547
6597
  var __extends = (this && this.__extends) || (function () {
@@ -6642,7 +6692,7 @@ up.FragmentFocus = /** @class */ (function (_super) {
6642
6692
 
6643
6693
 
6644
6694
  /***/ }),
6645
- /* 33 */
6695
+ /* 34 */
6646
6696
  /***/ (function() {
6647
6697
 
6648
6698
  var e = up.element;
@@ -6753,7 +6803,7 @@ up.FragmentPolling = /** @class */ (function () {
6753
6803
 
6754
6804
 
6755
6805
  /***/ }),
6756
- /* 34 */
6806
+ /* 35 */
6757
6807
  /***/ (function() {
6758
6808
 
6759
6809
  var __extends = (this && this.__extends) || (function () {
@@ -6862,7 +6912,7 @@ up.FragmentScrolling = /** @class */ (function (_super) {
6862
6912
 
6863
6913
 
6864
6914
  /***/ }),
6865
- /* 35 */
6915
+ /* 36 */
6866
6916
  /***/ (function() {
6867
6917
 
6868
6918
  var u = up.util;
@@ -6905,7 +6955,7 @@ up.HTMLWrapper = /** @class */ (function () {
6905
6955
 
6906
6956
 
6907
6957
  /***/ }),
6908
- /* 36 */
6958
+ /* 37 */
6909
6959
  /***/ (function() {
6910
6960
 
6911
6961
  var __extends = (this && this.__extends) || (function () {
@@ -6945,6 +6995,7 @@ even if that layer is not the frontmost layer. E.g. if you're compiling a fragme
6945
6995
  the background layer during compilation.
6946
6996
 
6947
6997
  @class up.Layer
6998
+ @parent up.layer
6948
6999
  */
6949
7000
  up.Layer = /** @class */ (function (_super) {
6950
7001
  __extends(Layer, _super);
@@ -7667,7 +7718,7 @@ up.Layer = /** @class */ (function (_super) {
7667
7718
 
7668
7719
 
7669
7720
  /***/ }),
7670
- /* 37 */
7721
+ /* 38 */
7671
7722
  /***/ (function() {
7672
7723
 
7673
7724
  var __extends = (this && this.__extends) || (function () {
@@ -8064,7 +8115,7 @@ up.Layer.Overlay = /** @class */ (function (_super) {
8064
8115
 
8065
8116
 
8066
8117
  /***/ }),
8067
- /* 38 */
8118
+ /* 39 */
8068
8119
  /***/ (function() {
8069
8120
 
8070
8121
  var __extends = (this && this.__extends) || (function () {
@@ -8129,7 +8180,7 @@ up.Layer.OverlayWithTether = /** @class */ (function (_super) {
8129
8180
 
8130
8181
 
8131
8182
  /***/ }),
8132
- /* 39 */
8183
+ /* 40 */
8133
8184
  /***/ (function() {
8134
8185
 
8135
8186
  var __extends = (this && this.__extends) || (function () {
@@ -8201,7 +8252,7 @@ up.Layer.OverlayWithViewport = (_a = /** @class */ (function (_super) {
8201
8252
 
8202
8253
 
8203
8254
  /***/ }),
8204
- /* 40 */
8255
+ /* 41 */
8205
8256
  /***/ (function() {
8206
8257
 
8207
8258
  var __extends = (this && this.__extends) || (function () {
@@ -8295,7 +8346,7 @@ up.Layer.Root = (_a = /** @class */ (function (_super) {
8295
8346
 
8296
8347
 
8297
8348
  /***/ }),
8298
- /* 41 */
8349
+ /* 42 */
8299
8350
  /***/ (function() {
8300
8351
 
8301
8352
  var __extends = (this && this.__extends) || (function () {
@@ -8326,7 +8377,7 @@ up.Layer.Modal = (_a = /** @class */ (function (_super) {
8326
8377
 
8327
8378
 
8328
8379
  /***/ }),
8329
- /* 42 */
8380
+ /* 43 */
8330
8381
  /***/ (function() {
8331
8382
 
8332
8383
  var __extends = (this && this.__extends) || (function () {
@@ -8357,7 +8408,7 @@ up.Layer.Popup = (_a = /** @class */ (function (_super) {
8357
8408
 
8358
8409
 
8359
8410
  /***/ }),
8360
- /* 43 */
8411
+ /* 44 */
8361
8412
  /***/ (function() {
8362
8413
 
8363
8414
  var __extends = (this && this.__extends) || (function () {
@@ -8388,7 +8439,7 @@ up.Layer.Drawer = (_a = /** @class */ (function (_super) {
8388
8439
 
8389
8440
 
8390
8441
  /***/ }),
8391
- /* 44 */
8442
+ /* 45 */
8392
8443
  /***/ (function() {
8393
8444
 
8394
8445
  var __extends = (this && this.__extends) || (function () {
@@ -8419,7 +8470,7 @@ up.Layer.Cover = (_a = /** @class */ (function (_super) {
8419
8470
 
8420
8471
 
8421
8472
  /***/ }),
8422
- /* 45 */
8473
+ /* 46 */
8423
8474
  /***/ (function() {
8424
8475
 
8425
8476
  var __assign = (this && this.__assign) || function () {
@@ -8461,7 +8512,7 @@ up.LayerLookup = /** @class */ (function () {
8461
8512
  }
8462
8513
  this.values = u.splitValues(options.layer);
8463
8514
  this.origin = options.origin;
8464
- this.baseLayer = options.baseLayer || this.stack.current;
8515
+ this.baseLayer = options.baseLayer || this.originLayer() || this.stack.current;
8465
8516
  if (u.isString(this.baseLayer)) {
8466
8517
  // The { baseLayer } option may itself be a string like "parent".
8467
8518
  // In this case we look it up using a new up.LayerLookup instance, using
@@ -8544,7 +8595,7 @@ up.LayerLookup = /** @class */ (function () {
8544
8595
 
8545
8596
 
8546
8597
  /***/ }),
8547
- /* 46 */
8598
+ /* 47 */
8548
8599
  /***/ (function() {
8549
8600
 
8550
8601
  var __extends = (this && this.__extends) || (function () {
@@ -8749,7 +8800,7 @@ up.LayerStack = /** @class */ (function (_super) {
8749
8800
 
8750
8801
 
8751
8802
  /***/ }),
8752
- /* 47 */
8803
+ /* 48 */
8753
8804
  /***/ (function() {
8754
8805
 
8755
8806
  up.LinkFeedbackURLs = /** @class */ (function () {
@@ -8784,7 +8835,7 @@ up.LinkFeedbackURLs = /** @class */ (function () {
8784
8835
 
8785
8836
 
8786
8837
  /***/ }),
8787
- /* 48 */
8838
+ /* 49 */
8788
8839
  /***/ (function() {
8789
8840
 
8790
8841
  var u = up.util;
@@ -8865,7 +8916,7 @@ up.LinkPreloader = /** @class */ (function () {
8865
8916
 
8866
8917
 
8867
8918
  /***/ }),
8868
- /* 49 */
8919
+ /* 50 */
8869
8920
  /***/ (function() {
8870
8921
 
8871
8922
  var __assign = (this && this.__assign) || function () {
@@ -9118,7 +9169,7 @@ up.MotionController = /** @class */ (function () {
9118
9169
 
9119
9170
 
9120
9171
  /***/ }),
9121
- /* 50 */
9172
+ /* 51 */
9122
9173
  /***/ (function() {
9123
9174
 
9124
9175
  var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
@@ -9249,7 +9300,7 @@ up.NonceableCallback = /** @class */ (function () {
9249
9300
 
9250
9301
 
9251
9302
  /***/ }),
9252
- /* 51 */
9303
+ /* 52 */
9253
9304
  /***/ (function() {
9254
9305
 
9255
9306
  var __assign = (this && this.__assign) || function () {
@@ -9327,7 +9378,7 @@ up.OptionsParser = /** @class */ (function () {
9327
9378
 
9328
9379
 
9329
9380
  /***/ }),
9330
- /* 52 */
9381
+ /* 53 */
9331
9382
  /***/ (function() {
9332
9383
 
9333
9384
  var e = up.element;
@@ -9421,7 +9472,7 @@ up.OverlayFocus = /** @class */ (function () {
9421
9472
 
9422
9473
 
9423
9474
  /***/ }),
9424
- /* 53 */
9475
+ /* 54 */
9425
9476
  /***/ (function() {
9426
9477
 
9427
9478
  var u = up.util;
@@ -9445,6 +9496,7 @@ The following types of parameter representation are supported:
9445
9496
  On IE 11 and Edge, `FormData` payloads require a [polyfill for `FormData#entries()`](https://github.com/jimmywarting/FormData).
9446
9497
 
9447
9498
  @class up.Params
9499
+ @parent up.form
9448
9500
  */
9449
9501
  up.Params = /** @class */ (function () {
9450
9502
  /*-
@@ -9815,7 +9867,7 @@ up.Params = /** @class */ (function () {
9815
9867
  @param {string} name
9816
9868
  @return {any}
9817
9869
  The value of the param with the given name.
9818
- @internal
9870
+ @experimental
9819
9871
  */
9820
9872
  Params.prototype.getFirst = function (name) {
9821
9873
  var entry = u.find(this.entries, this.matchEntryFn(name));
@@ -9830,7 +9882,7 @@ up.Params = /** @class */ (function () {
9830
9882
  @param {string} name
9831
9883
  @return {Array}
9832
9884
  An array of all values with the given name.
9833
- @internal
9885
+ @experimental
9834
9886
  */
9835
9887
  Params.prototype.getAll = function (name) {
9836
9888
  if (this.isArrayKey(name)) {
@@ -10018,7 +10070,7 @@ up.Params = /** @class */ (function () {
10018
10070
 
10019
10071
 
10020
10072
  /***/ }),
10021
- /* 54 */
10073
+ /* 55 */
10022
10074
  /***/ (function() {
10023
10075
 
10024
10076
  var e = up.element;
@@ -10076,7 +10128,7 @@ up.ProgressBar = /** @class */ (function () {
10076
10128
 
10077
10129
 
10078
10130
  /***/ }),
10079
- /* 55 */
10131
+ /* 56 */
10080
10132
  /***/ (function() {
10081
10133
 
10082
10134
  var u = up.util;
@@ -10215,7 +10267,7 @@ up.RenderOptions = (function () {
10215
10267
 
10216
10268
 
10217
10269
  /***/ }),
10218
- /* 56 */
10270
+ /* 57 */
10219
10271
  /***/ (function() {
10220
10272
 
10221
10273
  var __extends = (this && this.__extends) || (function () {
@@ -10245,6 +10297,7 @@ console.log(result.layer) // => up.Layer.Root
10245
10297
  ```
10246
10298
 
10247
10299
  @class up.RenderResult
10300
+ @parent up.fragment
10248
10301
  */
10249
10302
  up.RenderResult = /** @class */ (function (_super) {
10250
10303
  __extends(RenderResult, _super);
@@ -10276,7 +10329,7 @@ up.RenderResult = /** @class */ (function (_super) {
10276
10329
 
10277
10330
 
10278
10331
  /***/ }),
10279
- /* 57 */
10332
+ /* 58 */
10280
10333
  /***/ (function() {
10281
10334
 
10282
10335
  var __extends = (this && this.__extends) || (function () {
@@ -10310,6 +10363,7 @@ console.log(response.text)
10310
10363
  ```
10311
10364
 
10312
10365
  @class up.Request
10366
+ @parent up.network
10313
10367
  */
10314
10368
  up.Request = /** @class */ (function (_super) {
10315
10369
  __extends(Request, _super);
@@ -10908,7 +10962,7 @@ up.Request.tester = function (condition) {
10908
10962
 
10909
10963
 
10910
10964
  /***/ }),
10911
- /* 58 */
10965
+ /* 59 */
10912
10966
  /***/ (function() {
10913
10967
 
10914
10968
  var __extends = (this && this.__extends) || (function () {
@@ -10975,7 +11029,7 @@ up.Request.Cache = /** @class */ (function (_super) {
10975
11029
 
10976
11030
 
10977
11031
  /***/ }),
10978
- /* 59 */
11032
+ /* 60 */
10979
11033
  /***/ (function() {
10980
11034
 
10981
11035
  var u = up.util;
@@ -11129,7 +11183,7 @@ up.Request.Queue = /** @class */ (function () {
11129
11183
 
11130
11184
 
11131
11185
  /***/ }),
11132
- /* 60 */
11186
+ /* 61 */
11133
11187
  /***/ (function() {
11134
11188
 
11135
11189
  var u = up.util;
@@ -11182,7 +11236,7 @@ up.Request.FormRenderer = /** @class */ (function () {
11182
11236
 
11183
11237
 
11184
11238
  /***/ }),
11185
- /* 61 */
11239
+ /* 62 */
11186
11240
  /***/ (function() {
11187
11241
 
11188
11242
  var CONTENT_TYPE_URL_ENCODED = 'application/x-www-form-urlencoded';
@@ -11290,7 +11344,7 @@ up.Request.XHRRenderer = /** @class */ (function () {
11290
11344
 
11291
11345
 
11292
11346
  /***/ }),
11293
- /* 62 */
11347
+ /* 63 */
11294
11348
  /***/ (function() {
11295
11349
 
11296
11350
  var __extends = (this && this.__extends) || (function () {
@@ -11319,6 +11373,7 @@ A response to an [HTTP request](/up.request).
11319
11373
  })
11320
11374
 
11321
11375
  @class up.Response
11376
+ @parent up.network
11322
11377
  */
11323
11378
  up.Response = /** @class */ (function (_super) {
11324
11379
  __extends(Response, _super);
@@ -11508,7 +11563,7 @@ up.Response = /** @class */ (function (_super) {
11508
11563
 
11509
11564
 
11510
11565
  /***/ }),
11511
- /* 63 */
11566
+ /* 64 */
11512
11567
  /***/ (function() {
11513
11568
 
11514
11569
  var u = up.util;
@@ -11617,7 +11672,7 @@ up.ResponseDoc = /** @class */ (function () {
11617
11672
 
11618
11673
 
11619
11674
  /***/ }),
11620
- /* 64 */
11675
+ /* 65 */
11621
11676
  /***/ (function() {
11622
11677
 
11623
11678
  var e = up.element;
@@ -11739,7 +11794,7 @@ up.RevealMotion = /** @class */ (function () {
11739
11794
 
11740
11795
 
11741
11796
  /***/ }),
11742
- /* 65 */
11797
+ /* 66 */
11743
11798
  /***/ (function() {
11744
11799
 
11745
11800
  var u = up.util;
@@ -11819,7 +11874,7 @@ up.ScrollMotion = /** @class */ (function () {
11819
11874
 
11820
11875
 
11821
11876
  /***/ }),
11822
- /* 66 */
11877
+ /* 67 */
11823
11878
  /***/ (function() {
11824
11879
 
11825
11880
  var e = up.element;
@@ -11873,7 +11928,7 @@ up.Selector = /** @class */ (function () {
11873
11928
 
11874
11929
 
11875
11930
  /***/ }),
11876
- /* 67 */
11931
+ /* 68 */
11877
11932
  /***/ (function() {
11878
11933
 
11879
11934
  var u = up.util;
@@ -11908,7 +11963,7 @@ up.store.Memory = /** @class */ (function () {
11908
11963
 
11909
11964
 
11910
11965
  /***/ }),
11911
- /* 68 */
11966
+ /* 69 */
11912
11967
  /***/ (function() {
11913
11968
 
11914
11969
  var __extends = (this && this.__extends) || (function () {
@@ -11996,7 +12051,7 @@ up.store.Session = /** @class */ (function (_super) {
11996
12051
 
11997
12052
 
11998
12053
  /***/ }),
11999
- /* 69 */
12054
+ /* 70 */
12000
12055
  /***/ (function() {
12001
12056
 
12002
12057
  var u = up.util;
@@ -12158,7 +12213,7 @@ up.Tether = /** @class */ (function () {
12158
12213
 
12159
12214
 
12160
12215
  /***/ }),
12161
- /* 70 */
12216
+ /* 71 */
12162
12217
  /***/ (function() {
12163
12218
 
12164
12219
  var u = up.util;
@@ -12252,7 +12307,7 @@ up.URLPattern = /** @class */ (function () {
12252
12307
 
12253
12308
 
12254
12309
  /***/ }),
12255
- /* 71 */
12310
+ /* 72 */
12256
12311
  /***/ (function() {
12257
12312
 
12258
12313
  /*-
@@ -12463,7 +12518,7 @@ up.boot = up.framework.boot;
12463
12518
 
12464
12519
 
12465
12520
  /***/ }),
12466
- /* 72 */
12521
+ /* 73 */
12467
12522
  /***/ (function() {
12468
12523
 
12469
12524
  /*-
@@ -13056,7 +13111,7 @@ up.emit = up.event.emit;
13056
13111
 
13057
13112
 
13058
13113
  /***/ }),
13059
- /* 73 */
13114
+ /* 74 */
13060
13115
  /***/ (function() {
13061
13116
 
13062
13117
  /*-
@@ -13855,7 +13910,7 @@ up.protocol = (function () {
13855
13910
 
13856
13911
 
13857
13912
  /***/ }),
13858
- /* 74 */
13913
+ /* 75 */
13859
13914
  /***/ (function() {
13860
13915
 
13861
13916
  var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
@@ -14078,7 +14133,7 @@ up.warn = up.log.warn;
14078
14133
 
14079
14134
 
14080
14135
  /***/ }),
14081
- /* 75 */
14136
+ /* 76 */
14082
14137
  /***/ (function() {
14083
14138
 
14084
14139
  /*-
@@ -14087,6 +14142,8 @@ Custom JavaScript
14087
14142
 
14088
14143
  The `up.syntax` package lets you pair HTML elements with JavaScript behavior.
14089
14144
 
14145
+ @see legacy-scripts
14146
+
14090
14147
  @see up.compiler
14091
14148
  @see [up-data]
14092
14149
  @see up.macro
@@ -14599,7 +14656,7 @@ up.data = up.syntax.data;
14599
14656
 
14600
14657
 
14601
14658
  /***/ }),
14602
- /* 76 */
14659
+ /* 77 */
14603
14660
  /***/ (function() {
14604
14661
 
14605
14662
  var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -14990,7 +15047,7 @@ up.history = (function () {
14990
15047
 
14991
15048
 
14992
15049
  /***/ }),
14993
- /* 77 */
15050
+ /* 78 */
14994
15051
  /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
14995
15052
 
14996
15053
  var __assign = (this && this.__assign) || function () {
@@ -15004,7 +15061,7 @@ var __assign = (this && this.__assign) || function () {
15004
15061
  };
15005
15062
  return __assign.apply(this, arguments);
15006
15063
  };
15007
- __webpack_require__(78);
15064
+ __webpack_require__(79);
15008
15065
  var u = up.util;
15009
15066
  var e = up.element;
15010
15067
  /*-
@@ -15029,6 +15086,10 @@ a server-rendered web application:
15029
15086
 
15030
15087
  For low-level DOM utilities that complement the browser's native API, see `up.element`.
15031
15088
 
15089
+ @see navigation
15090
+ @see focus-option
15091
+ @see csp
15092
+
15032
15093
  @see up.render
15033
15094
  @see up.navigate
15034
15095
  @see up.destroy
@@ -16843,13 +16904,13 @@ u.delegate(up, 'context', function () { return up.layer.current; });
16843
16904
 
16844
16905
 
16845
16906
  /***/ }),
16846
- /* 78 */
16907
+ /* 79 */
16847
16908
  /***/ (function() {
16848
16909
 
16849
16910
 
16850
16911
 
16851
16912
  /***/ }),
16852
- /* 79 */
16913
+ /* 80 */
16853
16914
  /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
16854
16915
 
16855
16916
  var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
@@ -16861,10 +16922,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
16861
16922
  }
16862
16923
  return to.concat(ar || Array.prototype.slice.call(from));
16863
16924
  };
16864
- __webpack_require__(80);
16925
+ __webpack_require__(81);
16865
16926
  /*-
16866
- Scrolling viewports
16867
- ===================
16927
+ Scrolling
16928
+ =========
16868
16929
 
16869
16930
  The `up.viewport` module controls the scroll position and focus within scrollable containers ("viewports").
16870
16931
 
@@ -16873,6 +16934,9 @@ define additional viewports by giving the CSS property `{ overflow-y: scroll }`
16873
16934
 
16874
16935
  Also see documentation for the [scroll option](/scroll-option) and [focus option](/focus-option).
16875
16936
 
16937
+ @see scroll-option
16938
+ @see scroll-tuning
16939
+
16876
16940
  @see up.reveal
16877
16941
  @see [up-fixed=top]
16878
16942
 
@@ -17740,13 +17804,13 @@ up.reveal = up.viewport.reveal;
17740
17804
 
17741
17805
 
17742
17806
  /***/ }),
17743
- /* 80 */
17807
+ /* 81 */
17744
17808
  /***/ (function() {
17745
17809
 
17746
17810
 
17747
17811
 
17748
17812
  /***/ }),
17749
- /* 81 */
17813
+ /* 82 */
17750
17814
  /***/ (function() {
17751
17815
 
17752
17816
  var __assign = (this && this.__assign) || function () {
@@ -17839,6 +17903,8 @@ and [predefined animations](/up.animate#named-animations).
17839
17903
  You can define custom animations using `up.transition()` and
17840
17904
  `up.animation()`.
17841
17905
 
17906
+ @see motion-tuning
17907
+
17842
17908
  @see a[up-transition]
17843
17909
  @see up.animation
17844
17910
  @see up.transition
@@ -18500,10 +18566,10 @@ up.animate = up.motion.animate;
18500
18566
 
18501
18567
 
18502
18568
  /***/ }),
18503
- /* 82 */
18569
+ /* 83 */
18504
18570
  /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
18505
18571
 
18506
- __webpack_require__(83);
18572
+ __webpack_require__(84);
18507
18573
  var u = up.util;
18508
18574
  /*-
18509
18575
  Network requests
@@ -18646,6 +18712,7 @@ up.network = (function () {
18646
18712
  return []
18647
18713
  }
18648
18714
  }
18715
+ ```
18649
18716
 
18650
18717
  @param {boolean|Function(): boolean} [config.progressBar]
18651
18718
  Whether to show a progress bar for [late requests](/up:request:late).
@@ -19396,13 +19463,13 @@ up.cache = up.network.cache;
19396
19463
 
19397
19464
 
19398
19465
  /***/ }),
19399
- /* 83 */
19466
+ /* 84 */
19400
19467
  /***/ (function() {
19401
19468
 
19402
19469
 
19403
19470
 
19404
19471
  /***/ }),
19405
- /* 84 */
19472
+ /* 85 */
19406
19473
  /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
19407
19474
 
19408
19475
  var __assign = (this && this.__assign) || function () {
@@ -19461,7 +19528,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
19461
19528
  }
19462
19529
  return to.concat(ar || Array.prototype.slice.call(from));
19463
19530
  };
19464
- __webpack_require__(85);
19531
+ __webpack_require__(86);
19465
19532
  var u = up.util;
19466
19533
  var e = up.element;
19467
19534
  /*-
@@ -19478,9 +19545,17 @@ or events from another layer. For instance, [fragment links](/up.link) will only
19478
19545
  unless you [explicitly target another layer](/layer-option).
19479
19546
 
19480
19547
  Overlays allow you to break up a complex screen into [subinteractions](/subinteractions).
19481
- Subinteractions take place in overlays and may span one or many pages. The original screen remains open in the background.
19548
+ Subinteractions take place in overlays and may span one or many pages while the original screen remains open in the background.
19482
19549
  Once the subinteraction is *done*, the overlay is closed and a result value is communicated back to the parent layer.
19483
19550
 
19551
+ @see layer-terminology
19552
+ @see layer-option
19553
+ @see opening-overlays
19554
+ @see closing-overlays
19555
+ @see subinteractions
19556
+ @see customizing-overlays
19557
+ @see context
19558
+
19484
19559
  @see a[up-layer=new]
19485
19560
  @see up.layer.current
19486
19561
  @see up.layer.on
@@ -20743,13 +20818,13 @@ up.layer = (function () {
20743
20818
 
20744
20819
 
20745
20820
  /***/ }),
20746
- /* 85 */
20821
+ /* 86 */
20747
20822
  /***/ (function() {
20748
20823
 
20749
20824
 
20750
20825
 
20751
20826
  /***/ }),
20752
- /* 86 */
20827
+ /* 87 */
20753
20828
  /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
20754
20829
 
20755
20830
  var __assign = (this && this.__assign) || function () {
@@ -20772,7 +20847,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
20772
20847
  }
20773
20848
  return to.concat(ar || Array.prototype.slice.call(from));
20774
20849
  };
20775
- __webpack_require__(87);
20850
+ __webpack_require__(88);
20776
20851
  /*-
20777
20852
  Linking to fragments
20778
20853
  ====================
@@ -20796,7 +20871,7 @@ This makes for an unfriendly experience:
20796
20871
  - The user sees a "flash" as the browser loads and renders the new page,
20797
20872
  even if large portions of the old and new page are the same (navigation, layout, etc.).
20798
20873
 
20799
- Unpoly fixes this by letting you annotate links with an [`up-target`](/a-up-follow#up-target)
20874
+ Unpoly fixes this by letting you annotate links with an [`[up-target]`](/a-up-follow#up-target)
20800
20875
  attribute. The value of this attribute is a CSS selector that indicates which page
20801
20876
  fragment to update. The server **still renders full HTML pages**, but we only use
20802
20877
  the targeted fragments and discard the rest:
@@ -20839,10 +20914,14 @@ with an `up-target` attribute:
20839
20914
 
20840
20915
  Note that instead of `article` you can use any other CSS selector like `#main .article`.
20841
20916
 
20842
- With these [`up-target`](/a-up-follow#up-target) annotations Unpoly only updates the targeted part of the screen.
20917
+ With these [`[up-target]`](/a-up-follow#up-target) annotations Unpoly only updates the targeted part of the screen.
20843
20918
  The JavaScript environment will persist and the user will not see a white flash while the
20844
20919
  new page is loading.
20845
20920
 
20921
+ @see fragment-placement
20922
+ @see handling-everything
20923
+ @see server-errors
20924
+
20846
20925
  @see a[up-follow]
20847
20926
  @see a[up-instant]
20848
20927
  @see a[up-preload]
@@ -21093,7 +21172,7 @@ up.link = (function () {
21093
21172
  }
21094
21173
  /*-
21095
21174
  Parses the [render](/up.render) options that would be used to
21096
- [`follow`](/up.follow) the given link, but does not render.
21175
+ [follow](/up.follow) the given link, but does not render.
21097
21176
 
21098
21177
  ### Example
21099
21178
 
@@ -21925,13 +22004,13 @@ up.follow = up.link.follow;
21925
22004
 
21926
22005
 
21927
22006
  /***/ }),
21928
- /* 87 */
22007
+ /* 88 */
21929
22008
  /***/ (function() {
21930
22009
 
21931
22010
 
21932
22011
 
21933
22012
  /***/ }),
21934
- /* 88 */
22013
+ /* 89 */
21935
22014
  /***/ (function() {
21936
22015
 
21937
22016
  var __assign = (this && this.__assign) || function () {
@@ -21948,7 +22027,7 @@ var __assign = (this && this.__assign) || function () {
21948
22027
  /*-
21949
22028
  Forms
21950
22029
  =====
21951
-
22030
+
21952
22031
  The `up.form` module helps you work with non-trivial forms.
21953
22032
 
21954
22033
  @see form[up-submit]
@@ -22136,7 +22215,7 @@ up.form = (function () {
22136
22215
  });
22137
22216
  /*-
22138
22217
  Parses the [render](/up.render) options that would be used to
22139
- [`submit`](/up.submit) the given form, but does not render.
22218
+ [submit](/up.submit) the given form, but does not render.
22140
22219
 
22141
22220
  ### Example
22142
22221
 
@@ -23072,10 +23151,10 @@ up.form = (function () {
23072
23151
  ```html
23073
23152
  <input name="query" up-observe="showSuggestions(value)">
23074
23153
  ```
23075
-
23154
+
23076
23155
  Note that the parameter name in the markup must be called `value` or it will not work.
23077
23156
  The parameter name can be called whatever you want in the JavaScript, however.
23078
-
23157
+
23079
23158
  Also note that the function must be declared on the `window` object to work, like so:
23080
23159
 
23081
23160
  ```js
@@ -23244,7 +23323,7 @@ up.validate = up.form.validate;
23244
23323
 
23245
23324
 
23246
23325
  /***/ }),
23247
- /* 89 */
23326
+ /* 90 */
23248
23327
  /***/ (function() {
23249
23328
 
23250
23329
  /*-
@@ -23681,7 +23760,7 @@ up.feedback = (function () {
23681
23760
 
23682
23761
 
23683
23762
  /***/ }),
23684
- /* 90 */
23763
+ /* 91 */
23685
23764
  /***/ (function() {
23686
23765
 
23687
23766
  /*-
@@ -23909,7 +23988,7 @@ up.radio = (function () {
23909
23988
 
23910
23989
 
23911
23990
  /***/ }),
23912
- /* 91 */
23991
+ /* 92 */
23913
23992
  /***/ (function() {
23914
23993
 
23915
23994
  /*
@@ -23980,7 +24059,6 @@ __webpack_require__(4);
23980
24059
  __webpack_require__(5);
23981
24060
  __webpack_require__(6);
23982
24061
  __webpack_require__(7);
23983
- __webpack_require__(8);
23984
24062
  __webpack_require__(9);
23985
24063
  __webpack_require__(10);
23986
24064
  __webpack_require__(11);
@@ -24050,15 +24128,16 @@ __webpack_require__(74);
24050
24128
  __webpack_require__(75);
24051
24129
  __webpack_require__(76);
24052
24130
  __webpack_require__(77);
24053
- __webpack_require__(79);
24054
- __webpack_require__(81);
24131
+ __webpack_require__(78);
24132
+ __webpack_require__(80);
24055
24133
  __webpack_require__(82);
24056
- __webpack_require__(84);
24057
- __webpack_require__(86);
24058
- __webpack_require__(88);
24134
+ __webpack_require__(83);
24135
+ __webpack_require__(85);
24136
+ __webpack_require__(87);
24059
24137
  __webpack_require__(89);
24060
24138
  __webpack_require__(90);
24061
24139
  __webpack_require__(91);
24140
+ __webpack_require__(92);
24062
24141
  up.framework.onEvaled();
24063
24142
 
24064
24143
  }();