@cocreate/events 1.1.0 → 1.2.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.md +7 -0
- package/demo/click.html +2 -2
- package/package.json +2 -1
- package/src/index.js +20 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# [1.2.0](https://github.com/CoCreate-app/CoCreate-events/compare/v1.1.0...v1.2.0) (2023-02-02)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* add @cocreate/actions, events bubble up and triggers parent events ([9946b30](https://github.com/CoCreate-app/CoCreate-events/commit/9946b302b5ed19e3f20d850f0734dde6e28852fe))
|
|
7
|
+
|
|
1
8
|
# [1.1.0](https://github.com/CoCreate-app/CoCreate-events/compare/v1.0.0...v1.1.0) (2023-02-02)
|
|
2
9
|
|
|
3
10
|
|
package/demo/click.html
CHANGED
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
|
|
64
64
|
|
|
65
65
|
<!-- <script src="../dist/CoCreate-events.js"></script> -->
|
|
66
|
-
|
|
67
|
-
<script src="../../../CoCreateJS/dist/CoCreate.js" ></script>
|
|
66
|
+
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js" ></script>
|
|
67
|
+
<!-- <script src="../../../CoCreateJS/dist/CoCreate.js" ></script> -->
|
|
68
68
|
</body>
|
|
69
69
|
</html>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cocreate/events",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"description": "A simple events component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"events",
|
|
@@ -60,6 +60,7 @@
|
|
|
60
60
|
"webpack-log": "^3.0.1"
|
|
61
61
|
},
|
|
62
62
|
"dependencies": {
|
|
63
|
+
"@cocreate/actions": "^1.5.59",
|
|
63
64
|
"@cocreate/docs": "^1.5.12",
|
|
64
65
|
"@cocreate/utils": "^1.18.0"
|
|
65
66
|
}
|
package/src/index.js
CHANGED
|
@@ -33,8 +33,24 @@ const CoCreateEvents = {
|
|
|
33
33
|
mainContainer.addEventListener(event_name, function(event) {
|
|
34
34
|
const target = event.target.closest(`[${prefix}], [${prefix}-value]`);
|
|
35
35
|
if (target) {
|
|
36
|
-
|
|
36
|
+
let attribute = target.getAttribute('actions') || ""
|
|
37
|
+
if (attribute.includes(prefix))
|
|
38
|
+
return;
|
|
39
|
+
// if (target.closest(`[actions*="${prefix}"]`))
|
|
40
|
+
// return;
|
|
37
41
|
self.__updateElements(target, prefix);
|
|
42
|
+
|
|
43
|
+
let parentElement = target.parentElement;
|
|
44
|
+
if (parentElement) {
|
|
45
|
+
do {
|
|
46
|
+
parentElement = parentElement.closest(`[${prefix}], [${prefix}-value]`)
|
|
47
|
+
if (parentElement)
|
|
48
|
+
self.__updateElements(parentElement, prefix);
|
|
49
|
+
}
|
|
50
|
+
while (parentElement)
|
|
51
|
+
|
|
52
|
+
}
|
|
53
|
+
|
|
38
54
|
}
|
|
39
55
|
});
|
|
40
56
|
});
|
|
@@ -52,10 +68,13 @@ const CoCreateEvents = {
|
|
|
52
68
|
__updateElements: function(element, prefix) {
|
|
53
69
|
const self = this;
|
|
54
70
|
let targetValue = element.getAttribute(`${prefix}-value`) || element.getAttribute(prefix);
|
|
71
|
+
if (!targetValue) return
|
|
72
|
+
|
|
55
73
|
let values = targetValue.split(',');
|
|
56
74
|
if (!values || values.length == 0) {
|
|
57
75
|
return;
|
|
58
76
|
}
|
|
77
|
+
|
|
59
78
|
|
|
60
79
|
let targetAttribute = element.getAttribute(`${prefix}-attribute`) || 'class';
|
|
61
80
|
let targetSelector = element.getAttribute(`${prefix}-target`);
|