@cocreate/events 1.6.3 → 1.6.5

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [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)
+
+
+### Bug Fixes
+
+* el typo ([7b0ec3a](https://github.com/CoCreate-app/CoCreate-events/commit/7b0ec3a2dc04580efb4850d60ef63adcfbfe5f28))
+
 ## [1.6.3](https://github.com/CoCreate-app/CoCreate-events/compare/v1.6.2...v1.6.3) (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.3",
+  "version": "1.6.5",
   "description": "A simple events component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "events",

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`);
@@ -237,7 +246,7 @@ const CoCreateEvents = {
 				else if (groupPrevious)
 					el.previousElementSibling.querySelectorAll(groupPrevious).forEach((el) => 
 						self.setValue(prefix, el, groupAttribute, groupValues, groupKey, 'deactivate')
-					);	
+					);
 
 			});
 		}
@@ -258,14 +267,15 @@ const CoCreateEvents = {
 				self.setValue(prefix, el, targetAttribute, values, targetKey)
 			);
 		 } else if (targetNext) {
-			el.nextElementSibling.querySelectorAll(targetNext).forEach((el) => 
+			element.nextElementSibling.querySelectorAll(targetNext).forEach((el) => 
 				self.setValue(prefix, el, targetAttribute, values, targetKey)
 			);
 		 } else if (targetPrevious) {
-			el.previousElementSibling.querySelectorAll(targetPrevious).forEach((el) => 
+			element.previousElementSibling.querySelectorAll(targetPrevious).forEach((el) => 
 				self.setValue(prefix, el, targetAttribute, values, targetKey)
 			);	
-		 }
+		 } else			
+		 	self.setValue(prefix, element, targetAttribute, values, targetKey);
 
 		document.dispatchEvent(new CustomEvent(`${prefix}End`, {
 			detail: {}