@pageboard/html 0.10.13 → 0.10.16
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.
- package/elements/card.js +2 -3
- package/elements/form.js +1 -1
- package/elements/grid.js +4 -3
- package/elements/image.js +4 -2
- package/elements/inputs.js +2 -2
- package/elements/layout.js +6 -5
- package/elements/media.js +4 -2
- package/elements/menu.js +0 -3
- package/elements/page.js +2 -4
- package/elements/paragraph.js +1 -1
- package/elements/rating.js +1 -1
- package/lib/nouislider.js +31 -31
- package/package.json +2 -2
- package/ui/card.css +49 -49
- package/ui/form.css +3 -12
- package/ui/form.js +56 -38
- package/ui/input-file.css +6 -6
- package/ui/input-file.js +19 -15
- package/ui/input-range.js +8 -6
- package/ui/item.css +30 -30
- package/ui/layout.css +1 -1
- package/ui/loading.css +7 -7
- package/ui/menu.css +1 -1
- package/ui/menu.js +9 -7
- package/ui/query-tags.js +4 -3
- package/ui/rating.css +7 -7
- package/ui/site.css +25 -35
- package/ui/tab.css +1 -4
- package/ui/transition.css +8 -8
package/elements/card.js
CHANGED
|
@@ -18,7 +18,7 @@ exports.cards = {
|
|
|
18
18
|
shape: {
|
|
19
19
|
title: 'Shape',
|
|
20
20
|
anyOf: [{
|
|
21
|
-
|
|
21
|
+
const: null,
|
|
22
22
|
title: 'Default',
|
|
23
23
|
}, {
|
|
24
24
|
const: "square",
|
|
@@ -33,9 +33,8 @@ exports.cards = {
|
|
|
33
33
|
},
|
|
34
34
|
responsive: {
|
|
35
35
|
title: 'Responsive',
|
|
36
|
-
nullable: true,
|
|
37
36
|
anyOf: [{
|
|
38
|
-
title: '
|
|
37
|
+
title: 'No',
|
|
39
38
|
const: null
|
|
40
39
|
}, {
|
|
41
40
|
title: 'Stackable',
|
package/elements/form.js
CHANGED
package/elements/grid.js
CHANGED
|
@@ -17,8 +17,10 @@ exports.grid = {
|
|
|
17
17
|
},
|
|
18
18
|
responsive: {
|
|
19
19
|
title: 'Responsive',
|
|
20
|
-
nullable: true,
|
|
21
20
|
anyOf: [{
|
|
21
|
+
title: 'No',
|
|
22
|
+
const: null
|
|
23
|
+
}, {
|
|
22
24
|
title: 'Stackable',
|
|
23
25
|
const: 'stackable'
|
|
24
26
|
}, {
|
|
@@ -67,9 +69,8 @@ exports.grid_row = {
|
|
|
67
69
|
properties: {
|
|
68
70
|
responsive: {
|
|
69
71
|
title: 'Responsive',
|
|
70
|
-
nullable: true,
|
|
71
72
|
anyOf: [{
|
|
72
|
-
title: '
|
|
73
|
+
title: 'No',
|
|
73
74
|
const: null
|
|
74
75
|
}, {
|
|
75
76
|
title: 'Stackable',
|
package/elements/image.js
CHANGED
|
@@ -12,8 +12,9 @@ exports.image = {
|
|
|
12
12
|
url: {
|
|
13
13
|
title: 'Address',
|
|
14
14
|
description: 'Local or remote URL',
|
|
15
|
-
nullable: true,
|
|
16
15
|
anyOf: [{
|
|
16
|
+
type: "null"
|
|
17
|
+
}, {
|
|
17
18
|
type: "string",
|
|
18
19
|
format: "uri"
|
|
19
20
|
}, {
|
|
@@ -156,8 +157,9 @@ exports.inlineImage = {
|
|
|
156
157
|
url: {
|
|
157
158
|
title: 'Address',
|
|
158
159
|
description: 'Local or remote URL',
|
|
159
|
-
nullable: true,
|
|
160
160
|
anyOf: [{
|
|
161
|
+
type: "null"
|
|
162
|
+
}, {
|
|
161
163
|
type: "string",
|
|
162
164
|
format: "uri"
|
|
163
165
|
}, {
|
package/elements/inputs.js
CHANGED
|
@@ -156,8 +156,8 @@ exports.input_text = {
|
|
|
156
156
|
nodes: 'inline*'
|
|
157
157
|
},
|
|
158
158
|
patterns: {
|
|
159
|
-
tel:
|
|
160
|
-
email:
|
|
159
|
+
tel: /^(\(\d+\))? *\d+([ .\-]?\d+)*$/.source,
|
|
160
|
+
email: /^[\w.!#$%&'*+\/=?^`{|}~-]+@\w(?:[\w-]{0,61}\w)?(?:\.\w(?:[\w-]{0,61}\w)?)*$/.source
|
|
161
161
|
},
|
|
162
162
|
html: `<div class="[width|num: wide] field [type|eq:hidden:hidden:]">
|
|
163
163
|
<label block-content="label">Label</label>
|
package/elements/layout.js
CHANGED
|
@@ -106,8 +106,9 @@ exports.layout = {
|
|
|
106
106
|
image: {
|
|
107
107
|
title: 'Image',
|
|
108
108
|
description: 'Local or remote URL',
|
|
109
|
-
nullable: true,
|
|
110
109
|
anyOf: [{
|
|
110
|
+
type: "null"
|
|
111
|
+
}, {
|
|
111
112
|
type: "string",
|
|
112
113
|
format: "uri"
|
|
113
114
|
}, {
|
|
@@ -168,7 +169,7 @@ exports.layout = {
|
|
|
168
169
|
size: {
|
|
169
170
|
title: 'Size',
|
|
170
171
|
anyOf: [{
|
|
171
|
-
|
|
172
|
+
const: null,
|
|
172
173
|
title: 'Auto'
|
|
173
174
|
}, {
|
|
174
175
|
const: 'cover',
|
|
@@ -181,7 +182,7 @@ exports.layout = {
|
|
|
181
182
|
position: {
|
|
182
183
|
title: 'Position',
|
|
183
184
|
anyOf: [{
|
|
184
|
-
|
|
185
|
+
const: null,
|
|
185
186
|
title: 'Top Left'
|
|
186
187
|
}, {
|
|
187
188
|
const: 'top center',
|
|
@@ -212,7 +213,7 @@ exports.layout = {
|
|
|
212
213
|
repeat: {
|
|
213
214
|
title: 'Repeat',
|
|
214
215
|
anyOf: [{
|
|
215
|
-
|
|
216
|
+
const: null,
|
|
216
217
|
title: 'Repeat'
|
|
217
218
|
}, {
|
|
218
219
|
const: 'no-repeat',
|
|
@@ -234,7 +235,7 @@ exports.layout = {
|
|
|
234
235
|
attachment: {
|
|
235
236
|
title: 'Attachment',
|
|
236
237
|
anyOf: [{
|
|
237
|
-
|
|
238
|
+
const: null,
|
|
238
239
|
title: 'Local'
|
|
239
240
|
}, {
|
|
240
241
|
const: 'scroll',
|
package/elements/media.js
CHANGED
|
@@ -8,8 +8,9 @@ exports.video = {
|
|
|
8
8
|
url: {
|
|
9
9
|
title: 'Address',
|
|
10
10
|
description: 'Local or remote URL',
|
|
11
|
-
nullable: true,
|
|
12
11
|
anyOf: [{
|
|
12
|
+
type: "null"
|
|
13
|
+
}, {
|
|
13
14
|
type: "string",
|
|
14
15
|
format: "uri"
|
|
15
16
|
}, {
|
|
@@ -88,8 +89,9 @@ exports.audio = {
|
|
|
88
89
|
url: {
|
|
89
90
|
title: 'Address',
|
|
90
91
|
description: 'Local or remote URL',
|
|
91
|
-
nullable: true,
|
|
92
92
|
anyOf: [{
|
|
93
|
+
type: "null"
|
|
94
|
+
}, {
|
|
93
95
|
type: "string",
|
|
94
96
|
format: "uri"
|
|
95
97
|
}, {
|
package/elements/menu.js
CHANGED
|
@@ -9,7 +9,6 @@ exports.menu = {
|
|
|
9
9
|
properties: {
|
|
10
10
|
direction: {
|
|
11
11
|
title: 'Direction',
|
|
12
|
-
nullable: true,
|
|
13
12
|
anyOf: [{
|
|
14
13
|
const: null,
|
|
15
14
|
title: "Horizontal"
|
|
@@ -37,7 +36,6 @@ exports.menu_group = {
|
|
|
37
36
|
properties: {
|
|
38
37
|
position: {
|
|
39
38
|
title: 'Position',
|
|
40
|
-
nullable: true,
|
|
41
39
|
anyOf: [{
|
|
42
40
|
const: null,
|
|
43
41
|
title: "Left"
|
|
@@ -153,7 +151,6 @@ exports.menu_item_dropdown = {
|
|
|
153
151
|
properties: {
|
|
154
152
|
position: {
|
|
155
153
|
title: 'Position',
|
|
156
|
-
nullable: true,
|
|
157
154
|
anyOf: [{
|
|
158
155
|
const: null,
|
|
159
156
|
title: "Left"
|
package/elements/page.js
CHANGED
|
@@ -16,9 +16,8 @@ exports.page.properties.transition = {
|
|
|
16
16
|
properties: {
|
|
17
17
|
close: {
|
|
18
18
|
title: 'Close',
|
|
19
|
-
nullable: true,
|
|
20
19
|
anyOf: [{
|
|
21
|
-
|
|
20
|
+
const: null,
|
|
22
21
|
title: 'None'
|
|
23
22
|
}, {
|
|
24
23
|
const: 'tr-up',
|
|
@@ -39,9 +38,8 @@ exports.page.properties.transition = {
|
|
|
39
38
|
},
|
|
40
39
|
open: {
|
|
41
40
|
title: 'Open',
|
|
42
|
-
nullable: true,
|
|
43
41
|
anyOf: [{
|
|
44
|
-
|
|
42
|
+
const: null,
|
|
45
43
|
title: 'None'
|
|
46
44
|
}, {
|
|
47
45
|
const: 'tr-up',
|
package/elements/paragraph.js
CHANGED
package/elements/rating.js
CHANGED
package/lib/nouislider.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define(['exports'], factory) :
|
|
4
4
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.noUiSlider = {}));
|
|
5
|
-
}(this, (function (exports) { 'use strict';
|
|
5
|
+
})(this, (function (exports) { 'use strict';
|
|
6
6
|
|
|
7
7
|
exports.PipsMode = void 0;
|
|
8
8
|
(function (PipsMode) {
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
: doc.body.scrollTop;
|
|
128
128
|
return {
|
|
129
129
|
x: x,
|
|
130
|
-
y: y
|
|
130
|
+
y: y,
|
|
131
131
|
};
|
|
132
132
|
}
|
|
133
133
|
// we provide a function to compute constants instead
|
|
@@ -140,18 +140,18 @@
|
|
|
140
140
|
? {
|
|
141
141
|
start: "pointerdown",
|
|
142
142
|
move: "pointermove",
|
|
143
|
-
end: "pointerup"
|
|
143
|
+
end: "pointerup",
|
|
144
144
|
}
|
|
145
145
|
: window.navigator.msPointerEnabled
|
|
146
146
|
? {
|
|
147
147
|
start: "MSPointerDown",
|
|
148
148
|
move: "MSPointerMove",
|
|
149
|
-
end: "MSPointerUp"
|
|
149
|
+
end: "MSPointerUp",
|
|
150
150
|
}
|
|
151
151
|
: {
|
|
152
152
|
start: "mousedown touchstart",
|
|
153
153
|
move: "mousemove touchmove",
|
|
154
|
-
end: "mouseup touchend"
|
|
154
|
+
end: "mouseup touchend",
|
|
155
155
|
};
|
|
156
156
|
}
|
|
157
157
|
// https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md
|
|
@@ -163,7 +163,7 @@
|
|
|
163
163
|
var opts = Object.defineProperty({}, "passive", {
|
|
164
164
|
get: function () {
|
|
165
165
|
supportsPassive = true;
|
|
166
|
-
}
|
|
166
|
+
},
|
|
167
167
|
});
|
|
168
168
|
// @ts-ignore
|
|
169
169
|
window.addEventListener("test", null, opts);
|
|
@@ -384,18 +384,18 @@
|
|
|
384
384
|
stepBefore: {
|
|
385
385
|
startValue: this.xVal[j - 2],
|
|
386
386
|
step: this.xNumSteps[j - 2],
|
|
387
|
-
highestStep: this.xHighestCompleteStep[j - 2]
|
|
387
|
+
highestStep: this.xHighestCompleteStep[j - 2],
|
|
388
388
|
},
|
|
389
389
|
thisStep: {
|
|
390
390
|
startValue: this.xVal[j - 1],
|
|
391
391
|
step: this.xNumSteps[j - 1],
|
|
392
|
-
highestStep: this.xHighestCompleteStep[j - 1]
|
|
392
|
+
highestStep: this.xHighestCompleteStep[j - 1],
|
|
393
393
|
},
|
|
394
394
|
stepAfter: {
|
|
395
395
|
startValue: this.xVal[j],
|
|
396
396
|
step: this.xNumSteps[j],
|
|
397
|
-
highestStep: this.xHighestCompleteStep[j]
|
|
398
|
-
}
|
|
397
|
+
highestStep: this.xHighestCompleteStep[j],
|
|
398
|
+
},
|
|
399
399
|
};
|
|
400
400
|
};
|
|
401
401
|
Spectrum.prototype.countStepDecimals = function () {
|
|
@@ -481,7 +481,7 @@
|
|
|
481
481
|
to: function (value) {
|
|
482
482
|
return value === undefined ? "" : value.toFixed(2);
|
|
483
483
|
},
|
|
484
|
-
from: Number
|
|
484
|
+
from: Number,
|
|
485
485
|
};
|
|
486
486
|
var cssClasses = {
|
|
487
487
|
target: "target",
|
|
@@ -519,12 +519,12 @@
|
|
|
519
519
|
valueVertical: "value-vertical",
|
|
520
520
|
valueNormal: "value-normal",
|
|
521
521
|
valueLarge: "value-large",
|
|
522
|
-
valueSub: "value-sub"
|
|
522
|
+
valueSub: "value-sub",
|
|
523
523
|
};
|
|
524
524
|
// Namespaces of internal event listeners
|
|
525
525
|
var INTERNAL_EVENT_NS = {
|
|
526
526
|
tooltips: ".__tooltips",
|
|
527
|
-
aria: ".__aria"
|
|
527
|
+
aria: ".__aria",
|
|
528
528
|
};
|
|
529
529
|
//endregion
|
|
530
530
|
function testStep(parsed, entry) {
|
|
@@ -731,7 +731,7 @@
|
|
|
731
731
|
fixed: fixed,
|
|
732
732
|
snap: snap,
|
|
733
733
|
hover: hover,
|
|
734
|
-
unconstrained: unconstrained
|
|
734
|
+
unconstrained: unconstrained,
|
|
735
735
|
};
|
|
736
736
|
}
|
|
737
737
|
function testTooltips(parsed, entry) {
|
|
@@ -817,7 +817,7 @@
|
|
|
817
817
|
animate: true,
|
|
818
818
|
animationDuration: 300,
|
|
819
819
|
ariaFormat: defaultFormatter,
|
|
820
|
-
format: defaultFormatter
|
|
820
|
+
format: defaultFormatter,
|
|
821
821
|
};
|
|
822
822
|
// Tests are executed in the order they are presented here.
|
|
823
823
|
var tests = {
|
|
@@ -844,7 +844,7 @@
|
|
|
844
844
|
documentElement: { r: false, t: testDocumentElement },
|
|
845
845
|
cssPrefix: { r: true, t: testCssPrefix },
|
|
846
846
|
cssClasses: { r: true, t: testCssClasses },
|
|
847
|
-
handleAttributes: { r: false, t: testHandleAttributes }
|
|
847
|
+
handleAttributes: { r: false, t: testHandleAttributes },
|
|
848
848
|
};
|
|
849
849
|
var defaults = {
|
|
850
850
|
connect: false,
|
|
@@ -856,7 +856,7 @@
|
|
|
856
856
|
cssClasses: cssClasses,
|
|
857
857
|
keyboardPageMultiplier: 5,
|
|
858
858
|
keyboardMultiplier: 1,
|
|
859
|
-
keyboardDefaultStep: 10
|
|
859
|
+
keyboardDefaultStep: 10,
|
|
860
860
|
};
|
|
861
861
|
// AriaFormat defaults to regular format, if any.
|
|
862
862
|
if (options.format && !options.ariaFormat) {
|
|
@@ -888,7 +888,7 @@
|
|
|
888
888
|
// Pips don't move, so we can place them using left/top.
|
|
889
889
|
var styles = [
|
|
890
890
|
["left", "top"],
|
|
891
|
-
["right", "bottom"]
|
|
891
|
+
["right", "bottom"],
|
|
892
892
|
];
|
|
893
893
|
parsed.style = styles[parsed.dir][parsed.ort];
|
|
894
894
|
return parsed;
|
|
@@ -1273,7 +1273,7 @@
|
|
|
1273
1273
|
var format = pips.format || {
|
|
1274
1274
|
to: function (value) {
|
|
1275
1275
|
return String(Math.round(value));
|
|
1276
|
-
}
|
|
1276
|
+
},
|
|
1277
1277
|
};
|
|
1278
1278
|
scope_Pips = scope_Target.appendChild(addMarking(spread, filter, format));
|
|
1279
1279
|
return scope_Pips;
|
|
@@ -1509,21 +1509,21 @@
|
|
|
1509
1509
|
pageOffset: event.pageOffset,
|
|
1510
1510
|
handleNumbers: data.handleNumbers,
|
|
1511
1511
|
buttonsProperty: event.buttons,
|
|
1512
|
-
locations: scope_Locations.slice()
|
|
1512
|
+
locations: scope_Locations.slice(),
|
|
1513
1513
|
});
|
|
1514
1514
|
var endEvent = attachEvent(actions.end, scope_DocumentElement, eventEnd, {
|
|
1515
1515
|
target: event.target,
|
|
1516
1516
|
handle: handle,
|
|
1517
1517
|
listeners: listeners,
|
|
1518
1518
|
doNotReject: true,
|
|
1519
|
-
handleNumbers: data.handleNumbers
|
|
1519
|
+
handleNumbers: data.handleNumbers,
|
|
1520
1520
|
});
|
|
1521
1521
|
var outEvent = attachEvent("mouseout", scope_DocumentElement, documentLeave, {
|
|
1522
1522
|
target: event.target,
|
|
1523
1523
|
handle: handle,
|
|
1524
1524
|
listeners: listeners,
|
|
1525
1525
|
doNotReject: true,
|
|
1526
|
-
handleNumbers: data.handleNumbers
|
|
1526
|
+
handleNumbers: data.handleNumbers,
|
|
1527
1527
|
});
|
|
1528
1528
|
// We want to make sure we pushed the listeners in the listener list rather than creating
|
|
1529
1529
|
// a new one as it has already been passed to the event handlers.
|
|
@@ -1668,7 +1668,7 @@
|
|
|
1668
1668
|
// These events are only bound to the visual handle
|
|
1669
1669
|
// element, not the 'real' origin element.
|
|
1670
1670
|
attachEvent(actions.start, handle.children[0], eventStart, {
|
|
1671
|
-
handleNumbers: [index]
|
|
1671
|
+
handleNumbers: [index],
|
|
1672
1672
|
});
|
|
1673
1673
|
});
|
|
1674
1674
|
}
|
|
@@ -1679,7 +1679,7 @@
|
|
|
1679
1679
|
// Fire hover events
|
|
1680
1680
|
if (behaviour.hover) {
|
|
1681
1681
|
attachEvent(actions.move, scope_Base, eventHover, {
|
|
1682
|
-
hover: true
|
|
1682
|
+
hover: true,
|
|
1683
1683
|
});
|
|
1684
1684
|
}
|
|
1685
1685
|
// Make the range draggable.
|
|
@@ -1710,7 +1710,7 @@
|
|
|
1710
1710
|
attachEvent(actions.start, eventHolder, eventStart, {
|
|
1711
1711
|
handles: handlesToDrag,
|
|
1712
1712
|
handleNumbers: handleNumbersToDrag,
|
|
1713
|
-
connect: connect
|
|
1713
|
+
connect: connect,
|
|
1714
1714
|
});
|
|
1715
1715
|
});
|
|
1716
1716
|
});
|
|
@@ -2059,7 +2059,7 @@
|
|
|
2059
2059
|
if (options.snap) {
|
|
2060
2060
|
return [
|
|
2061
2061
|
value - nearbySteps.stepBefore.startValue || null,
|
|
2062
|
-
nearbySteps.stepAfter.startValue - value || null
|
|
2062
|
+
nearbySteps.stepAfter.startValue - value || null,
|
|
2063
2063
|
];
|
|
2064
2064
|
}
|
|
2065
2065
|
// If the next value in this step moves into the next step,
|
|
@@ -2118,7 +2118,7 @@
|
|
|
2118
2118
|
"step",
|
|
2119
2119
|
"format",
|
|
2120
2120
|
"pips",
|
|
2121
|
-
"tooltips"
|
|
2121
|
+
"tooltips",
|
|
2122
2122
|
];
|
|
2123
2123
|
// Only change options that we're actually passed to update.
|
|
2124
2124
|
updateAble.forEach(function (name) {
|
|
@@ -2203,7 +2203,7 @@
|
|
|
2203
2203
|
getOrigins: function () {
|
|
2204
2204
|
return scope_Handles;
|
|
2205
2205
|
},
|
|
2206
|
-
pips: pips // Issue #594
|
|
2206
|
+
pips: pips, // Issue #594
|
|
2207
2207
|
};
|
|
2208
2208
|
return scope_Self;
|
|
2209
2209
|
}
|
|
@@ -2228,13 +2228,13 @@
|
|
|
2228
2228
|
// A reference to the default classes, allows global changes.
|
|
2229
2229
|
// Use the cssClasses option for changes to one slider.
|
|
2230
2230
|
cssClasses: cssClasses,
|
|
2231
|
-
create: initialize
|
|
2231
|
+
create: initialize,
|
|
2232
2232
|
};
|
|
2233
2233
|
|
|
2234
2234
|
exports.create = initialize;
|
|
2235
2235
|
exports.cssClasses = cssClasses;
|
|
2236
|
-
exports[
|
|
2236
|
+
exports["default"] = nouislider;
|
|
2237
2237
|
|
|
2238
2238
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
2239
2239
|
|
|
2240
|
-
}))
|
|
2240
|
+
}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pageboard/html",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.16",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"formdata-polyfill": "^4.0.10",
|
|
27
|
-
"nouislider": "^15.5.
|
|
27
|
+
"nouislider": "^15.5.1",
|
|
28
28
|
"object-fit-images": "^3.2.4",
|
|
29
29
|
"postinstall-bundle": "^0.7.4"
|
|
30
30
|
},
|