Merge pull request #3 from williamtroup/1.1.1

1.1.1

README.md

@@ -2,15 +2,15 @@
 Peek.js
 
 [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Peek.js%2C%20a%20free%20JavaScript%json%20converter&url=https://github.com/williamtroup/Peek.js&hashtags=javascript,element,property,viewer)
-[![npm](https://img.shields.io/badge/npmjs-v1.1.0-blue)](https://www.npmjs.com/package/jpeek.js)
-[![nuget](https://img.shields.io/badge/nuget-v1.1.0-purple)](https://www.nuget.org/packages/Peek.js/)
+[![npm](https://img.shields.io/badge/npmjs-v1.1.1-blue)](https://www.npmjs.com/package/jpeek.js)
+[![nuget](https://img.shields.io/badge/nuget-v1.1.1-purple)](https://www.nuget.org/packages/Peek.js/)
 [![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/williamtroup/Peek.js/blob/main/LICENSE.txt)
 [![discussions Welcome](https://img.shields.io/badge/discussions-Welcome-red)](https://github.com/williamtroup/Peek.js/discussions)
 [![coded by William Troup](https://img.shields.io/badge/coded_by-William_Troup-yellow)](https://william-troup.com/)
 </h1>
 
 > <p align="center">🐛 A lightweight JavaScript library that attaches a viewer to a specific node type, allowing you to view the CSS properties, attributes, and size/position.</p>
-> <p align="center">v1.1.0</p>
+> <p align="center">v1.1.1</p>
 <br />
 
 ![Peek.js - CSS Mode](docs/images/css-mode.png)
@@ -59,8 +59,8 @@ npm install jpeek.js
 You can also use the following CDN links:
 
 ```markdown
-https://cdn.jsdelivr.net/gh/williamtroup/[email protected].0/dist/peek.min.js
-https://cdn.jsdelivr.net/gh/williamtroup/[email protected].0/dist/peek.js.min.css
+https://cdn.jsdelivr.net/gh/williamtroup/[email protected].1/dist/peek.min.js
+https://cdn.jsdelivr.net/gh/williamtroup/[email protected].1/dist/peek.js.min.css
 ```
 <br>
 <br>

README_NUGET.md

@@ -1,8 +1,8 @@
-# Peek.js v1.1.0
+# Peek.js v1.1.1
 
 [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Peek.js%2C%20a%20free%20JavaScript%json%20converter&url=https://github.com/williamtroup/Peek.js&hashtags=javascript,element,property,viewer)
-[![npm](https://img.shields.io/badge/npmjs-v1.1.0-blue)](https://www.npmjs.com/package/jpeek.js)
-[![nuget](https://img.shields.io/badge/nuget-v1.1.0-purple)](https://www.nuget.org/packages/Peek.js/)
+[![npm](https://img.shields.io/badge/npmjs-v1.1.1-blue)](https://www.npmjs.com/package/jpeek.js)
+[![nuget](https://img.shields.io/badge/nuget-v1.1.1-purple)](https://www.nuget.org/packages/Peek.js/)
 [![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/williamtroup/Peek.js/blob/main/LICENSE.txt)
 [![discussions Welcome](https://img.shields.io/badge/discussions-Welcome-red)](https://github.com/williamtroup/Peek.js/discussions)
 [![coded by William Troup](https://img.shields.io/badge/coded_by-William_Troup-yellow)](https://william-troup.com/)
@@ -43,8 +43,8 @@ npm install jpeek.js
 You can also use the following CDN links:
 
 ```markdown
-https://cdn.jsdelivr.net/gh/williamtroup/[email protected].0/dist/peek.min.js
-https://cdn.jsdelivr.net/gh/williamtroup/[email protected].0/dist/peek.js.min.css
+https://cdn.jsdelivr.net/gh/williamtroup/[email protected].1/dist/peek.min.js
+https://cdn.jsdelivr.net/gh/williamtroup/[email protected].1/dist/peek.js.min.css
 ```
 
 

dist/peek.esm.js

@@ -261,7 +261,11 @@ var o;
     }
     function A(e, t, n, o) {
         if (e.code === "Enter") {
-            o.style.setProperty(t, n.value);
+            if (a.mode === 1) {
+                o.style.setProperty(t, n.value);
+            } else if (a.mode === 2) {
+                o.setAttribute(t, n.value);
+            }
         }
     }
     function S() {
@@ -367,7 +371,7 @@ var o;
             return L;
         },
         getVersion: function() {
-            return "1.1.0";
+            return "1.1.1";
         }
     };
     (() => {

dist/peek.js

@@ -263,7 +263,11 @@ var o;
     }
     function A(e, t, n, o) {
         if (e.code === "Enter") {
-            o.style.setProperty(t, n.value);
+            if (a.mode === 1) {
+                o.style.setProperty(t, n.value);
+            } else if (a.mode === 2) {
+                o.setAttribute(t, n.value);
+            }
         }
     }
     function S() {
@@ -369,7 +373,7 @@ var o;
             return L;
         },
         getVersion: function() {
-            return "1.1.0";
+            return "1.1.1";
         }
     };
     (() => {

docs/CHANGE_LOG.md

@@ -1,5 +1,12 @@
 # Peek.js - Change Log:
 
+## Version 1.1.1:
+- Updated NPM packages to the latest versions.
+- Fixed a fault that caused attribute values to assign their values to CSS properties when "allowEditing" is enabled.
+
+<br>
+
+
 ## Version 1.1.0:
 - Added a new binding option called "showOnly" (excepts a string, or string array), which states the properties that should be shown in the dialog.
 - Added a new binding option called "allowEditing" (defaults to false), which allows CSS and Attribute values to be entered (simply type and press Enter).
@@ -8,5 +15,6 @@
 
 <br>
 
+
 ## Version 1.0.0:
 - Everything :)