@cocreate/elements 1.36.1 → 1.36.2

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [1.36.2](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.36.1...v1.36.2) (2024-08-24)
+
+
+### Bug Fixes
+
+* prevent duplicate input event listeners ([e7d5bfd](https://github.com/CoCreate-app/CoCreate-elements/commit/e7d5bfd7c254b9e4a76bd5eb55106b86357904c9))
+* use continue in for loop ([e0febbc](https://github.com/CoCreate-app/CoCreate-elements/commit/e0febbcbf16486d54e312cd646f2d2a255e71848))
+
 ## [1.36.1](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.36.0...v1.36.1) (2024-07-09)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/elements",
-  "version": "1.36.1",
+  "version": "1.36.2",
   "description": "Fetch content into any html element by using html5 attributes to query data stored in CoCreate headless CMS. If data is changed it will instantly reflect in html tags as changes are broadcasted in realtime",
   "keywords": [
     "elements",

package/src/fetchSrc.js

@@ -19,7 +19,7 @@ async function initElements(elements) {
         let src = element.getAttribute('src') || element.getAttribute('source') || element.getAttribute('stream');
 
         if (!src || /{{\s*([\w\W]+)\s*}}/g.test(src))
-            return;
+            continue;
 
         let initialize = initializing.get(element)
         if (!initialize || initialize.src != src) {

package/src/index.js

@@ -97,18 +97,26 @@ async function initElement(el) {
     if (!elements.has(el)) {
         elements.set(el, '')
 
-        if (['INPUT', 'TEXTAREA', 'SELECT'].includes(el.tagName)
-            || (el.hasAttribute('contenteditable') && el.getAttribute('contenteditable') !== 'false')
-            || el.contenteditable) {
-            el.addEventListener('input', function (e) {
-                const { object, key, isRealtime, isCrdt } = getAttributes(el);
-                if (!isRealtime || isRealtime === "false" || key === "_id") return;
-                if (isCrdt == "true" && object && object !== 'pending') return
-                if (e.detail && e.detail.skip == true) return;
-                if (data.type !== 'object' && data[data.type] === 'pending') return
-
-                save(el);
-            });
+        if (el.tagName === "EDITOR")
+            console.log('editor event added')
+        if (!el.elementsInputEvent) {
+            el.elementsInputEvent = true;
+
+            if (['INPUT', 'TEXTAREA', 'SELECT'].includes(el.tagName)
+                || (el.hasAttribute('contenteditable') && el.getAttribute('contenteditable') !== 'false')
+                || el.contenteditable) {
+                el.addEventListener('input', function (e) {
+                    if (el.pendingObject) return
+
+                    const { object, key, isRealtime, isCrdt } = getAttributes(el);
+                    if (!isRealtime || isRealtime === "false" || key === "_id") return;
+                    if (isCrdt == "true" && object && object !== 'pending') return
+                    if (e.detail && e.detail.skip == true) return;
+                    if (data.type !== 'object' && data[data.type] === 'pending') return
+
+                    save(el);
+                });
+            }
         }
     }
     // let attributes = ['filter-key', 'filter-search', 'filter-sort-key', 'filter-on', 'filter-limit']