@dangl/angular-material-shared 2.9.0-beta0047 → 2.9.0-beta0048
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/package.json +1 -1
- package/tinymce-assets/icons/default/icons.js +9 -46
- package/tinymce-assets/icons/default/icons.min.js +1 -1
- package/tinymce-assets/models/dom/model.js +7239 -8193
- package/tinymce-assets/models/dom/model.min.js +1 -1
- package/tinymce-assets/plugins/accordion/plugin.js +879 -1174
- package/tinymce-assets/plugins/accordion/plugin.min.js +5 -1
- package/tinymce-assets/plugins/advlist/plugin.js +200 -412
- package/tinymce-assets/plugins/advlist/plugin.min.js +5 -1
- package/tinymce-assets/plugins/anchor/plugin.js +166 -189
- package/tinymce-assets/plugins/anchor/plugin.min.js +5 -1
- package/tinymce-assets/plugins/autolink/plugin.js +220 -310
- package/tinymce-assets/plugins/autolink/plugin.min.js +5 -1
- package/tinymce-assets/plugins/autoresize/plugin.js +149 -180
- package/tinymce-assets/plugins/autoresize/plugin.min.js +5 -1
- package/tinymce-assets/plugins/autosave/plugin.js +189 -208
- package/tinymce-assets/plugins/autosave/plugin.min.js +5 -1
- package/tinymce-assets/plugins/charmap/plugin.js +1566 -905
- package/tinymce-assets/plugins/charmap/plugin.min.js +5 -1
- package/tinymce-assets/plugins/code/plugin.js +61 -73
- package/tinymce-assets/plugins/code/plugin.min.js +4 -0
- package/tinymce-assets/plugins/codesample/plugin.js +2409 -3592
- package/tinymce-assets/plugins/codesample/plugin.min.js +12 -8
- package/tinymce-assets/plugins/directionality/plugin.js +304 -545
- package/tinymce-assets/plugins/directionality/plugin.min.js +5 -1
- package/tinymce-assets/plugins/emoticons/plugin.js +488 -702
- package/tinymce-assets/plugins/emoticons/plugin.min.js +5 -1
- package/tinymce-assets/plugins/fullscreen/plugin.js +1049 -1409
- package/tinymce-assets/plugins/fullscreen/plugin.min.js +5 -1
- package/tinymce-assets/plugins/help/js/i18n/keynav/ar.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/bg_BG.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/ca.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/cs.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/da.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/de.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/el.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/en.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/es.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/eu.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/fa.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/fi.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/fr_FR.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/he_IL.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/hi.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/hr.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/hu_HU.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/id.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/it.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/ja.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/kk.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/ko_KR.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/ms.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/nb_NO.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/nl.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/pl.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/pt_BR.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/pt_PT.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/ro.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/ru.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/sk.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/sl_SI.js +2 -5
- package/tinymce-assets/plugins/help/js/i18n/keynav/sv_SE.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/th_TH.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/tr.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/uk.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/vi.js +1 -4
- package/tinymce-assets/plugins/help/js/i18n/keynav/zh_CN.js +5 -8
- package/tinymce-assets/plugins/help/js/i18n/keynav/zh_TW.js +1 -4
- package/tinymce-assets/plugins/help/plugin.js +809 -739
- package/tinymce-assets/plugins/help/plugin.min.js +5 -1
- package/tinymce-assets/plugins/image/plugin.js +1291 -1475
- package/tinymce-assets/plugins/image/plugin.min.js +5 -1
- package/tinymce-assets/plugins/importcss/plugin.js +269 -328
- package/tinymce-assets/plugins/importcss/plugin.min.js +5 -1
- package/tinymce-assets/plugins/insertdatetime/plugin.js +141 -140
- package/tinymce-assets/plugins/insertdatetime/plugin.min.js +5 -1
- package/tinymce-assets/plugins/link/plugin.js +1084 -1419
- package/tinymce-assets/plugins/link/plugin.min.js +5 -1
- package/tinymce-assets/plugins/lists/plugin.js +1805 -2177
- package/tinymce-assets/plugins/lists/plugin.min.js +5 -1
- package/tinymce-assets/plugins/media/plugin.js +1047 -1305
- package/tinymce-assets/plugins/media/plugin.min.js +5 -1
- package/tinymce-assets/plugins/nonbreaking/plugin.js +88 -93
- package/tinymce-assets/plugins/nonbreaking/plugin.min.js +4 -0
- package/tinymce-assets/plugins/pagebreak/plugin.js +85 -91
- package/tinymce-assets/plugins/pagebreak/plugin.min.js +4 -0
- package/tinymce-assets/plugins/preview/plugin.js +74 -742
- package/tinymce-assets/plugins/preview/plugin.min.js +5 -1
- package/tinymce-assets/plugins/quickbars/plugin.js +375 -582
- package/tinymce-assets/plugins/quickbars/plugin.min.js +5 -1
- package/tinymce-assets/plugins/save/plugin.js +82 -100
- package/tinymce-assets/plugins/save/plugin.min.js +5 -1
- package/tinymce-assets/plugins/searchreplace/plugin.js +906 -1183
- package/tinymce-assets/plugins/searchreplace/plugin.min.js +5 -1
- package/tinymce-assets/plugins/table/plugin.js +3094 -3651
- package/tinymce-assets/plugins/table/plugin.min.js +5 -1
- package/tinymce-assets/plugins/template/index.js +7 -0
- package/tinymce-assets/plugins/template/plugin.js +567 -0
- package/tinymce-assets/plugins/template/plugin.min.js +5 -0
- package/tinymce-assets/plugins/visualblocks/plugin.js +63 -71
- package/tinymce-assets/plugins/visualblocks/plugin.min.js +5 -1
- package/tinymce-assets/plugins/visualchars/plugin.js +436 -685
- package/tinymce-assets/plugins/visualchars/plugin.min.js +5 -1
- package/tinymce-assets/plugins/wordcount/plugin.js +307 -382
- package/tinymce-assets/plugins/wordcount/plugin.min.js +5 -1
- package/tinymce-assets/skins/content/dark/content.css +4 -0
- package/tinymce-assets/skins/content/dark/content.js +6 -1
- package/tinymce-assets/skins/content/dark/content.min.css +4 -0
- package/tinymce-assets/skins/content/default/content.css +4 -0
- package/tinymce-assets/skins/content/default/content.js +6 -1
- package/tinymce-assets/skins/content/default/content.min.css +4 -0
- package/tinymce-assets/skins/content/document/content.css +4 -0
- package/tinymce-assets/skins/content/document/content.js +6 -1
- package/tinymce-assets/skins/content/document/content.min.css +4 -0
- package/tinymce-assets/skins/content/tinymce-5/content.css +4 -0
- package/tinymce-assets/skins/content/tinymce-5/content.js +6 -1
- package/tinymce-assets/skins/content/tinymce-5/content.min.css +4 -0
- package/tinymce-assets/skins/content/tinymce-5-dark/content.css +4 -0
- package/tinymce-assets/skins/content/tinymce-5-dark/content.js +6 -1
- package/tinymce-assets/skins/content/tinymce-5-dark/content.min.css +4 -0
- package/tinymce-assets/skins/content/writer/content.css +4 -0
- package/tinymce-assets/skins/content/writer/content.js +6 -1
- package/tinymce-assets/skins/content/writer/content.min.css +4 -0
- package/tinymce-assets/skins/ui/oxide/content.css +53 -148
- package/tinymce-assets/skins/ui/oxide/content.inline.css +53 -148
- package/tinymce-assets/skins/ui/oxide/content.inline.js +6 -1
- package/tinymce-assets/skins/ui/oxide/content.inline.min.css +5 -1
- package/tinymce-assets/skins/ui/oxide/content.js +6 -1
- package/tinymce-assets/skins/ui/oxide/content.min.css +5 -1
- package/tinymce-assets/skins/ui/oxide/skin.css +207 -1585
- package/tinymce-assets/skins/ui/oxide/skin.js +2 -1
- package/tinymce-assets/skins/ui/oxide/skin.min.css +1 -1
- package/tinymce-assets/skins/ui/oxide/skin.shadowdom.js +2 -1
- package/tinymce-assets/skins/ui/oxide-dark/content.css +46 -148
- package/tinymce-assets/skins/ui/oxide-dark/content.inline.css +53 -148
- package/tinymce-assets/skins/ui/oxide-dark/content.inline.js +6 -1
- package/tinymce-assets/skins/ui/oxide-dark/content.inline.min.css +5 -1
- package/tinymce-assets/skins/ui/oxide-dark/content.js +6 -1
- package/tinymce-assets/skins/ui/oxide-dark/content.min.css +5 -1
- package/tinymce-assets/skins/ui/oxide-dark/skin.css +219 -1597
- package/tinymce-assets/skins/ui/oxide-dark/skin.js +2 -1
- package/tinymce-assets/skins/ui/oxide-dark/skin.min.css +1 -1
- package/tinymce-assets/skins/ui/oxide-dark/skin.shadowdom.js +2 -1
- package/tinymce-assets/skins/ui/tinymce-5/content.css +53 -148
- package/tinymce-assets/skins/ui/tinymce-5/content.inline.css +53 -148
- package/tinymce-assets/skins/ui/tinymce-5/content.inline.js +6 -1
- package/tinymce-assets/skins/ui/tinymce-5/content.inline.min.css +5 -1
- package/tinymce-assets/skins/ui/tinymce-5/content.js +6 -1
- package/tinymce-assets/skins/ui/tinymce-5/content.min.css +5 -1
- package/tinymce-assets/skins/ui/tinymce-5/skin.css +194 -1597
- package/tinymce-assets/skins/ui/tinymce-5/skin.js +2 -1
- package/tinymce-assets/skins/ui/tinymce-5/skin.min.css +1 -1
- package/tinymce-assets/skins/ui/tinymce-5/skin.shadowdom.js +2 -1
- package/tinymce-assets/skins/ui/tinymce-5-dark/content.css +46 -148
- package/tinymce-assets/skins/ui/tinymce-5-dark/content.inline.css +53 -148
- package/tinymce-assets/skins/ui/tinymce-5-dark/content.inline.js +6 -1
- package/tinymce-assets/skins/ui/tinymce-5-dark/content.inline.min.css +5 -1
- package/tinymce-assets/skins/ui/tinymce-5-dark/content.js +6 -1
- package/tinymce-assets/skins/ui/tinymce-5-dark/content.min.css +5 -1
- package/tinymce-assets/skins/ui/tinymce-5-dark/skin.css +202 -1605
- package/tinymce-assets/skins/ui/tinymce-5-dark/skin.js +2 -1
- package/tinymce-assets/skins/ui/tinymce-5-dark/skin.min.css +1 -1
- package/tinymce-assets/skins/ui/tinymce-5-dark/skin.shadowdom.js +2 -1
- package/tinymce-assets/themes/silver/theme.js +28439 -32466
- package/tinymce-assets/themes/silver/theme.min.js +1 -1
|
@@ -1,813 +1,802 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* TinyMCE version
|
|
2
|
+
* TinyMCE version 6.8.6 (TBD)
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
(function () {
|
|
6
6
|
'use strict';
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
const t = typeof x;
|
|
21
|
-
if (x === null) {
|
|
22
|
-
return 'null';
|
|
23
|
-
}
|
|
24
|
-
else if (t === 'object' && Array.isArray(x)) {
|
|
25
|
-
return 'array';
|
|
26
|
-
}
|
|
27
|
-
else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
|
|
28
|
-
return 'string';
|
|
29
|
-
}
|
|
30
|
-
else {
|
|
31
|
-
return t;
|
|
32
|
-
}
|
|
8
|
+
const Cell = initial => {
|
|
9
|
+
let value = initial;
|
|
10
|
+
const get = () => {
|
|
11
|
+
return value;
|
|
12
|
+
};
|
|
13
|
+
const set = v => {
|
|
14
|
+
value = v;
|
|
15
|
+
};
|
|
16
|
+
return {
|
|
17
|
+
get,
|
|
18
|
+
set
|
|
19
|
+
};
|
|
33
20
|
};
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
21
|
+
|
|
22
|
+
var global$2 = tinymce.util.Tools.resolve('tinymce.PluginManager');
|
|
23
|
+
|
|
24
|
+
const get$5 = fullscreenState => ({ isFullscreen: () => fullscreenState.get() !== null });
|
|
25
|
+
|
|
26
|
+
const hasProto = (v, constructor, predicate) => {
|
|
27
|
+
var _a;
|
|
28
|
+
if (predicate(v, constructor.prototype)) {
|
|
29
|
+
return true;
|
|
30
|
+
} else {
|
|
31
|
+
return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
const typeOf = x => {
|
|
35
|
+
const t = typeof x;
|
|
36
|
+
if (x === null) {
|
|
37
|
+
return 'null';
|
|
38
|
+
} else if (t === 'object' && Array.isArray(x)) {
|
|
39
|
+
return 'array';
|
|
40
|
+
} else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
|
|
41
|
+
return 'string';
|
|
42
|
+
} else {
|
|
43
|
+
return t;
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
const isType$1 = type => value => typeOf(value) === type;
|
|
47
|
+
const isSimpleType = type => value => typeof value === type;
|
|
48
|
+
const eq$1 = t => a => t === a;
|
|
37
49
|
const isString = isType$1('string');
|
|
38
50
|
const isObject = isType$1('object');
|
|
39
51
|
const isArray = isType$1('array');
|
|
40
52
|
const isNull = eq$1(null);
|
|
41
53
|
const isBoolean = isSimpleType('boolean');
|
|
42
54
|
const isUndefined = eq$1(undefined);
|
|
43
|
-
const isNullable =
|
|
44
|
-
const isNonNullable =
|
|
55
|
+
const isNullable = a => a === null || a === undefined;
|
|
56
|
+
const isNonNullable = a => !isNullable(a);
|
|
45
57
|
const isFunction = isSimpleType('function');
|
|
46
58
|
const isNumber = isSimpleType('number');
|
|
47
59
|
|
|
48
|
-
const noop = () => {
|
|
49
|
-
|
|
60
|
+
const noop = () => {
|
|
61
|
+
};
|
|
50
62
|
const compose = (fa, fb) => {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
63
|
+
return (...args) => {
|
|
64
|
+
return fa(fb.apply(null, args));
|
|
65
|
+
};
|
|
54
66
|
};
|
|
55
|
-
|
|
56
|
-
const
|
|
57
|
-
|
|
58
|
-
return
|
|
59
|
-
|
|
60
|
-
};
|
|
67
|
+
const compose1 = (fbc, fab) => a => fbc(fab(a));
|
|
68
|
+
const constant = value => {
|
|
69
|
+
return () => {
|
|
70
|
+
return value;
|
|
71
|
+
};
|
|
61
72
|
};
|
|
62
|
-
// eslint-disable-next-line prefer-arrow/prefer-arrow-functions
|
|
63
73
|
function curry(fn, ...initialArgs) {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
74
|
+
return (...restArgs) => {
|
|
75
|
+
const all = initialArgs.concat(restArgs);
|
|
76
|
+
return fn.apply(null, all);
|
|
77
|
+
};
|
|
68
78
|
}
|
|
69
79
|
const never = constant(false);
|
|
70
80
|
const always = constant(true);
|
|
71
81
|
|
|
72
|
-
/**
|
|
73
|
-
* The `Optional` type represents a value (of any type) that potentially does
|
|
74
|
-
* not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
|
|
75
|
-
* value does exist) or a `None` (in which case the value does not exist). This
|
|
76
|
-
* module defines a whole lot of FP-inspired utility functions for dealing with
|
|
77
|
-
* `Optional` objects.
|
|
78
|
-
*
|
|
79
|
-
* Comparison with null or undefined:
|
|
80
|
-
* - We don't get fancy null coalescing operators with `Optional`
|
|
81
|
-
* - We do get fancy helper functions with `Optional`
|
|
82
|
-
* - `Optional` support nesting, and allow for the type to still be nullable (or
|
|
83
|
-
* another `Optional`)
|
|
84
|
-
* - There is no option to turn off strict-optional-checks like there is for
|
|
85
|
-
* strict-null-checks
|
|
86
|
-
*/
|
|
87
82
|
class Optional {
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
return this.tag && predicate(this.value);
|
|
178
|
-
}
|
|
179
|
-
/**
|
|
180
|
-
* For a given predicate, this function finds out if **all** the values inside
|
|
181
|
-
* this `Optional` object meet the predicate. In practice, this means that
|
|
182
|
-
* for `Optional`s that do not contain a value it returns true (as all 0
|
|
183
|
-
* objects do meet the predicate).
|
|
184
|
-
*/
|
|
185
|
-
forall(predicate) {
|
|
186
|
-
return !this.tag || predicate(this.value);
|
|
187
|
-
}
|
|
188
|
-
filter(predicate) {
|
|
189
|
-
if (!this.tag || predicate(this.value)) {
|
|
190
|
-
return this;
|
|
191
|
-
}
|
|
192
|
-
else {
|
|
193
|
-
return Optional.none();
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
// --- Getters ---
|
|
197
|
-
/**
|
|
198
|
-
* Get the value out of the inside of the `Optional` object, using a default
|
|
199
|
-
* `replacement` value if the provided `Optional` object does not contain a
|
|
200
|
-
* value.
|
|
201
|
-
*/
|
|
202
|
-
getOr(replacement) {
|
|
203
|
-
return this.tag ? this.value : replacement;
|
|
204
|
-
}
|
|
205
|
-
/**
|
|
206
|
-
* Get the value out of the inside of the `Optional` object, using a default
|
|
207
|
-
* `replacement` value if the provided `Optional` object does not contain a
|
|
208
|
-
* value. Unlike `getOr`, in this method the `replacement` object is also
|
|
209
|
-
* `Optional` - meaning that this method will always return an `Optional`.
|
|
210
|
-
*/
|
|
211
|
-
or(replacement) {
|
|
212
|
-
return this.tag ? this : replacement;
|
|
213
|
-
}
|
|
214
|
-
/**
|
|
215
|
-
* Get the value out of the inside of the `Optional` object, using a default
|
|
216
|
-
* `replacement` value if the provided `Optional` object does not contain a
|
|
217
|
-
* value. Unlike `getOr`, in this method the `replacement` value is
|
|
218
|
-
* "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
|
|
219
|
-
* pass a function which (if called) will **return** the `value` you want to
|
|
220
|
-
* use.
|
|
221
|
-
*/
|
|
222
|
-
getOrThunk(thunk) {
|
|
223
|
-
return this.tag ? this.value : thunk();
|
|
224
|
-
}
|
|
225
|
-
/**
|
|
226
|
-
* Get the value out of the inside of the `Optional` object, using a default
|
|
227
|
-
* `replacement` value if the provided Optional object does not contain a
|
|
228
|
-
* value.
|
|
229
|
-
*
|
|
230
|
-
* Unlike `or`, in this method the `replacement` value is "thunked" - that is
|
|
231
|
-
* to say that you don't pass a value to `orThunk`, you pass a function which
|
|
232
|
-
* (if called) will **return** the `value` you want to use.
|
|
233
|
-
*
|
|
234
|
-
* Unlike `getOrThunk`, in this method the `replacement` value is also
|
|
235
|
-
* `Optional`, meaning that this method will always return an `Optional`.
|
|
236
|
-
*/
|
|
237
|
-
orThunk(thunk) {
|
|
238
|
-
return this.tag ? this : thunk();
|
|
239
|
-
}
|
|
240
|
-
/**
|
|
241
|
-
* Get the value out of the inside of the `Optional` object, throwing an
|
|
242
|
-
* exception if the provided `Optional` object does not contain a value.
|
|
243
|
-
*
|
|
244
|
-
* WARNING:
|
|
245
|
-
* You should only be using this function if you know that the `Optional`
|
|
246
|
-
* object **is not** empty (otherwise you're throwing exceptions in production
|
|
247
|
-
* code, which is bad).
|
|
248
|
-
*
|
|
249
|
-
* In tests this is more acceptable.
|
|
250
|
-
*
|
|
251
|
-
* Prefer other methods to this, such as `.each`.
|
|
252
|
-
*/
|
|
253
|
-
getOrDie(message) {
|
|
254
|
-
if (!this.tag) {
|
|
255
|
-
throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
|
|
256
|
-
}
|
|
257
|
-
else {
|
|
258
|
-
return this.value;
|
|
259
|
-
}
|
|
260
|
-
}
|
|
261
|
-
// --- Interop with null and undefined ---
|
|
262
|
-
/**
|
|
263
|
-
* Creates an `Optional` value from a nullable (or undefined-able) input.
|
|
264
|
-
* Null, or undefined, is converted to `None`, and anything else is converted
|
|
265
|
-
* to `Some`.
|
|
266
|
-
*/
|
|
267
|
-
static from(value) {
|
|
268
|
-
return isNonNullable(value) ? Optional.some(value) : Optional.none();
|
|
269
|
-
}
|
|
270
|
-
/**
|
|
271
|
-
* Converts an `Optional` to a nullable type, by getting the value if it
|
|
272
|
-
* exists, or returning `null` if it does not.
|
|
273
|
-
*/
|
|
274
|
-
getOrNull() {
|
|
275
|
-
return this.tag ? this.value : null;
|
|
276
|
-
}
|
|
277
|
-
/**
|
|
278
|
-
* Converts an `Optional` to an undefined-able type, by getting the value if
|
|
279
|
-
* it exists, or returning `undefined` if it does not.
|
|
280
|
-
*/
|
|
281
|
-
getOrUndefined() {
|
|
282
|
-
return this.value;
|
|
283
|
-
}
|
|
284
|
-
// --- Utilities ---
|
|
285
|
-
/**
|
|
286
|
-
* If the `Optional` contains a value, perform an action on that value.
|
|
287
|
-
* Unlike the rest of the methods on this type, `.each` has side-effects. If
|
|
288
|
-
* you want to transform an `Optional<T>` **into** something, then this is not
|
|
289
|
-
* the method for you. If you want to use an `Optional<T>` to **do**
|
|
290
|
-
* something, then this is the method for you - provided you're okay with not
|
|
291
|
-
* doing anything in the case where the `Optional` doesn't have a value inside
|
|
292
|
-
* it. If you're not sure whether your use-case fits into transforming
|
|
293
|
-
* **into** something or **doing** something, check whether it has a return
|
|
294
|
-
* value. If it does, you should be performing a transform.
|
|
295
|
-
*/
|
|
296
|
-
each(worker) {
|
|
297
|
-
if (this.tag) {
|
|
298
|
-
worker(this.value);
|
|
299
|
-
}
|
|
300
|
-
}
|
|
301
|
-
/**
|
|
302
|
-
* Turn the `Optional` object into an array that contains all of the values
|
|
303
|
-
* stored inside the `Optional`. In practice, this means the output will have
|
|
304
|
-
* either 0 or 1 elements.
|
|
305
|
-
*/
|
|
306
|
-
toArray() {
|
|
307
|
-
return this.tag ? [this.value] : [];
|
|
308
|
-
}
|
|
309
|
-
/**
|
|
310
|
-
* Turn the `Optional` object into a string for debugging or printing. Not
|
|
311
|
-
* recommended for production code, but good for debugging. Also note that
|
|
312
|
-
* these days an `Optional` object can be logged to the console directly, and
|
|
313
|
-
* its inner value (if it exists) will be visible.
|
|
314
|
-
*/
|
|
315
|
-
toString() {
|
|
316
|
-
return this.tag ? `some(${this.value})` : 'none()';
|
|
317
|
-
}
|
|
83
|
+
constructor(tag, value) {
|
|
84
|
+
this.tag = tag;
|
|
85
|
+
this.value = value;
|
|
86
|
+
}
|
|
87
|
+
static some(value) {
|
|
88
|
+
return new Optional(true, value);
|
|
89
|
+
}
|
|
90
|
+
static none() {
|
|
91
|
+
return Optional.singletonNone;
|
|
92
|
+
}
|
|
93
|
+
fold(onNone, onSome) {
|
|
94
|
+
if (this.tag) {
|
|
95
|
+
return onSome(this.value);
|
|
96
|
+
} else {
|
|
97
|
+
return onNone();
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
isSome() {
|
|
101
|
+
return this.tag;
|
|
102
|
+
}
|
|
103
|
+
isNone() {
|
|
104
|
+
return !this.tag;
|
|
105
|
+
}
|
|
106
|
+
map(mapper) {
|
|
107
|
+
if (this.tag) {
|
|
108
|
+
return Optional.some(mapper(this.value));
|
|
109
|
+
} else {
|
|
110
|
+
return Optional.none();
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
bind(binder) {
|
|
114
|
+
if (this.tag) {
|
|
115
|
+
return binder(this.value);
|
|
116
|
+
} else {
|
|
117
|
+
return Optional.none();
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
exists(predicate) {
|
|
121
|
+
return this.tag && predicate(this.value);
|
|
122
|
+
}
|
|
123
|
+
forall(predicate) {
|
|
124
|
+
return !this.tag || predicate(this.value);
|
|
125
|
+
}
|
|
126
|
+
filter(predicate) {
|
|
127
|
+
if (!this.tag || predicate(this.value)) {
|
|
128
|
+
return this;
|
|
129
|
+
} else {
|
|
130
|
+
return Optional.none();
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
getOr(replacement) {
|
|
134
|
+
return this.tag ? this.value : replacement;
|
|
135
|
+
}
|
|
136
|
+
or(replacement) {
|
|
137
|
+
return this.tag ? this : replacement;
|
|
138
|
+
}
|
|
139
|
+
getOrThunk(thunk) {
|
|
140
|
+
return this.tag ? this.value : thunk();
|
|
141
|
+
}
|
|
142
|
+
orThunk(thunk) {
|
|
143
|
+
return this.tag ? this : thunk();
|
|
144
|
+
}
|
|
145
|
+
getOrDie(message) {
|
|
146
|
+
if (!this.tag) {
|
|
147
|
+
throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
|
|
148
|
+
} else {
|
|
149
|
+
return this.value;
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
static from(value) {
|
|
153
|
+
return isNonNullable(value) ? Optional.some(value) : Optional.none();
|
|
154
|
+
}
|
|
155
|
+
getOrNull() {
|
|
156
|
+
return this.tag ? this.value : null;
|
|
157
|
+
}
|
|
158
|
+
getOrUndefined() {
|
|
159
|
+
return this.value;
|
|
160
|
+
}
|
|
161
|
+
each(worker) {
|
|
162
|
+
if (this.tag) {
|
|
163
|
+
worker(this.value);
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
toArray() {
|
|
167
|
+
return this.tag ? [this.value] : [];
|
|
168
|
+
}
|
|
169
|
+
toString() {
|
|
170
|
+
return this.tag ? `some(${ this.value })` : 'none()';
|
|
171
|
+
}
|
|
318
172
|
}
|
|
319
|
-
// Sneaky optimisation: every instance of Optional.none is identical, so just
|
|
320
|
-
// reuse the same object
|
|
321
173
|
Optional.singletonNone = new Optional(false);
|
|
322
174
|
|
|
323
175
|
const nativePush = Array.prototype.push;
|
|
324
176
|
const map = (xs, f) => {
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
const
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
}
|
|
333
|
-
return r;
|
|
177
|
+
const len = xs.length;
|
|
178
|
+
const r = new Array(len);
|
|
179
|
+
for (let i = 0; i < len; i++) {
|
|
180
|
+
const x = xs[i];
|
|
181
|
+
r[i] = f(x, i);
|
|
182
|
+
}
|
|
183
|
+
return r;
|
|
334
184
|
};
|
|
335
|
-
// Unwound implementing other functions in terms of each.
|
|
336
|
-
// The code size is roughly the same, and it should allow for better optimisation.
|
|
337
|
-
// const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
|
|
338
185
|
const each$1 = (xs, f) => {
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
186
|
+
for (let i = 0, len = xs.length; i < len; i++) {
|
|
187
|
+
const x = xs[i];
|
|
188
|
+
f(x, i);
|
|
189
|
+
}
|
|
343
190
|
};
|
|
344
191
|
const filter$1 = (xs, pred) => {
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
}
|
|
192
|
+
const r = [];
|
|
193
|
+
for (let i = 0, len = xs.length; i < len; i++) {
|
|
194
|
+
const x = xs[i];
|
|
195
|
+
if (pred(x, i)) {
|
|
196
|
+
r.push(x);
|
|
351
197
|
}
|
|
352
|
-
|
|
198
|
+
}
|
|
199
|
+
return r;
|
|
353
200
|
};
|
|
354
201
|
const findUntil = (xs, pred, until) => {
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
break;
|
|
362
|
-
}
|
|
202
|
+
for (let i = 0, len = xs.length; i < len; i++) {
|
|
203
|
+
const x = xs[i];
|
|
204
|
+
if (pred(x, i)) {
|
|
205
|
+
return Optional.some(x);
|
|
206
|
+
} else if (until(x, i)) {
|
|
207
|
+
break;
|
|
363
208
|
}
|
|
364
|
-
|
|
209
|
+
}
|
|
210
|
+
return Optional.none();
|
|
365
211
|
};
|
|
366
212
|
const find$1 = (xs, pred) => {
|
|
367
|
-
|
|
368
|
-
};
|
|
369
|
-
const flatten =
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
const r = [];
|
|
375
|
-
for (let i = 0, len = xs.length; i < len; ++i) {
|
|
376
|
-
// Ensure that each value is an array itself
|
|
377
|
-
if (!isArray(xs[i])) {
|
|
378
|
-
throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
|
|
379
|
-
}
|
|
380
|
-
nativePush.apply(r, xs[i]);
|
|
213
|
+
return findUntil(xs, pred, never);
|
|
214
|
+
};
|
|
215
|
+
const flatten = xs => {
|
|
216
|
+
const r = [];
|
|
217
|
+
for (let i = 0, len = xs.length; i < len; ++i) {
|
|
218
|
+
if (!isArray(xs[i])) {
|
|
219
|
+
throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
|
|
381
220
|
}
|
|
382
|
-
|
|
221
|
+
nativePush.apply(r, xs[i]);
|
|
222
|
+
}
|
|
223
|
+
return r;
|
|
383
224
|
};
|
|
384
225
|
const bind$3 = (xs, f) => flatten(map(xs, f));
|
|
385
|
-
const get$
|
|
386
|
-
const head =
|
|
226
|
+
const get$4 = (xs, i) => i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none();
|
|
227
|
+
const head = xs => get$4(xs, 0);
|
|
387
228
|
const findMap = (arr, f) => {
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
}
|
|
229
|
+
for (let i = 0; i < arr.length; i++) {
|
|
230
|
+
const r = f(arr[i], i);
|
|
231
|
+
if (r.isSome()) {
|
|
232
|
+
return r;
|
|
393
233
|
}
|
|
394
|
-
|
|
234
|
+
}
|
|
235
|
+
return Optional.none();
|
|
395
236
|
};
|
|
396
237
|
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
238
|
+
const lift2 = (oa, ob, f) => oa.isSome() && ob.isSome() ? Optional.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
|
|
239
|
+
|
|
240
|
+
const singleton = doRevoke => {
|
|
241
|
+
const subject = Cell(Optional.none());
|
|
242
|
+
const revoke = () => subject.get().each(doRevoke);
|
|
243
|
+
const clear = () => {
|
|
244
|
+
revoke();
|
|
245
|
+
subject.set(Optional.none());
|
|
246
|
+
};
|
|
247
|
+
const isSet = () => subject.get().isSome();
|
|
248
|
+
const get = () => subject.get();
|
|
249
|
+
const set = s => {
|
|
250
|
+
revoke();
|
|
251
|
+
subject.set(Optional.some(s));
|
|
252
|
+
};
|
|
253
|
+
return {
|
|
254
|
+
clear,
|
|
255
|
+
isSet,
|
|
256
|
+
get,
|
|
257
|
+
set
|
|
258
|
+
};
|
|
259
|
+
};
|
|
260
|
+
const unbindable = () => singleton(s => s.unbind());
|
|
261
|
+
const value = () => {
|
|
262
|
+
const subject = singleton(noop);
|
|
263
|
+
const on = f => subject.get().each(f);
|
|
264
|
+
return {
|
|
265
|
+
...subject,
|
|
266
|
+
on
|
|
267
|
+
};
|
|
409
268
|
};
|
|
410
269
|
|
|
411
|
-
const
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
270
|
+
const first = (fn, rate) => {
|
|
271
|
+
let timer = null;
|
|
272
|
+
const cancel = () => {
|
|
273
|
+
if (!isNull(timer)) {
|
|
274
|
+
clearTimeout(timer);
|
|
275
|
+
timer = null;
|
|
276
|
+
}
|
|
277
|
+
};
|
|
278
|
+
const throttle = (...args) => {
|
|
279
|
+
if (isNull(timer)) {
|
|
280
|
+
timer = setTimeout(() => {
|
|
281
|
+
timer = null;
|
|
282
|
+
fn.apply(null, args);
|
|
283
|
+
}, rate);
|
|
284
|
+
}
|
|
285
|
+
};
|
|
286
|
+
return {
|
|
287
|
+
cancel,
|
|
288
|
+
throttle
|
|
289
|
+
};
|
|
423
290
|
};
|
|
424
291
|
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
292
|
+
const keys = Object.keys;
|
|
293
|
+
const each = (obj, f) => {
|
|
294
|
+
const props = keys(obj);
|
|
295
|
+
for (let k = 0, len = props.length; k < len; k++) {
|
|
296
|
+
const i = props[k];
|
|
297
|
+
const x = obj[i];
|
|
298
|
+
f(x, i);
|
|
299
|
+
}
|
|
300
|
+
};
|
|
428
301
|
|
|
429
|
-
|
|
430
|
-
Notes on the lift functions:
|
|
431
|
-
- We used to have a generic liftN, but we were concerned about its type-safety, and the below variants were faster in microbenchmarks.
|
|
432
|
-
- The getOrDie calls are partial functions, but are checked beforehand. This is faster and more convenient (but less safe) than folds.
|
|
433
|
-
- && is used instead of a loop for simplicity and performance.
|
|
434
|
-
*/
|
|
435
|
-
const lift2 = (oa, ob, f) => oa.isSome() && ob.isSome() ? Optional.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
|
|
302
|
+
const Global = typeof window !== 'undefined' ? window : Function('return this;')();
|
|
436
303
|
|
|
437
|
-
/** path :: ([String], JsObj?) -> JsObj */
|
|
438
304
|
const path = (parts, scope) => {
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
305
|
+
let o = scope !== undefined && scope !== null ? scope : Global;
|
|
306
|
+
for (let i = 0; i < parts.length && o !== undefined && o !== null; ++i) {
|
|
307
|
+
o = o[parts[i]];
|
|
308
|
+
}
|
|
309
|
+
return o;
|
|
444
310
|
};
|
|
445
|
-
/** resolve :: (String, JsObj?) -> JsObj */
|
|
446
311
|
const resolve = (p, scope) => {
|
|
447
|
-
|
|
448
|
-
|
|
312
|
+
const parts = p.split('.');
|
|
313
|
+
return path(parts, scope);
|
|
449
314
|
};
|
|
450
315
|
|
|
451
|
-
const
|
|
452
|
-
|
|
453
|
-
const revoke = () => subject.get().each(doRevoke);
|
|
454
|
-
const clear = () => {
|
|
455
|
-
revoke();
|
|
456
|
-
subject.set(Optional.none());
|
|
457
|
-
};
|
|
458
|
-
const isSet = () => subject.get().isSome();
|
|
459
|
-
const get = () => subject.get();
|
|
460
|
-
const set = (s) => {
|
|
461
|
-
revoke();
|
|
462
|
-
subject.set(Optional.some(s));
|
|
463
|
-
};
|
|
464
|
-
return {
|
|
465
|
-
clear,
|
|
466
|
-
isSet,
|
|
467
|
-
get,
|
|
468
|
-
set
|
|
469
|
-
};
|
|
316
|
+
const unsafe = (name, scope) => {
|
|
317
|
+
return resolve(name, scope);
|
|
470
318
|
};
|
|
471
|
-
const
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
on
|
|
478
|
-
};
|
|
319
|
+
const getOrDie = (name, scope) => {
|
|
320
|
+
const actual = unsafe(name, scope);
|
|
321
|
+
if (actual === undefined || actual === null) {
|
|
322
|
+
throw new Error(name + ' not available on this browser');
|
|
323
|
+
}
|
|
324
|
+
return actual;
|
|
479
325
|
};
|
|
480
326
|
|
|
481
|
-
const
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
return isUndefined(end) ? true : idx + substr.length <= end;
|
|
485
|
-
}
|
|
486
|
-
else {
|
|
487
|
-
return false;
|
|
488
|
-
}
|
|
327
|
+
const getPrototypeOf = Object.getPrototypeOf;
|
|
328
|
+
const sandHTMLElement = scope => {
|
|
329
|
+
return getOrDie('HTMLElement', scope);
|
|
489
330
|
};
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
const first = (fn, rate) => {
|
|
494
|
-
let timer = null;
|
|
495
|
-
const cancel = () => {
|
|
496
|
-
if (!isNull(timer)) {
|
|
497
|
-
clearTimeout(timer);
|
|
498
|
-
timer = null;
|
|
499
|
-
}
|
|
500
|
-
};
|
|
501
|
-
const throttle = (...args) => {
|
|
502
|
-
if (isNull(timer)) {
|
|
503
|
-
timer = setTimeout(() => {
|
|
504
|
-
timer = null;
|
|
505
|
-
fn.apply(null, args);
|
|
506
|
-
}, rate);
|
|
507
|
-
}
|
|
508
|
-
};
|
|
509
|
-
return {
|
|
510
|
-
cancel,
|
|
511
|
-
throttle
|
|
512
|
-
};
|
|
331
|
+
const isPrototypeOf = x => {
|
|
332
|
+
const scope = resolve('ownerDocument.defaultView', x);
|
|
333
|
+
return isObject(x) && (sandHTMLElement(scope).prototype.isPrototypeOf(x) || /^HTML\w*Element$/.test(getPrototypeOf(x).constructor.name));
|
|
513
334
|
};
|
|
514
335
|
|
|
515
|
-
const
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
336
|
+
const DOCUMENT = 9;
|
|
337
|
+
const DOCUMENT_FRAGMENT = 11;
|
|
338
|
+
const ELEMENT = 1;
|
|
339
|
+
const TEXT = 3;
|
|
340
|
+
|
|
341
|
+
const type = element => element.dom.nodeType;
|
|
342
|
+
const isType = t => element => type(element) === t;
|
|
343
|
+
const isHTMLElement = element => isElement(element) && isPrototypeOf(element.dom);
|
|
344
|
+
const isElement = isType(ELEMENT);
|
|
345
|
+
const isText = isType(TEXT);
|
|
346
|
+
const isDocument = isType(DOCUMENT);
|
|
347
|
+
const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
|
|
348
|
+
|
|
349
|
+
const rawSet = (dom, key, value) => {
|
|
350
|
+
if (isString(value) || isBoolean(value) || isNumber(value)) {
|
|
351
|
+
dom.setAttribute(key, value + '');
|
|
352
|
+
} else {
|
|
353
|
+
console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
|
|
354
|
+
throw new Error('Attribute value was not simple');
|
|
355
|
+
}
|
|
356
|
+
};
|
|
357
|
+
const set$1 = (element, key, value) => {
|
|
358
|
+
rawSet(element.dom, key, value);
|
|
359
|
+
};
|
|
360
|
+
const get$3 = (element, key) => {
|
|
361
|
+
const v = element.dom.getAttribute(key);
|
|
362
|
+
return v === null ? undefined : v;
|
|
363
|
+
};
|
|
364
|
+
const remove = (element, key) => {
|
|
365
|
+
element.dom.removeAttribute(key);
|
|
525
366
|
};
|
|
526
367
|
|
|
527
|
-
|
|
368
|
+
const supports = element => element.dom.classList !== undefined;
|
|
528
369
|
|
|
529
|
-
const
|
|
530
|
-
|
|
531
|
-
|
|
370
|
+
const has = (element, clazz) => supports(element) && element.dom.classList.contains(clazz);
|
|
371
|
+
|
|
372
|
+
const contains = (str, substr, start = 0, end) => {
|
|
373
|
+
const idx = str.indexOf(substr, start);
|
|
374
|
+
if (idx !== -1) {
|
|
375
|
+
return isUndefined(end) ? true : idx + substr.length <= end;
|
|
376
|
+
} else {
|
|
377
|
+
return false;
|
|
378
|
+
}
|
|
379
|
+
};
|
|
380
|
+
|
|
381
|
+
const isSupported$1 = dom => dom.style !== undefined && isFunction(dom.style.getPropertyValue);
|
|
532
382
|
|
|
533
383
|
const fromHtml = (html, scope) => {
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
return fromDom(div.childNodes[0]);
|
|
384
|
+
const doc = scope || document;
|
|
385
|
+
const div = doc.createElement('div');
|
|
386
|
+
div.innerHTML = html;
|
|
387
|
+
if (!div.hasChildNodes() || div.childNodes.length > 1) {
|
|
388
|
+
const message = 'HTML does not have a single root node';
|
|
389
|
+
console.error(message, html);
|
|
390
|
+
throw new Error(message);
|
|
391
|
+
}
|
|
392
|
+
return fromDom(div.childNodes[0]);
|
|
544
393
|
};
|
|
545
394
|
const fromTag = (tag, scope) => {
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
395
|
+
const doc = scope || document;
|
|
396
|
+
const node = doc.createElement(tag);
|
|
397
|
+
return fromDom(node);
|
|
549
398
|
};
|
|
550
399
|
const fromText = (text, scope) => {
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
};
|
|
555
|
-
const fromDom =
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
return {
|
|
561
|
-
dom: node
|
|
562
|
-
};
|
|
400
|
+
const doc = scope || document;
|
|
401
|
+
const node = doc.createTextNode(text);
|
|
402
|
+
return fromDom(node);
|
|
403
|
+
};
|
|
404
|
+
const fromDom = node => {
|
|
405
|
+
if (node === null || node === undefined) {
|
|
406
|
+
throw new Error('Node cannot be null or undefined');
|
|
407
|
+
}
|
|
408
|
+
return { dom: node };
|
|
563
409
|
};
|
|
564
410
|
const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
|
|
565
|
-
// tslint:disable-next-line:variable-name
|
|
566
411
|
const SugarElement = {
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
412
|
+
fromHtml,
|
|
413
|
+
fromTag,
|
|
414
|
+
fromText,
|
|
415
|
+
fromDom,
|
|
416
|
+
fromPoint
|
|
572
417
|
};
|
|
573
418
|
|
|
574
|
-
const DOCUMENT = 9;
|
|
575
|
-
const DOCUMENT_FRAGMENT = 11;
|
|
576
|
-
const ELEMENT = 1;
|
|
577
|
-
const TEXT = 3;
|
|
578
|
-
|
|
579
419
|
const is = (element, selector) => {
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
420
|
+
const dom = element.dom;
|
|
421
|
+
if (dom.nodeType !== ELEMENT) {
|
|
422
|
+
return false;
|
|
423
|
+
} else {
|
|
424
|
+
const elem = dom;
|
|
425
|
+
if (elem.matches !== undefined) {
|
|
426
|
+
return elem.matches(selector);
|
|
427
|
+
} else if (elem.msMatchesSelector !== undefined) {
|
|
428
|
+
return elem.msMatchesSelector(selector);
|
|
429
|
+
} else if (elem.webkitMatchesSelector !== undefined) {
|
|
430
|
+
return elem.webkitMatchesSelector(selector);
|
|
431
|
+
} else if (elem.mozMatchesSelector !== undefined) {
|
|
432
|
+
return elem.mozMatchesSelector(selector);
|
|
433
|
+
} else {
|
|
434
|
+
throw new Error('Browser lacks native selectors');
|
|
435
|
+
}
|
|
436
|
+
}
|
|
437
|
+
};
|
|
438
|
+
const bypassSelector = dom => dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT || dom.childElementCount === 0;
|
|
439
|
+
const all$1 = (selector, scope) => {
|
|
440
|
+
const base = scope === undefined ? document : scope.dom;
|
|
441
|
+
return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom);
|
|
442
|
+
};
|
|
443
|
+
|
|
444
|
+
const eq = (e1, e2) => e1.dom === e2.dom;
|
|
445
|
+
|
|
446
|
+
const owner = element => SugarElement.fromDom(element.dom.ownerDocument);
|
|
447
|
+
const documentOrOwner = dos => isDocument(dos) ? dos : owner(dos);
|
|
448
|
+
const parent = element => Optional.from(element.dom.parentNode).map(SugarElement.fromDom);
|
|
449
|
+
const parents = (element, isRoot) => {
|
|
450
|
+
const stop = isFunction(isRoot) ? isRoot : never;
|
|
451
|
+
let dom = element.dom;
|
|
452
|
+
const ret = [];
|
|
453
|
+
while (dom.parentNode !== null && dom.parentNode !== undefined) {
|
|
454
|
+
const rawParent = dom.parentNode;
|
|
455
|
+
const p = SugarElement.fromDom(rawParent);
|
|
456
|
+
ret.push(p);
|
|
457
|
+
if (stop(p) === true) {
|
|
458
|
+
break;
|
|
459
|
+
} else {
|
|
460
|
+
dom = rawParent;
|
|
461
|
+
}
|
|
462
|
+
}
|
|
463
|
+
return ret;
|
|
464
|
+
};
|
|
465
|
+
const siblings$2 = element => {
|
|
466
|
+
const filterSelf = elements => filter$1(elements, x => !eq(element, x));
|
|
467
|
+
return parent(element).map(children).map(filterSelf).getOr([]);
|
|
468
|
+
};
|
|
469
|
+
const nextSibling = element => Optional.from(element.dom.nextSibling).map(SugarElement.fromDom);
|
|
470
|
+
const children = element => map(element.dom.childNodes, SugarElement.fromDom);
|
|
471
|
+
|
|
472
|
+
const isShadowRoot = dos => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
|
|
473
|
+
const supported = isFunction(Element.prototype.attachShadow) && isFunction(Node.prototype.getRootNode);
|
|
474
|
+
const isSupported = constant(supported);
|
|
475
|
+
const getRootNode = supported ? e => SugarElement.fromDom(e.dom.getRootNode()) : documentOrOwner;
|
|
476
|
+
const getShadowRoot = e => {
|
|
477
|
+
const r = getRootNode(e);
|
|
478
|
+
return isShadowRoot(r) ? Optional.some(r) : Optional.none();
|
|
479
|
+
};
|
|
480
|
+
const getShadowHost = e => SugarElement.fromDom(e.dom.host);
|
|
481
|
+
const getOriginalEventTarget = event => {
|
|
482
|
+
if (isSupported() && isNonNullable(event.target)) {
|
|
483
|
+
const el = SugarElement.fromDom(event.target);
|
|
484
|
+
if (isElement(el) && isOpenShadowHost(el)) {
|
|
485
|
+
if (event.composed && event.composedPath) {
|
|
486
|
+
const composedPath = event.composedPath();
|
|
487
|
+
if (composedPath) {
|
|
488
|
+
return head(composedPath);
|
|
598
489
|
}
|
|
599
|
-
|
|
600
|
-
throw new Error('Browser lacks native selectors');
|
|
601
|
-
} // unfortunately we can't throw this on startup :(
|
|
490
|
+
}
|
|
602
491
|
}
|
|
492
|
+
}
|
|
493
|
+
return Optional.from(event.target);
|
|
603
494
|
};
|
|
604
|
-
const
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
495
|
+
const isOpenShadowHost = element => isNonNullable(element.dom.shadowRoot);
|
|
496
|
+
|
|
497
|
+
const inBody = element => {
|
|
498
|
+
const dom = isText(element) ? element.dom.parentNode : element.dom;
|
|
499
|
+
if (dom === undefined || dom === null || dom.ownerDocument === null) {
|
|
500
|
+
return false;
|
|
501
|
+
}
|
|
502
|
+
const doc = dom.ownerDocument;
|
|
503
|
+
return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
|
|
504
|
+
};
|
|
505
|
+
const getBody = doc => {
|
|
506
|
+
const b = doc.dom.body;
|
|
507
|
+
if (b === null || b === undefined) {
|
|
508
|
+
throw new Error('Body is not available yet');
|
|
509
|
+
}
|
|
510
|
+
return SugarElement.fromDom(b);
|
|
613
511
|
};
|
|
614
512
|
|
|
615
|
-
const
|
|
513
|
+
const internalSet = (dom, property, value) => {
|
|
514
|
+
if (!isString(value)) {
|
|
515
|
+
console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
|
|
516
|
+
throw new Error('CSS value must be a string: ' + value);
|
|
517
|
+
}
|
|
518
|
+
if (isSupported$1(dom)) {
|
|
519
|
+
dom.style.setProperty(property, value);
|
|
520
|
+
}
|
|
521
|
+
};
|
|
522
|
+
const set = (element, property, value) => {
|
|
523
|
+
const dom = element.dom;
|
|
524
|
+
internalSet(dom, property, value);
|
|
525
|
+
};
|
|
526
|
+
const setAll = (element, css) => {
|
|
527
|
+
const dom = element.dom;
|
|
528
|
+
each(css, (v, k) => {
|
|
529
|
+
internalSet(dom, k, v);
|
|
530
|
+
});
|
|
531
|
+
};
|
|
532
|
+
const get$2 = (element, property) => {
|
|
533
|
+
const dom = element.dom;
|
|
534
|
+
const styles = window.getComputedStyle(dom);
|
|
535
|
+
const r = styles.getPropertyValue(property);
|
|
536
|
+
return r === '' && !inBody(element) ? getUnsafeProperty(dom, property) : r;
|
|
537
|
+
};
|
|
538
|
+
const getUnsafeProperty = (dom, property) => isSupported$1(dom) ? dom.style.getPropertyValue(property) : '';
|
|
539
|
+
|
|
540
|
+
const mkEvent = (target, x, y, stop, prevent, kill, raw) => ({
|
|
541
|
+
target,
|
|
542
|
+
x,
|
|
543
|
+
y,
|
|
544
|
+
stop,
|
|
545
|
+
prevent,
|
|
546
|
+
kill,
|
|
547
|
+
raw
|
|
548
|
+
});
|
|
549
|
+
const fromRawEvent = rawEvent => {
|
|
550
|
+
const target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target));
|
|
551
|
+
const stop = () => rawEvent.stopPropagation();
|
|
552
|
+
const prevent = () => rawEvent.preventDefault();
|
|
553
|
+
const kill = compose(prevent, stop);
|
|
554
|
+
return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent);
|
|
555
|
+
};
|
|
556
|
+
const handle = (filter, handler) => rawEvent => {
|
|
557
|
+
if (filter(rawEvent)) {
|
|
558
|
+
handler(fromRawEvent(rawEvent));
|
|
559
|
+
}
|
|
560
|
+
};
|
|
561
|
+
const binder = (element, event, filter, handler, useCapture) => {
|
|
562
|
+
const wrapped = handle(filter, handler);
|
|
563
|
+
element.dom.addEventListener(event, wrapped, useCapture);
|
|
564
|
+
return { unbind: curry(unbind, element, event, wrapped, useCapture) };
|
|
565
|
+
};
|
|
566
|
+
const bind$2 = (element, event, filter, handler) => binder(element, event, filter, handler, false);
|
|
567
|
+
const unbind = (element, event, handler, useCapture) => {
|
|
568
|
+
element.dom.removeEventListener(event, handler, useCapture);
|
|
569
|
+
};
|
|
570
|
+
|
|
571
|
+
const filter = always;
|
|
572
|
+
const bind$1 = (element, event, handler) => bind$2(element, event, filter, handler);
|
|
573
|
+
|
|
574
|
+
const cached = f => {
|
|
575
|
+
let called = false;
|
|
576
|
+
let r;
|
|
577
|
+
return (...args) => {
|
|
578
|
+
if (!called) {
|
|
579
|
+
called = true;
|
|
580
|
+
r = f.apply(null, args);
|
|
581
|
+
}
|
|
582
|
+
return r;
|
|
583
|
+
};
|
|
584
|
+
};
|
|
616
585
|
|
|
617
586
|
const DeviceType = (os, browser, userAgent, mediaMatch) => {
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
587
|
+
const isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
|
|
588
|
+
const isiPhone = os.isiOS() && !isiPad;
|
|
589
|
+
const isMobile = os.isiOS() || os.isAndroid();
|
|
590
|
+
const isTouch = isMobile || mediaMatch('(pointer:coarse)');
|
|
591
|
+
const isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
|
|
592
|
+
const isPhone = isiPhone || isMobile && !isTablet;
|
|
593
|
+
const iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
|
|
594
|
+
const isDesktop = !isPhone && !isTablet && !iOSwebview;
|
|
595
|
+
return {
|
|
596
|
+
isiPad: constant(isiPad),
|
|
597
|
+
isiPhone: constant(isiPhone),
|
|
598
|
+
isTablet: constant(isTablet),
|
|
599
|
+
isPhone: constant(isPhone),
|
|
600
|
+
isTouch: constant(isTouch),
|
|
601
|
+
isAndroid: os.isAndroid,
|
|
602
|
+
isiOS: os.isiOS,
|
|
603
|
+
isWebView: constant(iOSwebview),
|
|
604
|
+
isDesktop: constant(isDesktop)
|
|
605
|
+
};
|
|
637
606
|
};
|
|
638
607
|
|
|
639
608
|
const firstMatch = (regexes, s) => {
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
}
|
|
609
|
+
for (let i = 0; i < regexes.length; i++) {
|
|
610
|
+
const x = regexes[i];
|
|
611
|
+
if (x.test(s)) {
|
|
612
|
+
return x;
|
|
645
613
|
}
|
|
646
|
-
|
|
614
|
+
}
|
|
615
|
+
return undefined;
|
|
647
616
|
};
|
|
648
617
|
const find = (regexes, agent) => {
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
return Number(agent.replace(r, '$' + i));
|
|
618
|
+
const r = firstMatch(regexes, agent);
|
|
619
|
+
if (!r) {
|
|
620
|
+
return {
|
|
621
|
+
major: 0,
|
|
622
|
+
minor: 0
|
|
655
623
|
};
|
|
656
|
-
|
|
624
|
+
}
|
|
625
|
+
const group = i => {
|
|
626
|
+
return Number(agent.replace(r, '$' + i));
|
|
627
|
+
};
|
|
628
|
+
return nu$2(group(1), group(2));
|
|
657
629
|
};
|
|
658
630
|
const detect$3 = (versionRegexes, agent) => {
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
631
|
+
const cleanedAgent = String(agent).toLowerCase();
|
|
632
|
+
if (versionRegexes.length === 0) {
|
|
633
|
+
return unknown$2();
|
|
634
|
+
}
|
|
635
|
+
return find(versionRegexes, cleanedAgent);
|
|
664
636
|
};
|
|
665
637
|
const unknown$2 = () => {
|
|
666
|
-
|
|
638
|
+
return nu$2(0, 0);
|
|
667
639
|
};
|
|
668
640
|
const nu$2 = (major, minor) => {
|
|
669
|
-
|
|
641
|
+
return {
|
|
642
|
+
major,
|
|
643
|
+
minor
|
|
644
|
+
};
|
|
670
645
|
};
|
|
671
646
|
const Version = {
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
647
|
+
nu: nu$2,
|
|
648
|
+
detect: detect$3,
|
|
649
|
+
unknown: unknown$2
|
|
675
650
|
};
|
|
676
651
|
|
|
677
652
|
const detectBrowser$1 = (browsers, userAgentData) => {
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
653
|
+
return findMap(userAgentData.brands, uaBrand => {
|
|
654
|
+
const lcBrand = uaBrand.brand.toLowerCase();
|
|
655
|
+
return find$1(browsers, browser => {
|
|
656
|
+
var _a;
|
|
657
|
+
return lcBrand === ((_a = browser.brand) === null || _a === void 0 ? void 0 : _a.toLowerCase());
|
|
658
|
+
}).map(info => ({
|
|
659
|
+
current: info.name,
|
|
660
|
+
version: Version.nu(parseInt(uaBrand.version, 10), 0)
|
|
661
|
+
}));
|
|
662
|
+
});
|
|
686
663
|
};
|
|
687
664
|
|
|
688
665
|
const detect$2 = (candidates, userAgent) => {
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
666
|
+
const agent = String(userAgent).toLowerCase();
|
|
667
|
+
return find$1(candidates, candidate => {
|
|
668
|
+
return candidate.search(agent);
|
|
669
|
+
});
|
|
693
670
|
};
|
|
694
|
-
// They (browser and os) are the same at the moment, but they might
|
|
695
|
-
// not stay that way.
|
|
696
671
|
const detectBrowser = (browsers, userAgent) => {
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
672
|
+
return detect$2(browsers, userAgent).map(browser => {
|
|
673
|
+
const version = Version.detect(browser.versionRegexes, userAgent);
|
|
674
|
+
return {
|
|
675
|
+
current: browser.name,
|
|
676
|
+
version
|
|
677
|
+
};
|
|
678
|
+
});
|
|
704
679
|
};
|
|
705
680
|
const detectOs = (oses, userAgent) => {
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
681
|
+
return detect$2(oses, userAgent).map(os => {
|
|
682
|
+
const version = Version.detect(os.versionRegexes, userAgent);
|
|
683
|
+
return {
|
|
684
|
+
current: os.name,
|
|
685
|
+
version
|
|
686
|
+
};
|
|
687
|
+
});
|
|
713
688
|
};
|
|
714
689
|
|
|
715
690
|
const normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
|
|
716
|
-
const checkContains =
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
691
|
+
const checkContains = target => {
|
|
692
|
+
return uastring => {
|
|
693
|
+
return contains(uastring, target);
|
|
694
|
+
};
|
|
720
695
|
};
|
|
721
696
|
const browsers = [
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
}
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
697
|
+
{
|
|
698
|
+
name: 'Edge',
|
|
699
|
+
versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
|
|
700
|
+
search: uastring => {
|
|
701
|
+
return contains(uastring, 'edge/') && contains(uastring, 'chrome') && contains(uastring, 'safari') && contains(uastring, 'applewebkit');
|
|
702
|
+
}
|
|
703
|
+
},
|
|
704
|
+
{
|
|
705
|
+
name: 'Chromium',
|
|
706
|
+
brand: 'Chromium',
|
|
707
|
+
versionRegexes: [
|
|
708
|
+
/.*?chrome\/([0-9]+)\.([0-9]+).*/,
|
|
709
|
+
normalVersionRegex
|
|
710
|
+
],
|
|
711
|
+
search: uastring => {
|
|
712
|
+
return contains(uastring, 'chrome') && !contains(uastring, 'chromeframe');
|
|
713
|
+
}
|
|
714
|
+
},
|
|
715
|
+
{
|
|
716
|
+
name: 'IE',
|
|
717
|
+
versionRegexes: [
|
|
718
|
+
/.*?msie\ ?([0-9]+)\.([0-9]+).*/,
|
|
719
|
+
/.*?rv:([0-9]+)\.([0-9]+).*/
|
|
720
|
+
],
|
|
721
|
+
search: uastring => {
|
|
722
|
+
return contains(uastring, 'msie') || contains(uastring, 'trident');
|
|
723
|
+
}
|
|
724
|
+
},
|
|
725
|
+
{
|
|
726
|
+
name: 'Opera',
|
|
727
|
+
versionRegexes: [
|
|
728
|
+
normalVersionRegex,
|
|
729
|
+
/.*?opera\/([0-9]+)\.([0-9]+).*/
|
|
730
|
+
],
|
|
731
|
+
search: checkContains('opera')
|
|
732
|
+
},
|
|
733
|
+
{
|
|
734
|
+
name: 'Firefox',
|
|
735
|
+
versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
|
|
736
|
+
search: checkContains('firefox')
|
|
737
|
+
},
|
|
738
|
+
{
|
|
739
|
+
name: 'Safari',
|
|
740
|
+
versionRegexes: [
|
|
741
|
+
normalVersionRegex,
|
|
742
|
+
/.*?cpu os ([0-9]+)_([0-9]+).*/
|
|
743
|
+
],
|
|
744
|
+
search: uastring => {
|
|
745
|
+
return (contains(uastring, 'safari') || contains(uastring, 'mobile/')) && contains(uastring, 'applewebkit');
|
|
746
|
+
}
|
|
747
|
+
}
|
|
764
748
|
];
|
|
765
749
|
const oses = [
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
},
|
|
776
|
-
versionRegexes: [/.*?version\/\ ?([0-9]+)\.([0-9]+).*/, /.*cpu os ([0-9]+)_([0-9]+).*/, /.*cpu iphone os ([0-9]+)_([0-9]+).*/]
|
|
777
|
-
},
|
|
778
|
-
{
|
|
779
|
-
name: 'Android',
|
|
780
|
-
search: checkContains('android'),
|
|
781
|
-
versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
|
|
750
|
+
{
|
|
751
|
+
name: 'Windows',
|
|
752
|
+
search: checkContains('win'),
|
|
753
|
+
versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
|
|
754
|
+
},
|
|
755
|
+
{
|
|
756
|
+
name: 'iOS',
|
|
757
|
+
search: uastring => {
|
|
758
|
+
return contains(uastring, 'iphone') || contains(uastring, 'ipad');
|
|
782
759
|
},
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
760
|
+
versionRegexes: [
|
|
761
|
+
/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,
|
|
762
|
+
/.*cpu os ([0-9]+)_([0-9]+).*/,
|
|
763
|
+
/.*cpu iphone os ([0-9]+)_([0-9]+).*/
|
|
764
|
+
]
|
|
765
|
+
},
|
|
766
|
+
{
|
|
767
|
+
name: 'Android',
|
|
768
|
+
search: checkContains('android'),
|
|
769
|
+
versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
|
|
770
|
+
},
|
|
771
|
+
{
|
|
772
|
+
name: 'macOS',
|
|
773
|
+
search: checkContains('mac os x'),
|
|
774
|
+
versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
|
|
775
|
+
},
|
|
776
|
+
{
|
|
777
|
+
name: 'Linux',
|
|
778
|
+
search: checkContains('linux'),
|
|
779
|
+
versionRegexes: []
|
|
780
|
+
},
|
|
781
|
+
{
|
|
782
|
+
name: 'Solaris',
|
|
783
|
+
search: checkContains('sunos'),
|
|
784
|
+
versionRegexes: []
|
|
785
|
+
},
|
|
786
|
+
{
|
|
787
|
+
name: 'FreeBSD',
|
|
788
|
+
search: checkContains('freebsd'),
|
|
789
|
+
versionRegexes: []
|
|
790
|
+
},
|
|
791
|
+
{
|
|
792
|
+
name: 'ChromeOS',
|
|
793
|
+
search: checkContains('cros'),
|
|
794
|
+
versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
|
|
795
|
+
}
|
|
807
796
|
];
|
|
808
797
|
const PlatformInfo = {
|
|
809
|
-
|
|
810
|
-
|
|
798
|
+
browsers: constant(browsers),
|
|
799
|
+
oses: constant(oses)
|
|
811
800
|
};
|
|
812
801
|
|
|
813
802
|
const edge = 'Edge';
|
|
@@ -817,36 +806,35 @@
|
|
|
817
806
|
const firefox = 'Firefox';
|
|
818
807
|
const safari = 'Safari';
|
|
819
808
|
const unknown$1 = () => {
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
};
|
|
825
|
-
const nu$1 =
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
};
|
|
809
|
+
return nu$1({
|
|
810
|
+
current: undefined,
|
|
811
|
+
version: Version.unknown()
|
|
812
|
+
});
|
|
813
|
+
};
|
|
814
|
+
const nu$1 = info => {
|
|
815
|
+
const current = info.current;
|
|
816
|
+
const version = info.version;
|
|
817
|
+
const isBrowser = name => () => current === name;
|
|
818
|
+
return {
|
|
819
|
+
current,
|
|
820
|
+
version,
|
|
821
|
+
isEdge: isBrowser(edge),
|
|
822
|
+
isChromium: isBrowser(chromium),
|
|
823
|
+
isIE: isBrowser(ie),
|
|
824
|
+
isOpera: isBrowser(opera),
|
|
825
|
+
isFirefox: isBrowser(firefox),
|
|
826
|
+
isSafari: isBrowser(safari)
|
|
827
|
+
};
|
|
840
828
|
};
|
|
841
829
|
const Browser = {
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
830
|
+
unknown: unknown$1,
|
|
831
|
+
nu: nu$1,
|
|
832
|
+
edge: constant(edge),
|
|
833
|
+
chromium: constant(chromium),
|
|
834
|
+
ie: constant(ie),
|
|
835
|
+
opera: constant(opera),
|
|
836
|
+
firefox: constant(firefox),
|
|
837
|
+
safari: constant(safari)
|
|
850
838
|
};
|
|
851
839
|
|
|
852
840
|
const windows = 'Windows';
|
|
@@ -857,753 +845,405 @@
|
|
|
857
845
|
const solaris = 'Solaris';
|
|
858
846
|
const freebsd = 'FreeBSD';
|
|
859
847
|
const chromeos = 'ChromeOS';
|
|
860
|
-
// Though there is a bit of dupe with this and Browser, trying to
|
|
861
|
-
// reuse code makes it much harder to follow and change.
|
|
862
848
|
const unknown = () => {
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
};
|
|
868
|
-
const nu =
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
};
|
|
849
|
+
return nu({
|
|
850
|
+
current: undefined,
|
|
851
|
+
version: Version.unknown()
|
|
852
|
+
});
|
|
853
|
+
};
|
|
854
|
+
const nu = info => {
|
|
855
|
+
const current = info.current;
|
|
856
|
+
const version = info.version;
|
|
857
|
+
const isOS = name => () => current === name;
|
|
858
|
+
return {
|
|
859
|
+
current,
|
|
860
|
+
version,
|
|
861
|
+
isWindows: isOS(windows),
|
|
862
|
+
isiOS: isOS(ios),
|
|
863
|
+
isAndroid: isOS(android),
|
|
864
|
+
isMacOS: isOS(macos),
|
|
865
|
+
isLinux: isOS(linux),
|
|
866
|
+
isSolaris: isOS(solaris),
|
|
867
|
+
isFreeBSD: isOS(freebsd),
|
|
868
|
+
isChromeOS: isOS(chromeos)
|
|
869
|
+
};
|
|
885
870
|
};
|
|
886
871
|
const OperatingSystem = {
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
872
|
+
unknown,
|
|
873
|
+
nu,
|
|
874
|
+
windows: constant(windows),
|
|
875
|
+
ios: constant(ios),
|
|
876
|
+
android: constant(android),
|
|
877
|
+
linux: constant(linux),
|
|
878
|
+
macos: constant(macos),
|
|
879
|
+
solaris: constant(solaris),
|
|
880
|
+
freebsd: constant(freebsd),
|
|
881
|
+
chromeos: constant(chromeos)
|
|
897
882
|
};
|
|
898
883
|
|
|
899
884
|
const detect$1 = (userAgent, userAgentDataOpt, mediaMatch) => {
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
};
|
|
913
|
-
const PlatformDetection = {
|
|
914
|
-
detect: detect$1
|
|
915
|
-
};
|
|
885
|
+
const browsers = PlatformInfo.browsers();
|
|
886
|
+
const oses = PlatformInfo.oses();
|
|
887
|
+
const browser = userAgentDataOpt.bind(userAgentData => detectBrowser$1(browsers, userAgentData)).orThunk(() => detectBrowser(browsers, userAgent)).fold(Browser.unknown, Browser.nu);
|
|
888
|
+
const os = detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
|
|
889
|
+
const deviceType = DeviceType(os, browser, userAgent, mediaMatch);
|
|
890
|
+
return {
|
|
891
|
+
browser,
|
|
892
|
+
os,
|
|
893
|
+
deviceType
|
|
894
|
+
};
|
|
895
|
+
};
|
|
896
|
+
const PlatformDetection = { detect: detect$1 };
|
|
916
897
|
|
|
917
|
-
const mediaMatch =
|
|
918
|
-
|
|
919
|
-
// causes side effects and won't tree shake this away
|
|
920
|
-
// Note: navigator.userAgentData is not part of the native typescript types yet
|
|
921
|
-
let platform = cached(() => PlatformDetection.detect(window.navigator.userAgent, Optional.from((window.navigator.userAgentData)), mediaMatch));
|
|
898
|
+
const mediaMatch = query => window.matchMedia(query).matches;
|
|
899
|
+
let platform = cached(() => PlatformDetection.detect(navigator.userAgent, Optional.from(navigator.userAgentData), mediaMatch));
|
|
922
900
|
const detect = () => platform();
|
|
923
901
|
|
|
924
|
-
const unsafe = (name, scope) => {
|
|
925
|
-
return resolve(name, scope);
|
|
926
|
-
};
|
|
927
|
-
const getOrDie = (name, scope) => {
|
|
928
|
-
const actual = unsafe(name, scope);
|
|
929
|
-
if (actual === undefined || actual === null) {
|
|
930
|
-
throw new Error(name + ' not available on this browser');
|
|
931
|
-
}
|
|
932
|
-
return actual;
|
|
933
|
-
};
|
|
934
|
-
|
|
935
|
-
const getPrototypeOf = Object.getPrototypeOf;
|
|
936
|
-
/*
|
|
937
|
-
* IE9 and above
|
|
938
|
-
*
|
|
939
|
-
* MDN no use on this one, but here's the link anyway:
|
|
940
|
-
* https://developer.mozilla.org/en/docs/Web/API/HTMLElement
|
|
941
|
-
*/
|
|
942
|
-
const sandHTMLElement = (scope) => {
|
|
943
|
-
return getOrDie('HTMLElement', scope);
|
|
944
|
-
};
|
|
945
|
-
const isPrototypeOf = (x) => {
|
|
946
|
-
// use Resolve to get the window object for x and just return undefined if it can't find it.
|
|
947
|
-
// undefined scope later triggers using the global window.
|
|
948
|
-
const scope = resolve('ownerDocument.defaultView', x);
|
|
949
|
-
// TINY-7374: We can't rely on looking at the owner window HTMLElement as the element may have
|
|
950
|
-
// been constructed in a different window and then appended to the current window document.
|
|
951
|
-
return isObject(x) && (sandHTMLElement(scope).prototype.isPrototypeOf(x) || /^HTML\w*Element$/.test(getPrototypeOf(x).constructor.name));
|
|
952
|
-
};
|
|
953
|
-
|
|
954
|
-
const type = (element) => element.dom.nodeType;
|
|
955
|
-
const isType = (t) => (element) => type(element) === t;
|
|
956
|
-
const isHTMLElement = (element) => isElement(element) && isPrototypeOf(element.dom);
|
|
957
|
-
const isElement = isType(ELEMENT);
|
|
958
|
-
const isText = isType(TEXT);
|
|
959
|
-
const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
|
|
960
|
-
|
|
961
|
-
/**
|
|
962
|
-
* The document associated with the current element
|
|
963
|
-
* NOTE: this will throw if the owner is null.
|
|
964
|
-
*/
|
|
965
|
-
const owner = (element) => SugarElement.fromDom(element.dom.ownerDocument);
|
|
966
|
-
const parent = (element) => Optional.from(element.dom.parentNode).map(SugarElement.fromDom);
|
|
967
|
-
const parents = (element, isRoot) => {
|
|
968
|
-
const stop = isFunction(isRoot) ? isRoot : never;
|
|
969
|
-
// This is used a *lot* so it needs to be performant, not recursive
|
|
970
|
-
let dom = element.dom;
|
|
971
|
-
const ret = [];
|
|
972
|
-
while (dom.parentNode !== null && dom.parentNode !== undefined) {
|
|
973
|
-
const rawParent = dom.parentNode;
|
|
974
|
-
const p = SugarElement.fromDom(rawParent);
|
|
975
|
-
ret.push(p);
|
|
976
|
-
if (stop(p) === true) {
|
|
977
|
-
break;
|
|
978
|
-
}
|
|
979
|
-
else {
|
|
980
|
-
dom = rawParent;
|
|
981
|
-
}
|
|
982
|
-
}
|
|
983
|
-
return ret;
|
|
984
|
-
};
|
|
985
|
-
const siblings$2 = (element) => {
|
|
986
|
-
// TODO: Refactor out children so we can just not add self instead of filtering afterwards
|
|
987
|
-
const filterSelf = (elements) => filter$1(elements, (x) => !eq(element, x));
|
|
988
|
-
return parent(element).map(children).map(filterSelf).getOr([]);
|
|
989
|
-
};
|
|
990
|
-
const nextSibling = (element) => Optional.from(element.dom.nextSibling).map(SugarElement.fromDom);
|
|
991
|
-
const children = (element) => map(element.dom.childNodes, SugarElement.fromDom);
|
|
992
|
-
|
|
993
|
-
/**
|
|
994
|
-
* Is the element a ShadowRoot?
|
|
995
|
-
*
|
|
996
|
-
* Note: this is insufficient to test if any element is a shadow root, but it is sufficient to differentiate between
|
|
997
|
-
* a Document and a ShadowRoot.
|
|
998
|
-
*/
|
|
999
|
-
const isShadowRoot = (dos) => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
|
|
1000
|
-
const getRootNode = (e) => SugarElement.fromDom(e.dom.getRootNode());
|
|
1001
|
-
/** If this element is in a ShadowRoot, return it. */
|
|
1002
|
-
const getShadowRoot = (e) => {
|
|
1003
|
-
const r = getRootNode(e);
|
|
1004
|
-
return isShadowRoot(r) ? Optional.some(r) : Optional.none();
|
|
1005
|
-
};
|
|
1006
|
-
/** Return the host of a ShadowRoot.
|
|
1007
|
-
*
|
|
1008
|
-
* This function will throw if Shadow DOM is unsupported in the browser, or if the host is null.
|
|
1009
|
-
* If you actually have a ShadowRoot, this shouldn't happen.
|
|
1010
|
-
*/
|
|
1011
|
-
const getShadowHost = (e) => SugarElement.fromDom(e.dom.host);
|
|
1012
|
-
/**
|
|
1013
|
-
* When Events bubble up through a ShadowRoot, the browser changes the target to be the shadow host.
|
|
1014
|
-
* This function gets the "original" event target if possible.
|
|
1015
|
-
* This only works if the shadow tree is open - if the shadow tree is closed, event.target is returned.
|
|
1016
|
-
* See: https://developers.google.com/web/fundamentals/web-components/shadowdom#events
|
|
1017
|
-
*/
|
|
1018
|
-
const getOriginalEventTarget = (event) => {
|
|
1019
|
-
if (isNonNullable(event.target)) {
|
|
1020
|
-
const el = SugarElement.fromDom(event.target);
|
|
1021
|
-
if (isElement(el) && isOpenShadowHost(el)) {
|
|
1022
|
-
// When target element is inside Shadow DOM we need to take first element from composedPath
|
|
1023
|
-
// otherwise we'll get Shadow Root parent, not actual target element.
|
|
1024
|
-
if (event.composed && event.composedPath) {
|
|
1025
|
-
const composedPath = event.composedPath();
|
|
1026
|
-
if (composedPath) {
|
|
1027
|
-
return head(composedPath);
|
|
1028
|
-
}
|
|
1029
|
-
}
|
|
1030
|
-
}
|
|
1031
|
-
}
|
|
1032
|
-
return Optional.from(event.target);
|
|
1033
|
-
};
|
|
1034
|
-
/** Return true if the element is a host of an open shadow root.
|
|
1035
|
-
* Return false if the element is a host of a closed shadow root, or if the element is not a host.
|
|
1036
|
-
*/
|
|
1037
|
-
const isOpenShadowHost = (element) => isNonNullable(element.dom.shadowRoot);
|
|
1038
|
-
|
|
1039
|
-
const mkEvent = (target, x, y, stop, prevent, kill, raw) => ({
|
|
1040
|
-
target,
|
|
1041
|
-
x,
|
|
1042
|
-
y,
|
|
1043
|
-
stop,
|
|
1044
|
-
prevent,
|
|
1045
|
-
kill,
|
|
1046
|
-
raw
|
|
1047
|
-
});
|
|
1048
|
-
/** Wraps an Event in an EventArgs structure.
|
|
1049
|
-
* The returned EventArgs structure has its target set to the "original" target if possible.
|
|
1050
|
-
* See SugarShadowDom.getOriginalEventTarget
|
|
1051
|
-
*/
|
|
1052
|
-
const fromRawEvent = (rawEvent) => {
|
|
1053
|
-
const target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target));
|
|
1054
|
-
const stop = () => rawEvent.stopPropagation();
|
|
1055
|
-
const prevent = () => rawEvent.preventDefault();
|
|
1056
|
-
const kill = compose(prevent, stop); // more of a sequence than a compose, but same effect
|
|
1057
|
-
// FIX: Don't just expose the raw event. Need to identify what needs standardisation.
|
|
1058
|
-
return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent);
|
|
1059
|
-
};
|
|
1060
|
-
const handle = (filter, handler) => (rawEvent) => {
|
|
1061
|
-
if (filter(rawEvent)) {
|
|
1062
|
-
handler(fromRawEvent(rawEvent));
|
|
1063
|
-
}
|
|
1064
|
-
};
|
|
1065
|
-
const binder = (element, event, filter, handler, useCapture) => {
|
|
1066
|
-
const wrapped = handle(filter, handler);
|
|
1067
|
-
// IE9 minimum
|
|
1068
|
-
element.dom.addEventListener(event, wrapped, useCapture);
|
|
1069
|
-
return {
|
|
1070
|
-
unbind: curry(unbind, element, event, wrapped, useCapture)
|
|
1071
|
-
};
|
|
1072
|
-
};
|
|
1073
|
-
const bind$2 = (element, event, filter, handler) => binder(element, event, filter, handler, false);
|
|
1074
|
-
const unbind = (element, event, handler, useCapture) => {
|
|
1075
|
-
// IE9 minimum
|
|
1076
|
-
element.dom.removeEventListener(event, handler, useCapture);
|
|
1077
|
-
};
|
|
1078
|
-
|
|
1079
|
-
const filter = always; // no filter on plain DomEvents
|
|
1080
|
-
const bind$1 = (element, event, handler) => bind$2(element, event, filter, handler);
|
|
1081
|
-
|
|
1082
|
-
const rawSet = (dom, key, value) => {
|
|
1083
|
-
/*
|
|
1084
|
-
* JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
|
|
1085
|
-
*
|
|
1086
|
-
* We fail on those invalid cases, only allowing numbers and booleans.
|
|
1087
|
-
*/
|
|
1088
|
-
if (isString(value) || isBoolean(value) || isNumber(value)) {
|
|
1089
|
-
dom.setAttribute(key, value + '');
|
|
1090
|
-
}
|
|
1091
|
-
else {
|
|
1092
|
-
// eslint-disable-next-line no-console
|
|
1093
|
-
console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
|
|
1094
|
-
throw new Error('Attribute value was not simple');
|
|
1095
|
-
}
|
|
1096
|
-
};
|
|
1097
|
-
const set$1 = (element, key, value) => {
|
|
1098
|
-
rawSet(element.dom, key, value);
|
|
1099
|
-
};
|
|
1100
|
-
const get$3 = (element, key) => {
|
|
1101
|
-
const v = element.dom.getAttribute(key);
|
|
1102
|
-
// undefined is the more appropriate value for JS, and this matches JQuery
|
|
1103
|
-
return v === null ? undefined : v;
|
|
1104
|
-
};
|
|
1105
|
-
const remove = (element, key) => {
|
|
1106
|
-
element.dom.removeAttribute(key);
|
|
1107
|
-
};
|
|
1108
|
-
|
|
1109
|
-
// some elements, such as mathml, don't have style attributes
|
|
1110
|
-
// others, such as angular elements, have style attributes that aren't a CSSStyleDeclaration
|
|
1111
|
-
const isSupported = (dom) =>
|
|
1112
|
-
// eslint-disable-next-line @typescript-eslint/unbound-method
|
|
1113
|
-
dom.style !== undefined && isFunction(dom.style.getPropertyValue);
|
|
1114
|
-
|
|
1115
|
-
// Node.contains() is very, very, very good performance
|
|
1116
|
-
// http://jsperf.com/closest-vs-contains/5
|
|
1117
|
-
const inBody = (element) => {
|
|
1118
|
-
// Technically this is only required on IE, where contains() returns false for text nodes.
|
|
1119
|
-
// But it's cheap enough to run everywhere and Sugar doesn't have platform detection (yet).
|
|
1120
|
-
const dom = isText(element) ? element.dom.parentNode : element.dom;
|
|
1121
|
-
// use ownerDocument.body to ensure this works inside iframes.
|
|
1122
|
-
// Normally contains is bad because an element "contains" itself, but here we want that.
|
|
1123
|
-
if (dom === undefined || dom === null || dom.ownerDocument === null) {
|
|
1124
|
-
return false;
|
|
1125
|
-
}
|
|
1126
|
-
const doc = dom.ownerDocument;
|
|
1127
|
-
return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
|
|
1128
|
-
};
|
|
1129
|
-
const getBody = (doc) => {
|
|
1130
|
-
const b = doc.dom.body;
|
|
1131
|
-
if (b === null || b === undefined) {
|
|
1132
|
-
throw new Error('Body is not available yet');
|
|
1133
|
-
}
|
|
1134
|
-
return SugarElement.fromDom(b);
|
|
1135
|
-
};
|
|
1136
|
-
|
|
1137
|
-
const internalSet = (dom, property, value) => {
|
|
1138
|
-
// This is going to hurt. Apologies.
|
|
1139
|
-
// JQuery coerces numbers to pixels for certain property names, and other times lets numbers through.
|
|
1140
|
-
// we're going to be explicit; strings only.
|
|
1141
|
-
if (!isString(value)) {
|
|
1142
|
-
// eslint-disable-next-line no-console
|
|
1143
|
-
console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
|
|
1144
|
-
throw new Error('CSS value must be a string: ' + value);
|
|
1145
|
-
}
|
|
1146
|
-
// removed: support for dom().style[property] where prop is camel case instead of normal property name
|
|
1147
|
-
if (isSupported(dom)) {
|
|
1148
|
-
dom.style.setProperty(property, value);
|
|
1149
|
-
}
|
|
1150
|
-
};
|
|
1151
|
-
const set = (element, property, value) => {
|
|
1152
|
-
const dom = element.dom;
|
|
1153
|
-
internalSet(dom, property, value);
|
|
1154
|
-
};
|
|
1155
|
-
const setAll = (element, css) => {
|
|
1156
|
-
const dom = element.dom;
|
|
1157
|
-
each(css, (v, k) => {
|
|
1158
|
-
internalSet(dom, k, v);
|
|
1159
|
-
});
|
|
1160
|
-
};
|
|
1161
|
-
/*
|
|
1162
|
-
* NOTE: For certain properties, this returns the "used value" which is subtly different to the "computed value" (despite calling getComputedStyle).
|
|
1163
|
-
* Blame CSS 2.0.
|
|
1164
|
-
*
|
|
1165
|
-
* https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
|
|
1166
|
-
*/
|
|
1167
|
-
const get$2 = (element, property) => {
|
|
1168
|
-
const dom = element.dom;
|
|
1169
|
-
/*
|
|
1170
|
-
* IE9 and above per
|
|
1171
|
-
* https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle
|
|
1172
|
-
*
|
|
1173
|
-
* Not in numerosity, because it doesn't memoize and looking this up dynamically in performance critical code would be horrendous.
|
|
1174
|
-
*
|
|
1175
|
-
* JQuery has some magic here for IE popups, but we don't really need that.
|
|
1176
|
-
* It also uses element.ownerDocument.defaultView to handle iframes but that hasn't been required since FF 3.6.
|
|
1177
|
-
*/
|
|
1178
|
-
const styles = window.getComputedStyle(dom);
|
|
1179
|
-
const r = styles.getPropertyValue(property);
|
|
1180
|
-
// jquery-ism: If r is an empty string, check that the element is not in a document. If it isn't, return the raw value.
|
|
1181
|
-
// Turns out we do this a lot.
|
|
1182
|
-
return (r === '' && !inBody(element)) ? getUnsafeProperty(dom, property) : r;
|
|
1183
|
-
};
|
|
1184
|
-
// removed: support for dom().style[property] where prop is camel case instead of normal property name
|
|
1185
|
-
// empty string is what the browsers (IE11 and Chrome) return when the propertyValue doesn't exists.
|
|
1186
|
-
const getUnsafeProperty = (dom, property) => isSupported(dom) ? dom.style.getPropertyValue(property) : '';
|
|
1187
|
-
|
|
1188
902
|
const r = (left, top) => {
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
903
|
+
const translate = (x, y) => r(left + x, top + y);
|
|
904
|
+
return {
|
|
905
|
+
left,
|
|
906
|
+
top,
|
|
907
|
+
translate
|
|
908
|
+
};
|
|
1195
909
|
};
|
|
1196
|
-
// tslint:disable-next-line:variable-name
|
|
1197
910
|
const SugarPosition = r;
|
|
1198
911
|
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
const y = doc.body.scrollTop || doc.documentElement.scrollTop;
|
|
1205
|
-
return SugarPosition(x, y);
|
|
912
|
+
const get$1 = _DOC => {
|
|
913
|
+
const doc = _DOC !== undefined ? _DOC.dom : document;
|
|
914
|
+
const x = doc.body.scrollLeft || doc.documentElement.scrollLeft;
|
|
915
|
+
const y = doc.body.scrollTop || doc.documentElement.scrollTop;
|
|
916
|
+
return SugarPosition(x, y);
|
|
1206
917
|
};
|
|
1207
918
|
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
const all = (selector) => all$1(selector);
|
|
1217
|
-
// For all of the following:
|
|
1218
|
-
//
|
|
1219
|
-
// jQuery does siblings of firstChild. IE9+ supports scope.dom.children (similar to Traverse.children but elements only).
|
|
1220
|
-
// Traverse should also do this (but probably not by default).
|
|
1221
|
-
//
|
|
1222
|
-
const ancestors = (scope, selector, isRoot) =>
|
|
1223
|
-
// It may surprise you to learn this is exactly what JQuery does
|
|
1224
|
-
// TODO: Avoid all this wrapping and unwrapping
|
|
1225
|
-
ancestors$1(scope, (e) => is(e, selector), isRoot);
|
|
1226
|
-
const siblings = (scope, selector) =>
|
|
1227
|
-
// It may surprise you to learn this is exactly what JQuery does
|
|
1228
|
-
// TODO: Avoid all the wrapping and unwrapping
|
|
1229
|
-
siblings$1(scope, (e) => is(e, selector));
|
|
1230
|
-
|
|
1231
|
-
const get = (_win) => {
|
|
1232
|
-
const win = _win === undefined ? window : _win;
|
|
1233
|
-
if (detect().browser.isFirefox()) {
|
|
1234
|
-
// TINY-7984: Firefox 91 is returning incorrect values for visualViewport.pageTop, so disable it for now
|
|
1235
|
-
return Optional.none();
|
|
1236
|
-
}
|
|
1237
|
-
else {
|
|
1238
|
-
return Optional.from(win.visualViewport);
|
|
1239
|
-
}
|
|
919
|
+
const get = _win => {
|
|
920
|
+
const win = _win === undefined ? window : _win;
|
|
921
|
+
if (detect().browser.isFirefox()) {
|
|
922
|
+
return Optional.none();
|
|
923
|
+
} else {
|
|
924
|
+
return Optional.from(win.visualViewport);
|
|
925
|
+
}
|
|
1240
926
|
};
|
|
1241
927
|
const bounds = (x, y, width, height) => ({
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
928
|
+
x,
|
|
929
|
+
y,
|
|
930
|
+
width,
|
|
931
|
+
height,
|
|
932
|
+
right: x + width,
|
|
933
|
+
bottom: y + height
|
|
1248
934
|
});
|
|
1249
|
-
const getBounds =
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
};
|
|
1265
|
-
const bind = (name, callback, _win) => get(_win).map((visualViewport) => {
|
|
1266
|
-
const handler = (e) => callback(fromRawEvent(e));
|
|
1267
|
-
visualViewport.addEventListener(name, handler);
|
|
1268
|
-
return {
|
|
1269
|
-
unbind: () => visualViewport.removeEventListener(name, handler)
|
|
1270
|
-
};
|
|
1271
|
-
}).getOrThunk(() => ({
|
|
1272
|
-
unbind: noop
|
|
1273
|
-
}));
|
|
935
|
+
const getBounds = _win => {
|
|
936
|
+
const win = _win === undefined ? window : _win;
|
|
937
|
+
const doc = win.document;
|
|
938
|
+
const scroll = get$1(SugarElement.fromDom(doc));
|
|
939
|
+
return get(win).fold(() => {
|
|
940
|
+
const html = win.document.documentElement;
|
|
941
|
+
const width = html.clientWidth;
|
|
942
|
+
const height = html.clientHeight;
|
|
943
|
+
return bounds(scroll.left, scroll.top, width, height);
|
|
944
|
+
}, visualViewport => bounds(Math.max(visualViewport.pageLeft, scroll.left), Math.max(visualViewport.pageTop, scroll.top), visualViewport.width, visualViewport.height));
|
|
945
|
+
};
|
|
946
|
+
const bind = (name, callback, _win) => get(_win).map(visualViewport => {
|
|
947
|
+
const handler = e => callback(fromRawEvent(e));
|
|
948
|
+
visualViewport.addEventListener(name, handler);
|
|
949
|
+
return { unbind: () => visualViewport.removeEventListener(name, handler) };
|
|
950
|
+
}).getOrThunk(() => ({ unbind: noop }));
|
|
1274
951
|
|
|
1275
|
-
var global$
|
|
952
|
+
var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
|
|
1276
953
|
|
|
1277
|
-
var global
|
|
954
|
+
var global = tinymce.util.Tools.resolve('tinymce.Env');
|
|
1278
955
|
|
|
1279
956
|
const fireFullscreenStateChanged = (editor, state) => {
|
|
1280
|
-
|
|
1281
|
-
|
|
957
|
+
editor.dispatch('FullscreenStateChanged', { state });
|
|
958
|
+
editor.dispatch('ResizeEditor');
|
|
1282
959
|
};
|
|
1283
960
|
|
|
1284
|
-
const option =
|
|
1285
|
-
const register$2 =
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
961
|
+
const option = name => editor => editor.options.get(name);
|
|
962
|
+
const register$2 = editor => {
|
|
963
|
+
const registerOption = editor.options.register;
|
|
964
|
+
registerOption('fullscreen_native', {
|
|
965
|
+
processor: 'boolean',
|
|
966
|
+
default: false
|
|
967
|
+
});
|
|
1291
968
|
};
|
|
1292
969
|
const getFullscreenNative = option('fullscreen_native');
|
|
1293
970
|
|
|
1294
|
-
const getFullscreenRoot =
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
}
|
|
1309
|
-
else {
|
|
1310
|
-
return null;
|
|
1311
|
-
}
|
|
971
|
+
const getFullscreenRoot = editor => {
|
|
972
|
+
const elem = SugarElement.fromDom(editor.getElement());
|
|
973
|
+
return getShadowRoot(elem).map(getShadowHost).getOrThunk(() => getBody(owner(elem)));
|
|
974
|
+
};
|
|
975
|
+
const getFullscreenElement = root => {
|
|
976
|
+
if (root.fullscreenElement !== undefined) {
|
|
977
|
+
return root.fullscreenElement;
|
|
978
|
+
} else if (root.msFullscreenElement !== undefined) {
|
|
979
|
+
return root.msFullscreenElement;
|
|
980
|
+
} else if (root.webkitFullscreenElement !== undefined) {
|
|
981
|
+
return root.webkitFullscreenElement;
|
|
982
|
+
} else {
|
|
983
|
+
return null;
|
|
984
|
+
}
|
|
1312
985
|
};
|
|
1313
986
|
const getFullscreenchangeEventName = () => {
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
};
|
|
1353
|
-
const isFullscreenElement = (elem) => elem.dom === getFullscreenElement(owner(elem).dom);
|
|
987
|
+
if (document.fullscreenElement !== undefined) {
|
|
988
|
+
return 'fullscreenchange';
|
|
989
|
+
} else if (document.msFullscreenElement !== undefined) {
|
|
990
|
+
return 'MSFullscreenChange';
|
|
991
|
+
} else if (document.webkitFullscreenElement !== undefined) {
|
|
992
|
+
return 'webkitfullscreenchange';
|
|
993
|
+
} else {
|
|
994
|
+
return 'fullscreenchange';
|
|
995
|
+
}
|
|
996
|
+
};
|
|
997
|
+
const requestFullscreen = sugarElem => {
|
|
998
|
+
const elem = sugarElem.dom;
|
|
999
|
+
if (elem.requestFullscreen) {
|
|
1000
|
+
elem.requestFullscreen();
|
|
1001
|
+
} else if (elem.msRequestFullscreen) {
|
|
1002
|
+
elem.msRequestFullscreen();
|
|
1003
|
+
} else if (elem.webkitRequestFullScreen) {
|
|
1004
|
+
elem.webkitRequestFullScreen();
|
|
1005
|
+
}
|
|
1006
|
+
};
|
|
1007
|
+
const exitFullscreen = sugarDoc => {
|
|
1008
|
+
const doc = sugarDoc.dom;
|
|
1009
|
+
if (doc.exitFullscreen) {
|
|
1010
|
+
doc.exitFullscreen();
|
|
1011
|
+
} else if (doc.msExitFullscreen) {
|
|
1012
|
+
doc.msExitFullscreen();
|
|
1013
|
+
} else if (doc.webkitCancelFullScreen) {
|
|
1014
|
+
doc.webkitCancelFullScreen();
|
|
1015
|
+
}
|
|
1016
|
+
};
|
|
1017
|
+
const isFullscreenElement = elem => elem.dom === getFullscreenElement(owner(elem).dom);
|
|
1018
|
+
|
|
1019
|
+
const ancestors$1 = (scope, predicate, isRoot) => filter$1(parents(scope, isRoot), predicate);
|
|
1020
|
+
const siblings$1 = (scope, predicate) => filter$1(siblings$2(scope), predicate);
|
|
1021
|
+
|
|
1022
|
+
const all = selector => all$1(selector);
|
|
1023
|
+
const ancestors = (scope, selector, isRoot) => ancestors$1(scope, e => is(e, selector), isRoot);
|
|
1024
|
+
const siblings = (scope, selector) => siblings$1(scope, e => is(e, selector));
|
|
1354
1025
|
|
|
1355
1026
|
const attr = 'data-ephox-mobile-fullscreen-style';
|
|
1356
1027
|
const siblingStyles = 'display:none!important;';
|
|
1357
1028
|
const ancestorPosition = 'position:absolute!important;';
|
|
1358
|
-
// TINY-3407 ancestors need 'height:100%!important;overflow:visible!important;' to prevent collapsed ancestors hiding the editor
|
|
1359
1029
|
const ancestorStyles = 'top:0!important;left:0!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:visible!important;';
|
|
1360
1030
|
const bgFallback = 'background-color:rgb(255,255,255)!important;';
|
|
1361
|
-
const isAndroid = global
|
|
1362
|
-
const matchColor =
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
return (color !== undefined && color !== '') ? 'background-color:' + color + '!important' : bgFallback;
|
|
1367
|
-
};
|
|
1368
|
-
// We clobber all tags, direct ancestors to the editorBody get ancestorStyles, everything else gets siblingStyles
|
|
1031
|
+
const isAndroid = global.os.isAndroid();
|
|
1032
|
+
const matchColor = editorBody => {
|
|
1033
|
+
const color = get$2(editorBody, 'background-color');
|
|
1034
|
+
return color !== undefined && color !== '' ? 'background-color:' + color + '!important' : bgFallback;
|
|
1035
|
+
};
|
|
1369
1036
|
const clobberStyles = (dom, container, editorBody) => {
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
remove(element, 'style');
|
|
1403
|
-
}
|
|
1404
|
-
remove(element, attr);
|
|
1405
|
-
});
|
|
1037
|
+
const gatherSiblings = element => {
|
|
1038
|
+
return siblings(element, '*:not(.tox-silver-sink)');
|
|
1039
|
+
};
|
|
1040
|
+
const clobber = clobberStyle => element => {
|
|
1041
|
+
const styles = get$3(element, 'style');
|
|
1042
|
+
const backup = styles === undefined ? 'no-styles' : styles.trim();
|
|
1043
|
+
if (backup === clobberStyle) {
|
|
1044
|
+
return;
|
|
1045
|
+
} else {
|
|
1046
|
+
set$1(element, attr, backup);
|
|
1047
|
+
setAll(element, dom.parseStyle(clobberStyle));
|
|
1048
|
+
}
|
|
1049
|
+
};
|
|
1050
|
+
const ancestors$1 = ancestors(container, '*');
|
|
1051
|
+
const siblings$1 = bind$3(ancestors$1, gatherSiblings);
|
|
1052
|
+
const bgColor = matchColor(editorBody);
|
|
1053
|
+
each$1(siblings$1, clobber(siblingStyles));
|
|
1054
|
+
each$1(ancestors$1, clobber(ancestorPosition + ancestorStyles + bgColor));
|
|
1055
|
+
const containerStyles = isAndroid === true ? '' : ancestorPosition;
|
|
1056
|
+
clobber(containerStyles + ancestorStyles + bgColor)(container);
|
|
1057
|
+
};
|
|
1058
|
+
const restoreStyles = dom => {
|
|
1059
|
+
const clobberedEls = all('[' + attr + ']');
|
|
1060
|
+
each$1(clobberedEls, element => {
|
|
1061
|
+
const restore = get$3(element, attr);
|
|
1062
|
+
if (restore && restore !== 'no-styles') {
|
|
1063
|
+
setAll(element, dom.parseStyle(restore));
|
|
1064
|
+
} else {
|
|
1065
|
+
remove(element, 'style');
|
|
1066
|
+
}
|
|
1067
|
+
remove(element, attr);
|
|
1068
|
+
});
|
|
1406
1069
|
};
|
|
1407
1070
|
|
|
1408
|
-
const DOM = global$
|
|
1071
|
+
const DOM = global$1.DOM;
|
|
1409
1072
|
const getScrollPos = () => getBounds(window);
|
|
1410
|
-
const setScrollPos =
|
|
1411
|
-
const viewportUpdate = get().fold(() => ({
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1073
|
+
const setScrollPos = pos => window.scrollTo(pos.x, pos.y);
|
|
1074
|
+
const viewportUpdate = get().fold(() => ({
|
|
1075
|
+
bind: noop,
|
|
1076
|
+
unbind: noop
|
|
1077
|
+
}), visualViewport => {
|
|
1078
|
+
const editorContainer = value();
|
|
1079
|
+
const resizeBinder = unbindable();
|
|
1080
|
+
const scrollBinder = unbindable();
|
|
1081
|
+
const refreshScroll = () => {
|
|
1082
|
+
document.body.scrollTop = 0;
|
|
1083
|
+
document.documentElement.scrollTop = 0;
|
|
1084
|
+
};
|
|
1085
|
+
const refreshVisualViewport = () => {
|
|
1086
|
+
window.requestAnimationFrame(() => {
|
|
1087
|
+
editorContainer.on(container => setAll(container, {
|
|
1088
|
+
top: visualViewport.offsetTop + 'px',
|
|
1089
|
+
left: visualViewport.offsetLeft + 'px',
|
|
1090
|
+
height: visualViewport.height + 'px',
|
|
1091
|
+
width: visualViewport.width + 'px'
|
|
1092
|
+
}));
|
|
1093
|
+
});
|
|
1094
|
+
};
|
|
1095
|
+
const update = first(() => {
|
|
1096
|
+
refreshScroll();
|
|
1097
|
+
refreshVisualViewport();
|
|
1098
|
+
}, 50);
|
|
1099
|
+
const bind$1 = element => {
|
|
1100
|
+
editorContainer.set(element);
|
|
1101
|
+
update.throttle();
|
|
1102
|
+
resizeBinder.set(bind('resize', update.throttle));
|
|
1103
|
+
scrollBinder.set(bind('scroll', update.throttle));
|
|
1104
|
+
};
|
|
1105
|
+
const unbind = () => {
|
|
1106
|
+
editorContainer.on(() => {
|
|
1107
|
+
resizeBinder.clear();
|
|
1108
|
+
scrollBinder.clear();
|
|
1109
|
+
});
|
|
1110
|
+
editorContainer.clear();
|
|
1111
|
+
};
|
|
1112
|
+
return {
|
|
1113
|
+
bind: bind$1,
|
|
1114
|
+
unbind
|
|
1115
|
+
};
|
|
1450
1116
|
});
|
|
1451
1117
|
const toggleFullscreen = (editor, fullscreenState) => {
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1118
|
+
const body = document.body;
|
|
1119
|
+
const documentElement = document.documentElement;
|
|
1120
|
+
const editorContainer = editor.getContainer();
|
|
1121
|
+
const editorContainerS = SugarElement.fromDom(editorContainer);
|
|
1122
|
+
const sinkContainerS = nextSibling(editorContainerS).filter(elm => isHTMLElement(elm) && has(elm, 'tox-silver-sink'));
|
|
1123
|
+
const fullscreenRoot = getFullscreenRoot(editor);
|
|
1124
|
+
const fullscreenInfo = fullscreenState.get();
|
|
1125
|
+
const editorBody = SugarElement.fromDom(editor.getBody());
|
|
1126
|
+
const isTouch = global.deviceType.isTouch();
|
|
1127
|
+
const editorContainerStyle = editorContainer.style;
|
|
1128
|
+
const iframe = editor.iframeElement;
|
|
1129
|
+
const iframeStyle = iframe === null || iframe === void 0 ? void 0 : iframe.style;
|
|
1130
|
+
const handleClasses = handler => {
|
|
1131
|
+
handler(body, 'tox-fullscreen');
|
|
1132
|
+
handler(documentElement, 'tox-fullscreen');
|
|
1133
|
+
handler(editorContainer, 'tox-fullscreen');
|
|
1134
|
+
getShadowRoot(editorContainerS).map(root => getShadowHost(root).dom).each(host => {
|
|
1135
|
+
handler(host, 'tox-fullscreen');
|
|
1136
|
+
handler(host, 'tox-shadowhost');
|
|
1137
|
+
});
|
|
1138
|
+
};
|
|
1139
|
+
const cleanup = () => {
|
|
1140
|
+
if (isTouch) {
|
|
1141
|
+
restoreStyles(editor.dom);
|
|
1142
|
+
}
|
|
1143
|
+
handleClasses(DOM.removeClass);
|
|
1144
|
+
viewportUpdate.unbind();
|
|
1145
|
+
Optional.from(fullscreenState.get()).each(info => info.fullscreenChangeHandler.unbind());
|
|
1146
|
+
};
|
|
1147
|
+
if (!fullscreenInfo) {
|
|
1148
|
+
const fullscreenChangeHandler = bind$1(owner(fullscreenRoot), getFullscreenchangeEventName(), _evt => {
|
|
1149
|
+
if (getFullscreenNative(editor)) {
|
|
1150
|
+
if (!isFullscreenElement(fullscreenRoot) && fullscreenState.get() !== null) {
|
|
1151
|
+
toggleFullscreen(editor, fullscreenState);
|
|
1479
1152
|
}
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
|
|
1153
|
+
}
|
|
1154
|
+
});
|
|
1155
|
+
const newFullScreenInfo = {
|
|
1156
|
+
scrollPos: getScrollPos(),
|
|
1157
|
+
containerWidth: editorContainerStyle.width,
|
|
1158
|
+
containerHeight: editorContainerStyle.height,
|
|
1159
|
+
containerTop: editorContainerStyle.top,
|
|
1160
|
+
containerLeft: editorContainerStyle.left,
|
|
1161
|
+
iframeWidth: iframeStyle.width,
|
|
1162
|
+
iframeHeight: iframeStyle.height,
|
|
1163
|
+
fullscreenChangeHandler,
|
|
1164
|
+
sinkCssPosition: sinkContainerS.map(elm => get$2(elm, 'position'))
|
|
1483
1165
|
};
|
|
1484
|
-
if (
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
});
|
|
1493
|
-
const newFullScreenInfo = {
|
|
1494
|
-
scrollPos: getScrollPos(),
|
|
1495
|
-
containerWidth: editorContainerStyle.width,
|
|
1496
|
-
containerHeight: editorContainerStyle.height,
|
|
1497
|
-
containerTop: editorContainerStyle.top,
|
|
1498
|
-
containerLeft: editorContainerStyle.left,
|
|
1499
|
-
iframeWidth: iframeStyle.width,
|
|
1500
|
-
iframeHeight: iframeStyle.height,
|
|
1501
|
-
fullscreenChangeHandler,
|
|
1502
|
-
sinkCssPosition: sinkContainerS.map((elm) => get$2(elm, 'position'))
|
|
1503
|
-
};
|
|
1504
|
-
if (isTouch) {
|
|
1505
|
-
clobberStyles(editor.dom, editorContainerS, editorBody);
|
|
1506
|
-
}
|
|
1507
|
-
iframeStyle.width = iframeStyle.height = '100%';
|
|
1508
|
-
editorContainerStyle.width = editorContainerStyle.height = '';
|
|
1509
|
-
handleClasses(DOM.addClass);
|
|
1510
|
-
sinkContainerS.each((elm) => {
|
|
1511
|
-
set(elm, 'position', 'fixed');
|
|
1512
|
-
});
|
|
1513
|
-
viewportUpdate.bind(editorContainerS);
|
|
1514
|
-
editor.on('remove', cleanup);
|
|
1515
|
-
fullscreenState.set(newFullScreenInfo);
|
|
1516
|
-
if (getFullscreenNative(editor)) {
|
|
1517
|
-
requestFullscreen(fullscreenRoot);
|
|
1518
|
-
}
|
|
1519
|
-
fireFullscreenStateChanged(editor, true);
|
|
1520
|
-
}
|
|
1521
|
-
else {
|
|
1522
|
-
fullscreenInfo.fullscreenChangeHandler.unbind();
|
|
1523
|
-
if (getFullscreenNative(editor) && isFullscreenElement(fullscreenRoot)) {
|
|
1524
|
-
exitFullscreen(owner(fullscreenRoot));
|
|
1525
|
-
}
|
|
1526
|
-
iframeStyle.width = fullscreenInfo.iframeWidth;
|
|
1527
|
-
iframeStyle.height = fullscreenInfo.iframeHeight;
|
|
1528
|
-
editorContainerStyle.width = fullscreenInfo.containerWidth;
|
|
1529
|
-
editorContainerStyle.height = fullscreenInfo.containerHeight;
|
|
1530
|
-
editorContainerStyle.top = fullscreenInfo.containerTop;
|
|
1531
|
-
editorContainerStyle.left = fullscreenInfo.containerLeft;
|
|
1532
|
-
lift2(sinkContainerS, fullscreenInfo.sinkCssPosition, (elm, val) => {
|
|
1533
|
-
set(elm, 'position', val);
|
|
1534
|
-
});
|
|
1535
|
-
cleanup();
|
|
1536
|
-
setScrollPos(fullscreenInfo.scrollPos);
|
|
1537
|
-
fullscreenState.set(null);
|
|
1538
|
-
fireFullscreenStateChanged(editor, false);
|
|
1539
|
-
editor.off('remove', cleanup);
|
|
1540
|
-
}
|
|
1541
|
-
};
|
|
1542
|
-
|
|
1543
|
-
const register$1 = (editor, fullscreenState) => {
|
|
1544
|
-
editor.addCommand('mceFullScreen', () => {
|
|
1545
|
-
toggleFullscreen(editor, fullscreenState);
|
|
1166
|
+
if (isTouch) {
|
|
1167
|
+
clobberStyles(editor.dom, editorContainerS, editorBody);
|
|
1168
|
+
}
|
|
1169
|
+
iframeStyle.width = iframeStyle.height = '100%';
|
|
1170
|
+
editorContainerStyle.width = editorContainerStyle.height = '';
|
|
1171
|
+
handleClasses(DOM.addClass);
|
|
1172
|
+
sinkContainerS.each(elm => {
|
|
1173
|
+
set(elm, 'position', 'fixed');
|
|
1546
1174
|
});
|
|
1175
|
+
viewportUpdate.bind(editorContainerS);
|
|
1176
|
+
editor.on('remove', cleanup);
|
|
1177
|
+
fullscreenState.set(newFullScreenInfo);
|
|
1178
|
+
if (getFullscreenNative(editor)) {
|
|
1179
|
+
requestFullscreen(fullscreenRoot);
|
|
1180
|
+
}
|
|
1181
|
+
fireFullscreenStateChanged(editor, true);
|
|
1182
|
+
} else {
|
|
1183
|
+
fullscreenInfo.fullscreenChangeHandler.unbind();
|
|
1184
|
+
if (getFullscreenNative(editor) && isFullscreenElement(fullscreenRoot)) {
|
|
1185
|
+
exitFullscreen(owner(fullscreenRoot));
|
|
1186
|
+
}
|
|
1187
|
+
iframeStyle.width = fullscreenInfo.iframeWidth;
|
|
1188
|
+
iframeStyle.height = fullscreenInfo.iframeHeight;
|
|
1189
|
+
editorContainerStyle.width = fullscreenInfo.containerWidth;
|
|
1190
|
+
editorContainerStyle.height = fullscreenInfo.containerHeight;
|
|
1191
|
+
editorContainerStyle.top = fullscreenInfo.containerTop;
|
|
1192
|
+
editorContainerStyle.left = fullscreenInfo.containerLeft;
|
|
1193
|
+
lift2(sinkContainerS, fullscreenInfo.sinkCssPosition, (elm, val) => {
|
|
1194
|
+
set(elm, 'position', val);
|
|
1195
|
+
});
|
|
1196
|
+
cleanup();
|
|
1197
|
+
setScrollPos(fullscreenInfo.scrollPos);
|
|
1198
|
+
fullscreenState.set(null);
|
|
1199
|
+
fireFullscreenStateChanged(editor, false);
|
|
1200
|
+
editor.off('remove', cleanup);
|
|
1201
|
+
}
|
|
1547
1202
|
};
|
|
1548
1203
|
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
editor.on('keydown', (e) => {
|
|
1554
|
-
if (e.keyCode === global.TAB && !(e.metaKey || e.ctrlKey) && fullscreenState.get()) {
|
|
1555
|
-
e.preventDefault();
|
|
1556
|
-
}
|
|
1557
|
-
});
|
|
1558
|
-
});
|
|
1204
|
+
const register$1 = (editor, fullscreenState) => {
|
|
1205
|
+
editor.addCommand('mceFullScreen', () => {
|
|
1206
|
+
toggleFullscreen(editor, fullscreenState);
|
|
1207
|
+
});
|
|
1559
1208
|
};
|
|
1560
1209
|
|
|
1561
|
-
const makeSetupHandler = (editor, fullscreenState) =>
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
|
|
1565
|
-
|
|
1210
|
+
const makeSetupHandler = (editor, fullscreenState) => api => {
|
|
1211
|
+
api.setActive(fullscreenState.get() !== null);
|
|
1212
|
+
const editorEventCallback = e => api.setActive(e.state);
|
|
1213
|
+
editor.on('FullscreenStateChanged', editorEventCallback);
|
|
1214
|
+
return () => editor.off('FullscreenStateChanged', editorEventCallback);
|
|
1566
1215
|
};
|
|
1567
1216
|
const register = (editor, fullscreenState) => {
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
shortcut: 'Meta+Shift+F',
|
|
1583
|
-
context: 'any'
|
|
1584
|
-
});
|
|
1217
|
+
const onAction = () => editor.execCommand('mceFullScreen');
|
|
1218
|
+
editor.ui.registry.addToggleMenuItem('fullscreen', {
|
|
1219
|
+
text: 'Fullscreen',
|
|
1220
|
+
icon: 'fullscreen',
|
|
1221
|
+
shortcut: 'Meta+Shift+F',
|
|
1222
|
+
onAction,
|
|
1223
|
+
onSetup: makeSetupHandler(editor, fullscreenState)
|
|
1224
|
+
});
|
|
1225
|
+
editor.ui.registry.addToggleButton('fullscreen', {
|
|
1226
|
+
tooltip: 'Fullscreen',
|
|
1227
|
+
icon: 'fullscreen',
|
|
1228
|
+
onAction,
|
|
1229
|
+
onSetup: makeSetupHandler(editor, fullscreenState)
|
|
1230
|
+
});
|
|
1585
1231
|
};
|
|
1586
1232
|
|
|
1587
1233
|
var Plugin = () => {
|
|
1588
|
-
|
|
1589
|
-
|
|
1590
|
-
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
});
|
|
1234
|
+
global$2.add('fullscreen', editor => {
|
|
1235
|
+
const fullscreenState = Cell(null);
|
|
1236
|
+
if (editor.inline) {
|
|
1237
|
+
return get$5(fullscreenState);
|
|
1238
|
+
}
|
|
1239
|
+
register$2(editor);
|
|
1240
|
+
register$1(editor, fullscreenState);
|
|
1241
|
+
register(editor, fullscreenState);
|
|
1242
|
+
editor.addShortcut('Meta+Shift+F', '', 'mceFullScreen');
|
|
1243
|
+
return get$5(fullscreenState);
|
|
1244
|
+
});
|
|
1600
1245
|
};
|
|
1601
1246
|
|
|
1602
1247
|
Plugin();
|
|
1603
|
-
/** *****
|
|
1604
|
-
* DO NOT EXPORT ANYTHING
|
|
1605
|
-
*
|
|
1606
|
-
* IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
|
|
1607
|
-
*******/
|
|
1608
1248
|
|
|
1609
1249
|
})();
|