@cocreate/events 1.6.4 → 1.6.6

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.6.6](https://github.com/CoCreate-app/CoCreate-events/compare/v1.6.5...v1.6.6) (2023-03-16)
+
+
+### Bug Fixes
+
+* bump dependencies' ([978312e](https://github.com/CoCreate-app/CoCreate-events/commit/978312ed6c8b9326771f0b4157f5088fe59be75c))
+
+## [1.6.5](https://github.com/CoCreate-app/CoCreate-events/compare/v1.6.4...v1.6.5) (2023-03-16)
+
+
+### Bug Fixes
+
+* filter-sort-direction ([d27f890](https://github.com/CoCreate-app/CoCreate-events/commit/d27f89030f096baea5fe703252290096c2c602b0))
+
 ## [1.6.4](https://github.com/CoCreate-app/CoCreate-events/compare/v1.6.3...v1.6.4) (2023-03-16)
 
 

package/demo/set-value.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Value | CoCreateJS</title>
+  
+  <!-- CoCreate Favicon -->
+  <link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
+</head>
+<body>
+  <div click-target="#testing" click-value="hello, bye" click-key="ty">
+    <span id="testing" class="{{ty}}">other content</span>
+  </div>
+
+  <script src="https://cdn.cocreate.app/1.48.0/CoCreate.min.js"></script>
+  <!-- <script src="https://cdn.cocreate.app/latest/CoCreate.min.js" ></script> -->
+
+</body>
+</html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/events",
-  "version": "1.6.4",
+  "version": "1.6.6",
   "description": "A simple events component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "events",
@@ -60,8 +60,8 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/actions": "^1.6.0",
-    "@cocreate/docs": "^1.6.0",
-    "@cocreate/utils": "^1.19.0"
+    "@cocreate/actions": "^1.6.1",
+    "@cocreate/docs": "^1.6.1",
+    "@cocreate/utils": "^1.19.1"
   }
 }

package/src/index.js

@@ -89,10 +89,12 @@ const CoCreateEvents = {
 		for (const el of elements) {
 			let prefixes = this.elements.get(el)
 			if (!prefixes) {
-				prefixes = {[prefix]: events}
+				prefixes = {[prefix]: {events}}
 				this.elements.set(el, prefixes)
+			} else if (!prefixes[prefix]) {
+				prefixes[prefix] = {events}
 			} else {
-				events = prefixes[prefix]
+				events = prefixes[prefix].events
 			}
 
 			let customEvents = el.getAttribute(`${prefix}-events`)
@@ -105,7 +107,7 @@ const CoCreateEvents = {
 					el.removeEventListener(events[i], eventFunction)
 				
 				events = customEvents
-				prefixes[prefix] = events
+				prefixes[prefix].events = events
 			}
 			if (!events)
 				events = []
@@ -142,6 +144,13 @@ const CoCreateEvents = {
 				// debounce = setTimeout(function() {
 				const target = event.currentTarget
 				if (target) {
+					let prefixes = self.elements.get(target)
+					if (prefixes[prefix].prev === event.type && ['mouseover', 'mouseout'].includes(event.type))
+						return
+					else
+						prefixes[prefix].prev = event.type
+					console.log('prev', prefixes[prefix].prev)
+
 					let attribute = target.getAttribute('actions') || ""
 					if (attribute.includes(prefix))
 						return;
@@ -175,15 +184,15 @@ const CoCreateEvents = {
 	__updateElements: function(element, prefix, target) {
 		const self = this;
 		// ToDo: support empty value when prefix-attribute defined, add and remove the attribute
-		let targetValue = element.getAttribute(`${prefix}-value`) || element.getAttribute(prefix);
-		if (!targetValue)
-			targetValue = element.getValue()
-		if (!targetValue) return
 		
-		let values = targetValue.split(',');
-		if (!values || values.length == 0) {
+		let values = element.getAttribute(`${prefix}-value`) || element.getAttribute(prefix);
+		if (values)
+			values = values.split(',');
+		else 
+			values = [element.getValue()]
+		
+		if (!values || values.length == 0)
 			return;
-		}
 
 		let targetAttribute = element.getAttribute(`${prefix}-attribute`) || 'class';
 		let targetText = element.getAttribute(`${prefix}-text`);