@schukai/monster 1.26.1 → 1.27.0
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/CHANGELOG +11 -0
- package/README.md +3 -3
- package/dist/modules/constants.js +1 -1
- package/dist/modules/constraints/abstract.js +1 -1
- package/dist/modules/constraints/abstractoperator.js +1 -1
- package/dist/modules/constraints/andoperator.js +1 -1
- package/dist/modules/constraints/invalid.js +1 -1
- package/dist/modules/constraints/isarray.js +1 -1
- package/dist/modules/constraints/isobject.js +1 -1
- package/dist/modules/constraints/namespace.js +1 -1
- package/dist/modules/constraints/oroperator.js +1 -1
- package/dist/modules/constraints/valid.js +1 -1
- package/dist/modules/data/buildmap.js +1 -1
- package/dist/modules/data/buildtree.js +1 -1
- package/dist/modules/data/datasource/namespace.js +1 -1
- package/dist/modules/data/datasource/restapi/writeerror.js +1 -1
- package/dist/modules/data/datasource/restapi.js +1 -1
- package/dist/modules/data/datasource/storage/localstorage.js +1 -1
- package/dist/modules/data/datasource/storage/namespace.js +1 -1
- package/dist/modules/data/datasource/storage/sessionstorage.js +1 -1
- package/dist/modules/data/datasource/storage.js +1 -1
- package/dist/modules/data/datasource.js +1 -1
- package/dist/modules/data/diff.js +1 -1
- package/dist/modules/data/extend.js +1 -1
- package/dist/modules/data/namespace.js +1 -1
- package/dist/modules/data/pathfinder.js +1 -1
- package/dist/modules/data/pipe.js +1 -1
- package/dist/modules/data/transformer.js +1 -1
- package/dist/modules/dom/assembler.js +1 -1
- package/dist/modules/dom/attributes.js +2 -2
- package/dist/modules/dom/constants.js +2 -2
- package/dist/modules/dom/customcontrol.js +1 -1
- package/dist/modules/dom/customelement.js +1 -1
- package/dist/modules/dom/events.js +1 -1
- package/dist/modules/dom/focusmanager.js +1 -1
- package/dist/modules/dom/locale.js +1 -1
- package/dist/modules/dom/namespace.js +1 -1
- package/dist/modules/dom/resource/data.js +1 -1
- package/dist/modules/dom/resource/link/stylesheet.js +1 -1
- package/dist/modules/dom/resource/link.js +1 -1
- package/dist/modules/dom/resource/script.js +1 -1
- package/dist/modules/dom/resource.js +1 -1
- package/dist/modules/dom/resourcemanager.js +1 -1
- package/dist/modules/dom/template.js +2 -2
- package/dist/modules/dom/theme.js +1 -1
- package/dist/modules/dom/updater.js +2 -2
- package/dist/modules/dom/util.js +1 -1
- package/dist/modules/dom/worker/factory.js +1 -1
- package/dist/modules/i18n/formatter.js +1 -1
- package/dist/modules/i18n/locale.js +1 -1
- package/dist/modules/i18n/namespace.js +1 -1
- package/dist/modules/i18n/provider.js +1 -1
- package/dist/modules/i18n/providers/fetch.js +1 -1
- package/dist/modules/i18n/providers/namespace.js +1 -1
- package/dist/modules/i18n/translations.js +1 -1
- package/dist/modules/logging/handler/console.js +1 -1
- package/dist/modules/logging/handler/namespace.js +1 -1
- package/dist/modules/logging/handler.js +1 -1
- package/dist/modules/logging/logentry.js +1 -1
- package/dist/modules/logging/logger.js +1 -1
- package/dist/modules/logging/namespace.js +1 -1
- package/dist/modules/math/namespace.js +1 -1
- package/dist/modules/math/random.js +1 -1
- package/dist/modules/monster.js +1 -1
- package/dist/modules/namespace.js +1 -1
- package/dist/modules/text/formatter.js +1 -1
- package/dist/modules/text/namespace.js +1 -1
- package/dist/modules/types/base.js +1 -1
- package/dist/modules/types/basewithoptions.js +1 -1
- package/dist/modules/types/binary.js +1 -1
- package/dist/modules/types/dataurl.js +1 -1
- package/dist/modules/types/global.js +1 -1
- package/dist/modules/types/id.js +1 -1
- package/dist/modules/types/is.js +1 -1
- package/dist/modules/types/mediatype.js +1 -1
- package/dist/modules/types/namespace.js +1 -1
- package/dist/modules/types/node.js +1 -1
- package/dist/modules/types/nodelist.js +1 -1
- package/dist/modules/types/noderecursiveiterator.js +1 -1
- package/dist/modules/types/observer.js +1 -1
- package/dist/modules/types/observerlist.js +1 -1
- package/dist/modules/types/proxyobserver.js +1 -1
- package/dist/modules/types/queue.js +1 -1
- package/dist/modules/types/randomid.js +1 -1
- package/dist/modules/types/regex.js +1 -1
- package/dist/modules/types/stack.js +1 -1
- package/dist/modules/types/tokenlist.js +1 -1
- package/dist/modules/types/typeof.js +1 -1
- package/dist/modules/types/uniquequeue.js +1 -1
- package/dist/modules/types/uuid.js +1 -1
- package/dist/modules/types/validate.js +1 -1
- package/dist/modules/types/version.js +2 -2
- package/dist/modules/util/clone.js +1 -1
- package/dist/modules/util/comparator.js +1 -1
- package/dist/modules/util/freeze.js +1 -1
- package/dist/modules/util/namespace.js +1 -1
- package/dist/modules/util/processing.js +1 -1
- package/dist/modules/util/trimspaces.js +1 -1
- package/dist/monster.dev.js +731 -544
- package/dist/monster.dev.js.map +1 -1
- package/dist/monster.js +2 -2
- package/package.json +1 -1
- package/source/constraints/andoperator.js +5 -5
- package/source/constraints/invalid.js +3 -3
- package/source/constraints/isarray.js +3 -3
- package/source/constraints/isobject.js +3 -3
- package/source/constraints/oroperator.js +5 -5
- package/source/constraints/valid.js +3 -3
- package/source/data/buildmap.js +4 -4
- package/source/data/buildtree.js +2 -2
- package/source/data/datasource/restapi.js +3 -3
- package/source/data/datasource/storage/localstorage.js +2 -2
- package/source/data/datasource/storage/sessionstorage.js +2 -2
- package/source/data/datasource/storage.js +3 -3
- package/source/data/datasource.js +3 -3
- package/source/data/diff.js +3 -3
- package/source/data/extend.js +2 -2
- package/source/data/pathfinder.js +4 -4
- package/source/data/pipe.js +3 -3
- package/source/data/transformer.js +3 -3
- package/source/dom/assembler.js +2 -2
- package/source/dom/attributes.js +111 -28
- package/source/dom/constants.js +9 -1
- package/source/dom/customcontrol.js +1 -1
- package/source/dom/customelement.js +1 -1
- package/source/dom/events.js +6 -7
- package/source/dom/focusmanager.js +2 -2
- package/source/dom/locale.js +2 -2
- package/source/dom/resource/data.js +2 -2
- package/source/dom/resource/link/stylesheet.js +2 -2
- package/source/dom/resource/link.js +2 -2
- package/source/dom/resource/script.js +2 -2
- package/source/dom/resource.js +2 -2
- package/source/dom/resourcemanager.js +2 -2
- package/source/dom/template.js +41 -11
- package/source/dom/theme.js +3 -3
- package/source/dom/updater.js +134 -86
- package/source/dom/util.js +6 -6
- package/source/dom/worker/factory.js +2 -2
- package/source/i18n/formatter.js +4 -4
- package/source/i18n/locale.js +4 -4
- package/source/i18n/provider.js +2 -2
- package/source/i18n/providers/fetch.js +3 -3
- package/source/i18n/translations.js +4 -4
- package/source/logging/handler/console.js +2 -2
- package/source/logging/handler.js +2 -2
- package/source/logging/logentry.js +2 -2
- package/source/logging/logger.js +2 -2
- package/source/math/random.js +2 -2
- package/source/namespace.js +1 -1
- package/source/text/formatter.js +3 -3
- package/source/types/base.js +2 -2
- package/source/types/basewithoptions.js +2 -2
- package/source/types/binary.js +4 -4
- package/source/types/dataurl.js +4 -4
- package/source/types/global.js +4 -4
- package/source/types/id.js +2 -2
- package/source/types/is.js +20 -20
- package/source/types/mediatype.js +4 -4
- package/source/types/node.js +2 -2
- package/source/types/nodelist.js +2 -2
- package/source/types/noderecursiveiterator.js +4 -4
- package/source/types/observer.js +3 -3
- package/source/types/observerlist.js +2 -2
- package/source/types/proxyobserver.js +5 -5
- package/source/types/queue.js +3 -3
- package/source/types/randomid.js +2 -2
- package/source/types/regex.js +2 -2
- package/source/types/stack.js +2 -2
- package/source/types/tokenlist.js +2 -2
- package/source/types/typeof.js +3 -3
- package/source/types/uniquequeue.js +2 -2
- package/source/types/uuid.js +2 -2
- package/source/types/validate.js +20 -20
- package/source/types/version.js +6 -6
- package/source/util/clone.js +2 -2
- package/source/util/comparator.js +3 -3
- package/source/util/freeze.js +2 -2
- package/source/util/processing.js +3 -3
- package/source/util/trimspaces.js +2 -2
- package/test/cases/dom/attributes.js +29 -6
- package/test/cases/dom/template.js +72 -14
- package/test/cases/dom/updater.js +102 -75
- package/test/cases/monster.js +1 -1
- package/test/web/monster-dev.html +3 -3
- package/test/web/monster.html +2 -2
- package/test/web/test.html +2 -2
- package/test/web/tests.js +2 -2
package/source/dom/attributes.js
CHANGED
|
@@ -20,7 +20,7 @@ import {ATTRIBUTE_OBJECTLINK} from "./constants.js";
|
|
|
20
20
|
*
|
|
21
21
|
* ```
|
|
22
22
|
* <script type="module">
|
|
23
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
23
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
24
24
|
* console.log(Monster.DOM.findClosestObjectLink())
|
|
25
25
|
* </script>
|
|
26
26
|
* ```
|
|
@@ -29,7 +29,7 @@ import {ATTRIBUTE_OBJECTLINK} from "./constants.js";
|
|
|
29
29
|
*
|
|
30
30
|
* ```
|
|
31
31
|
* <script type="module">
|
|
32
|
-
* import {getUpdaterFromNode} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
32
|
+
* import {getUpdaterFromNode} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/updater.js';
|
|
33
33
|
* console.log(findClosestObjectLink())
|
|
34
34
|
* </script>
|
|
35
35
|
* ```
|
|
@@ -50,7 +50,7 @@ function findClosestObjectLink(element) {
|
|
|
50
50
|
*
|
|
51
51
|
* ```
|
|
52
52
|
* <script type="module">
|
|
53
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
53
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
54
54
|
* Monster.DOM.addToObjectLink();
|
|
55
55
|
* </script>
|
|
56
56
|
* ```
|
|
@@ -59,7 +59,7 @@ function findClosestObjectLink(element) {
|
|
|
59
59
|
*
|
|
60
60
|
* ```
|
|
61
61
|
* <script type="module">
|
|
62
|
-
* import {addToObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
62
|
+
* import {addToObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
|
|
63
63
|
* addToObjectLink();
|
|
64
64
|
* </script>
|
|
65
65
|
* ```
|
|
@@ -92,7 +92,7 @@ function addToObjectLink(element, symbol, object) {
|
|
|
92
92
|
*
|
|
93
93
|
* ```
|
|
94
94
|
* <script type="module">
|
|
95
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
95
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
96
96
|
* Monster.DOM.removeObjectLink();
|
|
97
97
|
* </script>
|
|
98
98
|
* ```
|
|
@@ -101,7 +101,7 @@ function addToObjectLink(element, symbol, object) {
|
|
|
101
101
|
*
|
|
102
102
|
* ```
|
|
103
103
|
* <script type="module">
|
|
104
|
-
* import {removeObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
104
|
+
* import {removeObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
|
|
105
105
|
* removeObjectLink();
|
|
106
106
|
* </script>
|
|
107
107
|
* ```
|
|
@@ -134,7 +134,7 @@ function removeObjectLink(element, symbol) {
|
|
|
134
134
|
*
|
|
135
135
|
* ```
|
|
136
136
|
* <script type="module">
|
|
137
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
137
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
138
138
|
* Monster.DOM.hasObjectLink();
|
|
139
139
|
* </script>
|
|
140
140
|
* ```
|
|
@@ -143,7 +143,7 @@ function removeObjectLink(element, symbol) {
|
|
|
143
143
|
*
|
|
144
144
|
* ```
|
|
145
145
|
* <script type="module">
|
|
146
|
-
* import {hasObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
146
|
+
* import {hasObjectLink} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
|
|
147
147
|
* hasObjectLink();
|
|
148
148
|
* </script>
|
|
149
149
|
* ```
|
|
@@ -180,7 +180,7 @@ function hasObjectLink(element, symbol) {
|
|
|
180
180
|
*
|
|
181
181
|
* ```
|
|
182
182
|
* <script type="module">
|
|
183
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
183
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
184
184
|
* Monster.DOM.getLinkedObjects();
|
|
185
185
|
* </script>
|
|
186
186
|
* ```
|
|
@@ -189,7 +189,7 @@ function hasObjectLink(element, symbol) {
|
|
|
189
189
|
*
|
|
190
190
|
* ```
|
|
191
191
|
* <script type="module">
|
|
192
|
-
* import {getLinkedObjects} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
192
|
+
* import {getLinkedObjects} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
|
|
193
193
|
* getLinkedObjects();
|
|
194
194
|
* </script>
|
|
195
195
|
* ```
|
|
@@ -225,7 +225,7 @@ function getLinkedObjects(element, symbol) {
|
|
|
225
225
|
*
|
|
226
226
|
* ```
|
|
227
227
|
* <script type="module">
|
|
228
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
228
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
229
229
|
* Monster.DOM.toggleAttributeToken();
|
|
230
230
|
* </script>
|
|
231
231
|
* ```
|
|
@@ -234,7 +234,7 @@ function getLinkedObjects(element, symbol) {
|
|
|
234
234
|
*
|
|
235
235
|
* ```
|
|
236
236
|
* <script type="module">
|
|
237
|
-
* import {toggleAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
237
|
+
* import {toggleAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
|
|
238
238
|
* toggleAttributeToken();
|
|
239
239
|
* </script>
|
|
240
240
|
* ```
|
|
@@ -269,7 +269,7 @@ function toggleAttributeToken(element, key, token) {
|
|
|
269
269
|
*
|
|
270
270
|
* ```
|
|
271
271
|
* <script type="module">
|
|
272
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
272
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
273
273
|
* Monster.DOM.addAttributeToken();
|
|
274
274
|
* </script>
|
|
275
275
|
* ```
|
|
@@ -278,7 +278,7 @@ function toggleAttributeToken(element, key, token) {
|
|
|
278
278
|
*
|
|
279
279
|
* ```
|
|
280
280
|
* <script type="module">
|
|
281
|
-
* import {addAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
281
|
+
* import {addAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
|
|
282
282
|
* addAttributeToken();
|
|
283
283
|
* </script>
|
|
284
284
|
* ```
|
|
@@ -315,7 +315,7 @@ function addAttributeToken(element, key, token) {
|
|
|
315
315
|
*
|
|
316
316
|
* ```
|
|
317
317
|
* <script type="module">
|
|
318
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
318
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
319
319
|
* Monster.DOM.removeAttributeToken();
|
|
320
320
|
* </script>
|
|
321
321
|
* ```
|
|
@@ -324,7 +324,7 @@ function addAttributeToken(element, key, token) {
|
|
|
324
324
|
*
|
|
325
325
|
* ```
|
|
326
326
|
* <script type="module">
|
|
327
|
-
* import {removeAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
327
|
+
* import {removeAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
|
|
328
328
|
* removeAttributeToken();
|
|
329
329
|
* </script>
|
|
330
330
|
* ```
|
|
@@ -360,7 +360,7 @@ function removeAttributeToken(element, key, token) {
|
|
|
360
360
|
*
|
|
361
361
|
* ```
|
|
362
362
|
* <script type="module">
|
|
363
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
363
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
364
364
|
* Monster.DOM.containsAttributeToken();
|
|
365
365
|
* </script>
|
|
366
366
|
* ```
|
|
@@ -369,7 +369,7 @@ function removeAttributeToken(element, key, token) {
|
|
|
369
369
|
*
|
|
370
370
|
* ```
|
|
371
371
|
* <script type="module">
|
|
372
|
-
* import {containsAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
372
|
+
* import {containsAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
|
|
373
373
|
* containsAttributeToken();
|
|
374
374
|
* </script>
|
|
375
375
|
* ```
|
|
@@ -402,7 +402,7 @@ function containsAttributeToken(element, key, token) {
|
|
|
402
402
|
*
|
|
403
403
|
* ```
|
|
404
404
|
* <script type="module">
|
|
405
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
405
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
406
406
|
* Monster.DOM.replaceAttributeToken();
|
|
407
407
|
* </script>
|
|
408
408
|
* ```
|
|
@@ -411,7 +411,7 @@ function containsAttributeToken(element, key, token) {
|
|
|
411
411
|
*
|
|
412
412
|
* ```
|
|
413
413
|
* <script type="module">
|
|
414
|
-
* import {replaceAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
414
|
+
* import {replaceAttributeToken} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
|
|
415
415
|
* replaceAttributeToken();
|
|
416
416
|
* </script>
|
|
417
417
|
* ```
|
|
@@ -447,7 +447,7 @@ function replaceAttributeToken(element, key, from, to) {
|
|
|
447
447
|
*
|
|
448
448
|
* ```
|
|
449
449
|
* <script type="module">
|
|
450
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
450
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
451
451
|
* Monster.DOM.clearAttributeTokens();
|
|
452
452
|
* </script>
|
|
453
453
|
* ```
|
|
@@ -456,7 +456,7 @@ function replaceAttributeToken(element, key, from, to) {
|
|
|
456
456
|
*
|
|
457
457
|
* ```
|
|
458
458
|
* <script type="module">
|
|
459
|
-
* import {clearAttributeTokens} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
459
|
+
* import {clearAttributeTokens} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
|
|
460
460
|
* clearAttributeTokens();
|
|
461
461
|
* </script>
|
|
462
462
|
* ```
|
|
@@ -482,11 +482,29 @@ function clearAttributeTokens(element, key) {
|
|
|
482
482
|
}
|
|
483
483
|
|
|
484
484
|
/**
|
|
485
|
+
* This function searches, starting from an `HTMLElemement`, for the next element that has a certain attribute.
|
|
486
|
+
*
|
|
487
|
+
* ```html
|
|
488
|
+
* <div data-my-attribute="2" id="2">
|
|
489
|
+
* <div id="1"></div>
|
|
490
|
+
* </div>
|
|
491
|
+
* ```
|
|
492
|
+
*
|
|
493
|
+
* ```javascript
|
|
494
|
+
* // if no value is specified (undefined), then only the attribute is checked.
|
|
495
|
+
* findClosestByAttribute(document.getElementById('1'),'data-my-attribute'); // ↦ node with id 2
|
|
496
|
+
* findClosestByAttribute(document.getElementById('2'),'data-my-attribute'); // ↦ node with id 2
|
|
497
|
+
*
|
|
498
|
+
* // if a value is specified, for example an empty string, then the name and the value are checked.
|
|
499
|
+
* findClosestByAttribute(document.getElementById('1'),'data-my-attribute', ''); // ↦ undefined
|
|
500
|
+
* findClosestByAttribute(document.getElementById('1'),'data-my-attribute', '2'); // ↦ node with id 2
|
|
501
|
+
* ```
|
|
502
|
+
*
|
|
485
503
|
* You can call the method via the monster namespace `new Monster.DOM.findClosestByAttribute()`.
|
|
486
504
|
*
|
|
487
505
|
* ```
|
|
488
506
|
* <script type="module">
|
|
489
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
507
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
490
508
|
* Monster.DOM.findClosestByAttribute();
|
|
491
509
|
* </script>
|
|
492
510
|
* ```
|
|
@@ -495,7 +513,7 @@ function clearAttributeTokens(element, key) {
|
|
|
495
513
|
*
|
|
496
514
|
* ```
|
|
497
515
|
* <script type="module">
|
|
498
|
-
* import {findClosestByAttribute} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
516
|
+
* import {findClosestByAttribute} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
|
|
499
517
|
* findClosestByAttribute();
|
|
500
518
|
* </script>
|
|
501
519
|
* ```
|
|
@@ -507,12 +525,20 @@ function clearAttributeTokens(element, key) {
|
|
|
507
525
|
* @param {string} key
|
|
508
526
|
* @param {string|undefined} value
|
|
509
527
|
* @return {HTMLElement|undefined}
|
|
528
|
+
* @summary find closest node
|
|
510
529
|
*/
|
|
511
530
|
function findClosestByAttribute(element, key, value) {
|
|
512
531
|
validateInstance(element, getGlobalFunction('HTMLElement'));
|
|
513
532
|
|
|
514
|
-
if (element.hasAttribute(key)
|
|
515
|
-
|
|
533
|
+
if (element.hasAttribute(key)) {
|
|
534
|
+
if (value === undefined) {
|
|
535
|
+
return element;
|
|
536
|
+
}
|
|
537
|
+
|
|
538
|
+
if (element.getAttribute(key) === value) {
|
|
539
|
+
return element;
|
|
540
|
+
}
|
|
541
|
+
|
|
516
542
|
}
|
|
517
543
|
|
|
518
544
|
let selector = validateString(key);
|
|
@@ -524,8 +550,64 @@ function findClosestByAttribute(element, key, value) {
|
|
|
524
550
|
return undefined;
|
|
525
551
|
}
|
|
526
552
|
|
|
553
|
+
/**
|
|
554
|
+
* This function searches, starting from an `HTMLElemement`, for the next element that has a certain attribute.
|
|
555
|
+
*
|
|
556
|
+
* ```html
|
|
557
|
+
* <div class="myclass" id="2">
|
|
558
|
+
* <div id="1"></div>
|
|
559
|
+
* </div>
|
|
560
|
+
* ```
|
|
561
|
+
*
|
|
562
|
+
* ```javascript
|
|
563
|
+
* // if no value is specified (undefined), then only the attribute is checked.
|
|
564
|
+
* findClosestByClass(document.getElementById('1'),'myclass'); // ↦ node with id 2
|
|
565
|
+
* findClosestByClass(document.getElementById('2'),'myclass'); // ↦ node with id 2
|
|
566
|
+
* ```
|
|
567
|
+
*
|
|
568
|
+
* You can call the method via the monster namespace `new Monster.DOM.findClosestByClass()`.
|
|
569
|
+
*
|
|
570
|
+
* ```
|
|
571
|
+
* <script type="module">
|
|
572
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
573
|
+
* Monster.DOM.findClosestByClass();
|
|
574
|
+
* </script>
|
|
575
|
+
* ```
|
|
576
|
+
*
|
|
577
|
+
* Alternatively, you can also integrate this function individually.
|
|
578
|
+
*
|
|
579
|
+
* ```
|
|
580
|
+
* <script type="module">
|
|
581
|
+
* import {findClosestByClass} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/attributes.js';
|
|
582
|
+
* findClosestByClass();
|
|
583
|
+
* </script>
|
|
584
|
+
* ```
|
|
585
|
+
*
|
|
586
|
+
* @since 1.27.0
|
|
587
|
+
* @copyright schukai GmbH
|
|
588
|
+
* @memberOf Monster.DOM
|
|
589
|
+
* @param {HTMLElement} element
|
|
590
|
+
* @param {string} className
|
|
591
|
+
* @return {HTMLElement|undefined}
|
|
592
|
+
* @summary find closest node
|
|
593
|
+
*/
|
|
594
|
+
function findClosestByClass(element, className) {
|
|
595
|
+
validateInstance(element, getGlobalFunction('HTMLElement'));
|
|
596
|
+
|
|
597
|
+
if (element?.classList?.contains(validateString(className))) {
|
|
598
|
+
return element;
|
|
599
|
+
}
|
|
600
|
+
|
|
601
|
+
let result = element.closest('.' + className);
|
|
602
|
+
if (result instanceof HTMLElement) {
|
|
603
|
+
return result;
|
|
604
|
+
}
|
|
605
|
+
|
|
606
|
+
return undefined;
|
|
607
|
+
}
|
|
608
|
+
|
|
527
609
|
// exports
|
|
528
|
-
assignToNamespace('Monster.DOM', getLinkedObjects, addToObjectLink, removeObjectLink, findClosestByAttribute, hasObjectLink, clearAttributeTokens, replaceAttributeToken, containsAttributeToken, removeAttributeToken, addAttributeToken, toggleAttributeToken);
|
|
610
|
+
assignToNamespace('Monster.DOM', findClosestByClass, getLinkedObjects, addToObjectLink, removeObjectLink, findClosestByAttribute, hasObjectLink, clearAttributeTokens, replaceAttributeToken, containsAttributeToken, removeAttributeToken, addAttributeToken, toggleAttributeToken);
|
|
529
611
|
export {
|
|
530
612
|
Monster,
|
|
531
613
|
addToObjectLink,
|
|
@@ -539,5 +621,6 @@ export {
|
|
|
539
621
|
addAttributeToken,
|
|
540
622
|
toggleAttributeToken,
|
|
541
623
|
getLinkedObjects,
|
|
542
|
-
findClosestObjectLink
|
|
624
|
+
findClosestObjectLink,
|
|
625
|
+
findClosestByClass
|
|
543
626
|
}
|
package/source/dom/constants.js
CHANGED
|
@@ -84,6 +84,13 @@ const ATTRIBUTE_UPDATER_REMOVE = ATTRIBUTE_PREFIX + 'remove';
|
|
|
84
84
|
*/
|
|
85
85
|
const ATTRIBUTE_UPDATER_BIND = ATTRIBUTE_PREFIX + 'bind';
|
|
86
86
|
|
|
87
|
+
/**
|
|
88
|
+
* @memberOf Monster.DOM
|
|
89
|
+
* @type {string}
|
|
90
|
+
* @since 1.27.0
|
|
91
|
+
*/
|
|
92
|
+
const ATTRIBUTE_TEMPLATE_PREFIX = ATTRIBUTE_PREFIX + 'template-prefix';
|
|
93
|
+
|
|
87
94
|
/**
|
|
88
95
|
* @memberOf Monster.DOM
|
|
89
96
|
* @type {string}
|
|
@@ -414,5 +421,6 @@ export {
|
|
|
414
421
|
ATTRIBUTE_DISABLED,
|
|
415
422
|
ATTRIBUTE_ERRORMESSAGE,
|
|
416
423
|
ATTRIBUTE_VALUE,
|
|
417
|
-
objectUpdaterLinkSymbol
|
|
424
|
+
objectUpdaterLinkSymbol,
|
|
425
|
+
ATTRIBUTE_TEMPLATE_PREFIX
|
|
418
426
|
}
|
|
@@ -30,7 +30,7 @@ const attachedInternalSymbol = Symbol('attachedInternal');
|
|
|
30
30
|
*
|
|
31
31
|
* ```
|
|
32
32
|
* <script type="module">
|
|
33
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
33
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
34
34
|
* document.createElement('monster-')
|
|
35
35
|
* </script>
|
|
36
36
|
* ```
|
|
@@ -96,7 +96,7 @@ const attributeObserverSymbol = Symbol('attributeObserver');
|
|
|
96
96
|
*
|
|
97
97
|
* ```
|
|
98
98
|
* <script type="module">
|
|
99
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
99
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
100
100
|
* document.createElement('monster-')
|
|
101
101
|
* </script>
|
|
102
102
|
* ```
|
package/source/dom/events.js
CHANGED
|
@@ -13,7 +13,7 @@ import {getDocument} from "./util.js";
|
|
|
13
13
|
*
|
|
14
14
|
* ```
|
|
15
15
|
* <script type="module">
|
|
16
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
16
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
17
17
|
* console.log(new Monster.DOM.fireEvent())
|
|
18
18
|
* </script>
|
|
19
19
|
* ```
|
|
@@ -22,7 +22,7 @@ import {getDocument} from "./util.js";
|
|
|
22
22
|
*
|
|
23
23
|
* ```
|
|
24
24
|
* <script type="module">
|
|
25
|
-
* import {fireEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
25
|
+
* import {fireEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/events.js';
|
|
26
26
|
* console.log(fireEvent())
|
|
27
27
|
* </script>
|
|
28
28
|
* ```
|
|
@@ -73,8 +73,8 @@ function fireEvent(element, type) {
|
|
|
73
73
|
*
|
|
74
74
|
* ```
|
|
75
75
|
* <script type="module">
|
|
76
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
77
|
-
*
|
|
76
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
77
|
+
* new Monster.DOM.findTargetElementFromEvent()
|
|
78
78
|
* </script>
|
|
79
79
|
* ```
|
|
80
80
|
*
|
|
@@ -82,8 +82,8 @@ function fireEvent(element, type) {
|
|
|
82
82
|
*
|
|
83
83
|
* ```
|
|
84
84
|
* <script type="module">
|
|
85
|
-
* import {findTargetElementFromEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
86
|
-
*
|
|
85
|
+
* import {findTargetElementFromEvent} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/events.js';
|
|
86
|
+
* findTargetElementFromEvent()
|
|
87
87
|
* </script>
|
|
88
88
|
* ```
|
|
89
89
|
*
|
|
@@ -105,7 +105,6 @@ function findTargetElementFromEvent(event, attributeName, attributeValue) {
|
|
|
105
105
|
}
|
|
106
106
|
|
|
107
107
|
const path = event.composedPath();
|
|
108
|
-
const element = path?.[0];
|
|
109
108
|
|
|
110
109
|
// closest cannot be used here, because closest is not correct for slotted elements
|
|
111
110
|
if (isArray(path)) {
|
|
@@ -41,7 +41,7 @@ const stackSymbol = Symbol('stack');
|
|
|
41
41
|
*
|
|
42
42
|
* ```
|
|
43
43
|
* <script type="module">
|
|
44
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
44
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
45
45
|
* new Monster.DOM.FocusManager()
|
|
46
46
|
* </script>
|
|
47
47
|
* ```
|
|
@@ -50,7 +50,7 @@ const stackSymbol = Symbol('stack');
|
|
|
50
50
|
*
|
|
51
51
|
* ```
|
|
52
52
|
* <script type="module">
|
|
53
|
-
* import {FocusManager} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
53
|
+
* import {FocusManager} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/focusmanager.js';
|
|
54
54
|
* new FocusManager()
|
|
55
55
|
* </script>
|
|
56
56
|
* ```
|
package/source/dom/locale.js
CHANGED
|
@@ -26,7 +26,7 @@ const DEFAULT_LANGUAGE = 'en';
|
|
|
26
26
|
*
|
|
27
27
|
* ```
|
|
28
28
|
* <script type="module">
|
|
29
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
29
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
30
30
|
* new Monster.DOM.getLocaleOfDocument()
|
|
31
31
|
* </script>
|
|
32
32
|
* ```
|
|
@@ -35,7 +35,7 @@ const DEFAULT_LANGUAGE = 'en';
|
|
|
35
35
|
*
|
|
36
36
|
* ```
|
|
37
37
|
* <script type="module">
|
|
38
|
-
* import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
38
|
+
* import {getLocaleOfDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/locale.js';
|
|
39
39
|
* new getLocaleOfDocument()
|
|
40
40
|
* </script>
|
|
41
41
|
* ```
|
|
@@ -27,7 +27,7 @@ import {KEY_DOCUMENT, KEY_QUERY, referenceSymbol, Resource} from "../resource.js
|
|
|
27
27
|
*
|
|
28
28
|
* ```
|
|
29
29
|
* <script type="module">
|
|
30
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
30
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
31
31
|
* new Monster.DOM.Resource.Data()
|
|
32
32
|
* </script>
|
|
33
33
|
* ```
|
|
@@ -36,7 +36,7 @@ import {KEY_DOCUMENT, KEY_QUERY, referenceSymbol, Resource} from "../resource.js
|
|
|
36
36
|
*
|
|
37
37
|
* ```
|
|
38
38
|
* <script type="module">
|
|
39
|
-
* import {Data} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
39
|
+
* import {Data} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/resource/data.js';
|
|
40
40
|
* new Data()
|
|
41
41
|
* </script>
|
|
42
42
|
* ```
|
|
@@ -16,7 +16,7 @@ import {Link} from "../link.js";
|
|
|
16
16
|
*
|
|
17
17
|
* ```
|
|
18
18
|
* <script type="module">
|
|
19
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
19
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
20
20
|
* new Monster.DOM.Resource.Link.Stylesheet()
|
|
21
21
|
* </script>
|
|
22
22
|
* ```
|
|
@@ -25,7 +25,7 @@ import {Link} from "../link.js";
|
|
|
25
25
|
*
|
|
26
26
|
* ```
|
|
27
27
|
* <script type="module">
|
|
28
|
-
* import {Style} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
28
|
+
* import {Style} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/resource/link/stylesheet.js';
|
|
29
29
|
* new Stylesheet()
|
|
30
30
|
* </script>
|
|
31
31
|
* ```
|
|
@@ -24,7 +24,7 @@ import {KEY_DOCUMENT, referenceSymbol, Resource} from "../resource.js";
|
|
|
24
24
|
*
|
|
25
25
|
* ```
|
|
26
26
|
* <script type="module">
|
|
27
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
27
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
28
28
|
* new Monster.DOM.Resource.Link()
|
|
29
29
|
* </script>
|
|
30
30
|
* ```
|
|
@@ -33,7 +33,7 @@ import {KEY_DOCUMENT, referenceSymbol, Resource} from "../resource.js";
|
|
|
33
33
|
*
|
|
34
34
|
* ```
|
|
35
35
|
* <script type="module">
|
|
36
|
-
* import {Link} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
36
|
+
* import {Link} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/resource/link.js';
|
|
37
37
|
* new Link()
|
|
38
38
|
* </script>
|
|
39
39
|
* ```
|
|
@@ -25,7 +25,7 @@ import {KEY_DOCUMENT, referenceSymbol, Resource} from "../resource.js";
|
|
|
25
25
|
*
|
|
26
26
|
* ```
|
|
27
27
|
* <script type="module">
|
|
28
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
28
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
29
29
|
* new Monster.DOM.Resource.Script()
|
|
30
30
|
* </script>
|
|
31
31
|
* ```
|
|
@@ -34,7 +34,7 @@ import {KEY_DOCUMENT, referenceSymbol, Resource} from "../resource.js";
|
|
|
34
34
|
*
|
|
35
35
|
* ```
|
|
36
36
|
* <script type="module">
|
|
37
|
-
* import {Script} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
37
|
+
* import {Script} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/resource/script.js';
|
|
38
38
|
* new Script()
|
|
39
39
|
* </script>
|
|
40
40
|
* ```
|
package/source/dom/resource.js
CHANGED
|
@@ -47,7 +47,7 @@ export const referenceSymbol = Symbol('reference');
|
|
|
47
47
|
*
|
|
48
48
|
* ```
|
|
49
49
|
* <script type="module">
|
|
50
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
50
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
51
51
|
* new Monster.DOM.Resource()
|
|
52
52
|
* </script>
|
|
53
53
|
* ```
|
|
@@ -56,7 +56,7 @@ export const referenceSymbol = Symbol('reference');
|
|
|
56
56
|
*
|
|
57
57
|
* ```
|
|
58
58
|
* <script type="module">
|
|
59
|
-
* import {Resource} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
59
|
+
* import {Resource} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/resource.js';
|
|
60
60
|
* new Resource()
|
|
61
61
|
* </script>
|
|
62
62
|
* ```
|
|
@@ -21,7 +21,7 @@ import {Script} from "./resource/script.js";
|
|
|
21
21
|
*
|
|
22
22
|
* ```
|
|
23
23
|
* <script type="module">
|
|
24
|
-
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
24
|
+
* import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
|
|
25
25
|
* new Monster.DOM.ResourceManager()
|
|
26
26
|
* </script>
|
|
27
27
|
* ```
|
|
@@ -30,7 +30,7 @@ import {Script} from "./resource/script.js";
|
|
|
30
30
|
*
|
|
31
31
|
* ```
|
|
32
32
|
* <script type="module">
|
|
33
|
-
* import {Resource} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.
|
|
33
|
+
* import {Resource} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/dom/resourcemanager.js';
|
|
34
34
|
* new ResourceManager()
|
|
35
35
|
* </script>
|
|
36
36
|
* ```
|