@cocreate/events 1.27.3 → 1.28.0

package/.github/workflows/automated.yml

@@ -22,13 +22,13 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - name: Setup Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: 14
+          node-version: 22 # Required for the latest semantic-release plugins
       - name: Semantic Release
-        uses: cycjimmy/semantic-release-action@v3
+        uses: cycjimmy/semantic-release-action@v4 # Update to v4 for better Node 20+ support
         id: semantic
         with:
           extra_plugins: |
@@ -36,9 +36,8 @@ jobs:
             @semantic-release/git
             @semantic-release/github
         env:
-          GITHUB_TOKEN: "${{ secrets.GITHUB }}"
+          GITHUB_TOKEN: "${{ secrets.GITHUB_TOKEN }}" # Use the built-in token if possible
           NPM_TOKEN: "${{ secrets.NPM_TOKEN }}"
     outputs:
       new_release_published: "${{ steps.semantic.outputs.new_release_published }}"
       new_release_version: "${{ steps.semantic.outputs.new_release_version }}"
-

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+# [1.28.0](https://github.com/CoCreate-app/CoCreate-events/compare/v1.27.4...v1.28.0) (2026-01-17)
+
+
+### Bug Fixes
+
+* update worklow ([e8f4c2d](https://github.com/CoCreate-app/CoCreate-events/commit/e8f4c2dc8c3a799adf0be238bab5a4ed9ac08915))
+
+
+### Features
+
+* once attribute for intersectionObserver ([e58bfee](https://github.com/CoCreate-app/CoCreate-events/commit/e58bfeec8122a176179ec1b9a03557dbe80765d8))
+
+## [1.27.4](https://github.com/CoCreate-app/CoCreate-events/compare/v1.27.3...v1.27.4) (2025-10-11)
+
+
+### Bug Fixes
+
+* add support for blur event initialization in CoCreateEvents ([8c2aec3](https://github.com/CoCreate-app/CoCreate-events/commit/8c2aec3cf145fdce8abf65463332c09c6c3c57c5))
+* enhance conditional processing with else-if support and improve number parsing ([053f322](https://github.com/CoCreate-app/CoCreate-events/commit/053f3220fa8f98d20a02e6f3faa32340869b8e49))
+
 ## [1.27.3](https://github.com/CoCreate-app/CoCreate-events/compare/v1.27.2...v1.27.3) (2025-09-07)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/events",
-  "version": "1.27.3",
+  "version": "1.28.0",
   "description": "A simple events component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "events",

package/src/index.js

@@ -45,6 +45,7 @@ const CoCreateEvents = {
 			this.initPrefix("resize", ["onload", "resize"]);
 			this.initPrefix("localstorage", ["onload"]);
 			this.initPrefix("focus", ["focus"]);
+			this.initPrefix("blur", ["blur"]);
 		}
 
 		let customEventEls = document.querySelectorAll("[event-name]");
@@ -244,6 +245,10 @@ const CoCreateEvents = {
 					? threshold.filter((value) => value >= 0 && value <= 1)
 					: [0];
 
+				// Returns true if attribute is present AND does not equal "false"
+				const onceAttr = el.getAttribute(`${prefix}-once`);
+                const once = onceAttr !== null && onceAttr !== "false";
+
 				// Create IntersectionObserver
 				const intersectionObserver = new IntersectionObserver(
 					(entries) => {
@@ -273,6 +278,10 @@ const CoCreateEvents = {
 									// 		entry.intersectionRatio
 									// }
 								);
+								// Disconnect if once is true
+                                if (once) {
+                                    intersectionObserver.unobserve(entry.target);
+                                }
 							}
 						});
 					},
@@ -512,6 +521,7 @@ const CoCreateEvents = {
 			}
 
 			let ifCondition = element.getAttribute(`${prefix}-if`);
+			let elseIfCondition = element.getAttribute(`${prefix}-else-if`);
 			let elseCondition = element.getAttribute(`${prefix}-else`);
 
 			let ifValue = element.getAttribute(`${prefix}-if-value`);
@@ -530,38 +540,16 @@ const CoCreateEvents = {
 				}
 			}
 
-			//TODO: improved resize toggling of values
-			// let hasCondition = this.elements2.get(element)
 			if (ifCondition) {
-				if (evaluateCondition(ifCondition, ifValue)) {
-					// Action 1: Condition exists and evaluates true
-					// console.log("Executing Action 1 for ifCondition:", ifCondition); // Optional debug log
-					// Replace this comment with your actual code for Path 1
-					// e.g., this.elements2.set(element, { condition: ifCondition });
-
-					// Assuming we stop processing for this element once a condition is met and actioned
-					return;
-				} else {
-					// Condition existed but evaluated false. Stop processing.
-					// Corresponds to the original `else if (ifCondition || elseCondition) { return; }` for the ifCondition case
+				// If the 'if' condition is not met, stop processing this element.
+				if (!evaluateCondition(ifCondition, ifValue)) {
 					return;
 				}
-			}
-
-			// If we reach here, ifCondition was falsy (didn't exist)
-			// Now check the 'else' condition
-			if (elseCondition) {
-				if (evaluateCondition(elseCondition, ifValue)) {
-					// Action 2: Condition exists and evaluates true
-					// console.log("Executing Action 2 for elseCondition:", elseCondition); // Optional debug log
-					// Replace this comment with your actual code for Path 2
-					// e.g., this.elements2.set(element, { condition: elseCondition });
-
-					// Assuming we stop processing for this element once a condition is met and actioned
-					return;
-				} else {
-					// Condition existed but evaluated false. Stop processing.
-					// Corresponds to the original `else if (ifCondition || elseCondition) { return; }` for the elseCondition case
+			} else if (elseCondition) {
+				// If there's no 'if' condition but there is an 'else' condition,
+				// stop processing if the 'else' condition is met.
+				// This creates an "execute unless" behavior for the 'else' attribute.
+				if (evaluateCondition(elseIfCondition, ifValue)) {
 					return;
 				}
 			}
@@ -940,7 +928,10 @@ function checkCondition(condition, value) {
 	// TODO: why parse updated conditin to boolean false
 	// if (parse && condition !== "false") condition = parseCondition(condition);
 
-	if (typeof value[0] === "number") {
+	if (
+		typeof condition === "number" ||
+		(typeof condition === "string" && /\d/.test(condition))
+	) {
 		condition = parseNumberCondition(condition);
 	} else if (typeof value[0] === "object" && typeof condition === "string") {
 		condition = parseJsonCondition(condition);
@@ -996,9 +987,11 @@ function parseJsonCondition(condition) {
 	}
 }
 function parseNumberCondition(condition) {
-	return !isNaN(condition) && condition.trim() !== ""
-		? Number(condition)
-		: condition;
+	if (typeof condition === "string") {
+		const num = parseFloat(condition);
+		return !isNaN(num) ? num : condition;
+	}
+	return condition;
 }
 
 // Helper function for delay using Promises