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.
- 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
|
}();
|