unpoly-rails 2.6.0 → 2.6.1
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of unpoly-rails might be problematic. Click here for more details.
- checksums.yaml +4 -4
- data/assets/unpoly/unpoly-bootstrap3.js +16 -2
- data/assets/unpoly/unpoly-bootstrap3.min.js +1 -1
- data/assets/unpoly/unpoly-bootstrap4.js +16 -2
- data/assets/unpoly/unpoly-bootstrap4.min.js +1 -1
- data/assets/unpoly/unpoly-bootstrap5.js +16 -2
- data/assets/unpoly/unpoly-bootstrap5.min.js +1 -1
- data/assets/unpoly/unpoly.css +3 -0
- data/assets/unpoly/unpoly.es5.js +207 -128
- data/assets/unpoly/unpoly.es5.min.js +1 -1
- data/assets/unpoly/unpoly.js +242 -134
- data/assets/unpoly/unpoly.min.css +2 -0
- data/assets/unpoly/unpoly.min.js +1 -1
- data/lib/unpoly/rails/version.rb +1 -1
- metadata +2 -2
data/assets/unpoly/unpoly.es5.js
CHANGED
@@ -8,7 +8,7 @@
|
|
8
8
|
@module up
|
9
9
|
*/
|
10
10
|
window.up = {
|
11
|
-
version: '2.6.
|
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
|
-
|
2640
|
-
of `{ display: none }`.
|
2642
|
+
Also see `up.element.show()` and `up.element.toggle()`.
|
2641
2643
|
|
2642
|
-
|
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
|
-
|
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
|
2659
|
-
|
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
|
2662
|
-
Unpoly will not handle such cases in order to keep this function performant. As a workaround, you may
|
2663
|
-
manually set
|
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.
|
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
|
-
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
@
|
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
|
-
@
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
13114
|
+
/* 74 */
|
13060
13115
|
/***/ (function() {
|
13061
13116
|
|
13062
13117
|
/*-
|
@@ -13855,7 +13910,7 @@ up.protocol = (function () {
|
|
13855
13910
|
|
13856
13911
|
|
13857
13912
|
/***/ }),
|
13858
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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
|
-
/*
|
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__(
|
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
|
-
/*
|
16907
|
+
/* 79 */
|
16847
16908
|
/***/ (function() {
|
16848
16909
|
|
16849
16910
|
|
16850
16911
|
|
16851
16912
|
/***/ }),
|
16852
|
-
/*
|
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__(
|
16925
|
+
__webpack_require__(81);
|
16865
16926
|
/*-
|
16866
|
-
Scrolling
|
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
|
-
/*
|
17807
|
+
/* 81 */
|
17744
17808
|
/***/ (function() {
|
17745
17809
|
|
17746
17810
|
|
17747
17811
|
|
17748
17812
|
/***/ }),
|
17749
|
-
/*
|
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
|
-
/*
|
18569
|
+
/* 83 */
|
18504
18570
|
/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
|
18505
18571
|
|
18506
|
-
__webpack_require__(
|
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
|
-
/*
|
19466
|
+
/* 84 */
|
19400
19467
|
/***/ (function() {
|
19401
19468
|
|
19402
19469
|
|
19403
19470
|
|
19404
19471
|
/***/ }),
|
19405
|
-
/*
|
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__(
|
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
|
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
|
-
/*
|
20821
|
+
/* 86 */
|
20747
20822
|
/***/ (function() {
|
20748
20823
|
|
20749
20824
|
|
20750
20825
|
|
20751
20826
|
/***/ }),
|
20752
|
-
/*
|
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__(
|
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
|
-
[
|
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
|
-
/*
|
22007
|
+
/* 88 */
|
21929
22008
|
/***/ (function() {
|
21930
22009
|
|
21931
22010
|
|
21932
22011
|
|
21933
22012
|
/***/ }),
|
21934
|
-
/*
|
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
|
-
[
|
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
|
-
/*
|
23326
|
+
/* 90 */
|
23248
23327
|
/***/ (function() {
|
23249
23328
|
|
23250
23329
|
/*-
|
@@ -23681,7 +23760,7 @@ up.feedback = (function () {
|
|
23681
23760
|
|
23682
23761
|
|
23683
23762
|
/***/ }),
|
23684
|
-
/*
|
23763
|
+
/* 91 */
|
23685
23764
|
/***/ (function() {
|
23686
23765
|
|
23687
23766
|
/*-
|
@@ -23909,7 +23988,7 @@ up.radio = (function () {
|
|
23909
23988
|
|
23910
23989
|
|
23911
23990
|
/***/ }),
|
23912
|
-
/*
|
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__(
|
24054
|
-
__webpack_require__(
|
24131
|
+
__webpack_require__(78);
|
24132
|
+
__webpack_require__(80);
|
24055
24133
|
__webpack_require__(82);
|
24056
|
-
__webpack_require__(
|
24057
|
-
__webpack_require__(
|
24058
|
-
__webpack_require__(
|
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
|
}();
|