@cocreate/local-storage 1.11.0 → 1.12.0

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+# [1.12.0](https://github.com/CoCreate-app/CoCreate-local-storage/compare/v1.11.1...v1.12.0) (2023-11-25)
+
+
+### Bug Fixes
+
+* update nav, edit button and css path ([2bc7891](https://github.com/CoCreate-app/CoCreate-local-storage/commit/2bc78915b8bfb1d06ae109419acdbcd392c0f9c4))
+
+
+### Features
+
+* upgrade dependencies for latest features and fixes ([85889c5](https://github.com/CoCreate-app/CoCreate-local-storage/commit/85889c578d45a5394cd606eabd8cc2ce59dd351a))
+
+## [1.11.1](https://github.com/CoCreate-app/CoCreate-local-storage/compare/v1.11.0...v1.11.1) (2023-11-22)
+
+
+### Bug Fixes
+
+* return if element was handled by events ([f8c654e](https://github.com/CoCreate-app/CoCreate-local-storage/commit/f8c654edd0a271406332217ccafcb80df74318db))
+
 # [1.11.0](https://github.com/CoCreate-app/CoCreate-local-storage/compare/v1.10.11...v1.11.0) (2023-11-19)
 
 

package/docs/index.html

@@ -37,15 +37,15 @@
     </head>
 
     <body>
+        <!-- Navbar  -->
         <nav
-            class="nav display:flex align-items:center left:0px background:whitesmoke padding-top:10px padding-bottom:10px"
+            class="width:100% display:flex align-items:center background:transparent padding-top:10px padding-bottom:10px"
             content_id="content"
-            scroll="sticky-nav,hide-nav"
-            scroll-up="10"
-            scroll-down="10"
-            array="files"
-            object="60395ef42b3ac232657040fd"
-            key="src"></nav>
+            scroll="sticky-nav,"
+            scroll-up="5"
+            scroll-down="5"
+            path="../"
+            src="../components/navbar.html"></nav>
         <sidenav
             id="menuL"
             class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:0px width:300px@xl"
@@ -356,10 +356,8 @@
             <button
                 href="https://github.com/CoCreate-app/CoCreate-local-storage/tree/master/docs/index.html?message=docs%3A%20describe%20your%20change..."
                 target="_blank"
-                class="position:fixed bottom:15px right:15px padding:15px background:dodgerblue color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
-                <i
-                    class="height:20px fill:#505050"
-                    src="/assets/svg/pencil-alt.svg"></i>
+                class="display:flex justify-content:center align-items:center position:fixed bottom:15px right:15px height:50px width:50px border-radius:50% box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
+                <i class="height:20px" src="../assets/svg/pencil-alt.svg"></i>
             </button>
         </main>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/local-storage",
-  "version": "1.11.0",
+  "version": "1.12.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",
@@ -58,7 +58,7 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/actions": "^1.12.4",
-    "@cocreate/observer": "^1.12.0"
+    "@cocreate/actions": "^1.13.0",
+    "@cocreate/observer": "^1.13.0"
   }
 }

package/src/index.js

@@ -5,21 +5,19 @@ const CoCreateLocalStorage = {
     support: true,
     storage: new Map(),
 
-    /**
-    * Listen for storage events and update elements if needed. This is called on window. storage and when it's time to get / set data
-    */
     init: function () {
         const self = this
         var elements = document.querySelectorAll('[localstorage-set], [localstorage-get]');
         this.initElements(elements)
-        /**
-        * @param e
-        */
+
         window.addEventListener('storage', function (e) {
             elements = document.querySelectorAll(`[localstorage-get="${e.key}"]`)
             for (let element of elements) {
+                // TODO: return if localstorage-selector, etc... 
+                // - Decide how best to handle, considering localstorage is also handled by event.
+                if (element.hasAttribute('localstorage-attribute') || element.hasAttribute('localstorage-value') || element.hasAttribute('localstorage-key'))
+                    return
                 let value = self.getItem(e.key)
-                // Set the value of the element.
                 if (value != null) {
                     element.setValue(value)
                 }
@@ -28,18 +26,18 @@ const CoCreateLocalStorage = {
     },
 
     /**
-    * @param elements
-    */
+     * Initializes a collection of elements.
+     * @param {Array<Element>} elements - An array of elements to be initialized.
+     */
     initElements: function (elements) {
         for (let element of elements)
             this.initElement(element)
     },
 
     /**
-    * @param element
-    * 
-    * @return { Object } The binding
-    */
+     * Initializes a single element.
+     * @param {Element} element - The element to initialize. This function expects an 'Element' type.
+     */
     initElement: function (element) {
         this.getItem(element)
         element.addEventListener('input', (e) => {