@cocreate/local-storage 1.6.9 → 1.7.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [1.7.0](https://github.com/CoCreate-app/CoCreate-local-storage/compare/v1.6.10...v1.7.0) (2023-05-10)
+
+
+### Features
+
+* applied getValue and setValue ([d196bc2](https://github.com/CoCreate-app/CoCreate-local-storage/commit/d196bc2880e62c8822745e66a3dde6dce7f86a49))
+
+## [1.6.10](https://github.com/CoCreate-app/CoCreate-local-storage/compare/v1.6.9...v1.6.10) (2023-05-09)
+
+
+### Bug Fixes
+
+* storage eventlistener typo ([6b638e6](https://github.com/CoCreate-app/CoCreate-local-storage/commit/6b638e6953a740d0a340625af73c800aff11dac6))
+
 ## [1.6.9](https://github.com/CoCreate-app/CoCreate-local-storage/compare/v1.6.8...v1.6.9) (2023-05-06)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/local-storage",
-  "version": "1.6.9",
+  "version": "1.7.0",
   "description": "A Simple component similar to CoCreate-input & CoCreate-fetch which Save and fetch data for inputs, textarea, selects from localstorage. Easily configured using HTML5 attributes and/or JavaScript API",
   "keywords": [
     "local-storage",

package/src/index.js

@@ -6,14 +6,15 @@ const CoCreateLocalStorage = {
     storage: new Map(),
 
 	init: function() {
+        const self = this
 		var elements = document.querySelectorAll('[localstorage-set], [localstorage-get]');
 		this.initElements(elements)
         window.addEventListener('storage', function(e) {
             elements = document.querySelectorAll(`[localstorage-get="${e.key}"]`)
             for (let element of elements) {
-                let value = this.getItem(key)
+                let value = self.getItem(e.key)
                 if (value != null){
-                    element.value = value;
+                    element.setValue(value)
                 }
             }
 		});
@@ -31,14 +32,15 @@ const CoCreateLocalStorage = {
 			if (isRealtime == "false") return;
 
             let key = e.target.getAttribute('localstorage-set');
-            this.setItem(key, e.target.value);
+            if (key)
+                this.setItem(key, e.target.value);
 
             let elements = document.querySelectorAll(`[localstorage-get="${key}"]`)
             for (let el of elements) {
                 if (el != element) {
                     let value = this.getItem(key)
                     if (value != null){
-                        el.value = value;
+                        el.setValue(value)
                     }
                 }
         
@@ -74,8 +76,9 @@ const CoCreateLocalStorage = {
         let set_els = form.querySelectorAll('[localstorage-set]')
         for (let el of set_els) {
             let key = el.getAttribute('localstorage-set');
-            if (el.value && key){
-                this.setItem(key, el.value);
+            let value = el.getValue()
+            if (value && key){
+                this.setItem(key, value);
             }
         }
         let get_els = form.querySelectorAll('[localstorage-get]')
@@ -84,12 +87,12 @@ const CoCreateLocalStorage = {
             if (!key) return;
             let value = this.getItem(key)
             if (value != null){
-                el.value = value;
+                el.setValue(value)
             }
         }
         let remove_els = form.querySelectorAll('[localstorage-remove]')
         for (let el of remove_els) {
-            el.value = '';
+            el.setValue('')
             let key = el.getAttribute('localstorage-remove');
             if (key) {
                 this.removeItem(key)