v4.14.1 release

Flyer53 · May 17, 2022 · b479593 · b479593
1 parent f7a30c1
commit b479593
Show file tree

Hide file tree

Showing 31 changed files with 156 additions and 44 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 ## <span style='color:#563D7C;'>CHANGELOG</span>
 
+### <span style='color:#563D7C;'>Version 4.14.1 *2022-05-17*</span>
+
++ **fix** for maximized panels: on `resizestart` of a maximized panel its status is now reset to `'normalized'`, the _**normalize**_ control is hidden and the _**maximize**_ control is shown again.
+
 ### <span style='color:#563D7C;'>Version 4.14.0 *2022-04-20*</span>
 
 + **bugfix** in `close()` method (calling `close()` on an already closed panel caused an error)

diff --git a/README.md b/README.md
@@ -1,7 +1,7 @@
 <img alt="NPM license"   src="https://img.shields.io/npm/l/jspanel4"> <img alt="npm version"   src="https://img.shields.io/npm/v/jspanel4?color=0677b8"> <img alt="npm downloads" src="https://img.shields.io/npm/dm/jspanel4?color=0677b8">
 
 
-## [jsPanel 4.14.0 released 2022-04-20](#)
+## [jsPanel 4.14.1 released 2022-05-17](#)
 
 > As of v4.11.0-beta methods `jsPanel.ajax()` and `jsPanel.fetch()` are updated. That also affects options `contentAjax` and `contentFetch`. These updates might break existing code. So please check the docs on https://jspanel.de/
 

diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "jspanel4x",
-  "version": "4.14.0",
+  "version": "4.14.1",
   "authors": [
     "Stefan Straesser <[email protected]> (http://jspanel.de/)"
   ],

diff --git a/dist/extensions/contextmenu/jspanel.contextmenu.js b/dist/extensions/contextmenu/jspanel.contextmenu.js
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/dist/extensions/datepicker/jspanel.datepicker.js b/dist/extensions/datepicker/jspanel.datepicker.js
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/dist/extensions/datepicker/theme/default.css b/dist/extensions/datepicker/theme/default.css
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/dist/extensions/dock/jspanel.dock.js b/dist/extensions/dock/jspanel.dock.js
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/dist/extensions/hint/jspanel.hint.js b/dist/extensions/hint/jspanel.hint.js
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/dist/extensions/layout/jspanel.layout.js b/dist/extensions/layout/jspanel.layout.js
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/dist/extensions/modal/jspanel.modal.js b/dist/extensions/modal/jspanel.modal.js
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/dist/extensions/tooltip/jspanel.tooltip.js b/dist/extensions/tooltip/jspanel.tooltip.js
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/dist/index.html b/dist/index.html
@@ -20,6 +20,7 @@
 <script src="extensions/modal/jspanel.modal.js"></script>
 <script src="extensions/tooltip/jspanel.tooltip.js"></script>
 <script src="extensions/dock/jspanel.dock.js"></script>
+<script src="extensions/layout/jspanel.layout.js"></script>
 
 <script>
     // create a demo jsPanel

diff --git a/dist/jspanel.css b/dist/jspanel.css
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/dist/jspanel.js b/dist/jspanel.js
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]
@@ -26,8 +26,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 // noinspection JSVoidFunctionReturnValueUsed
 // eslint-disable-next-line no-redeclare
 var jsPanel = {
-  version: '4.14.0',
-  date: '2022-04-20 15:57',
+  version: '4.14.1',
+  date: '2022-05-17 15:53',
   ajaxAlwaysCallbacks: [],
   autopositionSpacing: 4,
   closeOnEscape: function () {
@@ -4147,7 +4147,19 @@ var jsPanel = {
                   }, evt);
                 }
 
-                self.front();
+                self.front(); // if panel is maximized on resize start set status to normalized and swap maximize/normalize buttons
+
+                if (self.status === 'maximized') {
+                  self.status = 'normalized';
+
+                  if (self.controlbar.querySelector('.jsPanel-btn-maximize')) {
+                    self.setControlStatus('maximize', 'show');
+                  }
+
+                  if (self.controlbar.querySelector('.jsPanel-btn-normalize')) {
+                    self.setControlStatus('normalize', 'hide');
+                  }
+                }
 
                 if (elmtRect.height > startHeight + 5) {
                   self.status = 'normalized';

diff --git a/dist/jspanel.min.js b/dist/jspanel.min.js
diff --git a/es6module/extensions/contextmenu/jspanel.contextmenu.js b/es6module/extensions/contextmenu/jspanel.contextmenu.js
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/es6module/extensions/datepicker/jspanel.datepicker.js b/es6module/extensions/datepicker/jspanel.datepicker.js
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/es6module/extensions/datepicker/theme/default.css b/es6module/extensions/datepicker/theme/default.css
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/es6module/extensions/dock/jspanel.dock.js b/es6module/extensions/dock/jspanel.dock.js
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/es6module/extensions/hint/jspanel.hint.js b/es6module/extensions/hint/jspanel.hint.js
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/es6module/extensions/layout/jspanel.layout.js b/es6module/extensions/layout/jspanel.layout.js
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/es6module/extensions/modal/jspanel.modal.js b/es6module/extensions/modal/jspanel.modal.js
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/es6module/extensions/tooltip/jspanel.tooltip.js b/es6module/extensions/tooltip/jspanel.tooltip.js
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/es6module/index.html b/es6module/index.html
@@ -21,8 +21,8 @@
     import './extensions/modal/jspanel.modal.min.js';
     import './extensions/contextmenu/jspanel.contextmenu.min.js';
     import './extensions/tooltip/jspanel.tooltip.min.js';
-    import './extensions/layout/jspanel.layout.min.js';
     import './extensions/dock/jspanel.dock.min.js';
+    import './extensions/layout/jspanel.layout.min.js';
 
     // create a demo jsPanel
     jsPanel.create({

diff --git a/es6module/jspanel.css b/es6module/jspanel.css
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]

diff --git a/es6module/jspanel.js b/es6module/jspanel.js
@@ -1,6 +1,6 @@
 /**
  * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
- * @version v4.14.0
+ * @version v4.14.1
  * @homepage https://jspanel.de/
  * @license MIT
  * @author Stefan Sträßer - [email protected]
@@ -11,8 +11,8 @@ export // eslint-disable-next-line no-redeclare
 // noinspection JSVoidFunctionReturnValueUsed
 // eslint-disable-next-line no-redeclare
 let jsPanel = {
-    version: '4.14.0',
-    date: '2022-04-20 15:57',
+    version: '4.14.1',
+    date: '2022-05-17 15:53',
     ajaxAlwaysCallbacks: [],
     autopositionSpacing: 4,
     closeOnEscape: (() => {
@@ -1887,7 +1887,6 @@ let jsPanel = {
                 values.height += 'px';
             }
         }
-
         return values; // return value must be an object {width: xxx, height: xxx}
     },
     pOborder(border) {
@@ -2477,7 +2476,6 @@ let jsPanel = {
                             jsPanel.perceivedBrightness(themeDetails.filling) <= jsPanel.colorBrightnessThreshold ? '#fff' : '#000';
                 }
             }
-
             return self;
         };
         self.applyCustomTheme = (theme) => {
@@ -4008,6 +4006,18 @@ let jsPanel = {
                                     );
                                 }
                                 self.front();
+
+                                // if panel is maximized on resize start set status to normalized and swap maximize/normalize buttons
+                                if (self.status === 'maximized') {
+                                    self.status = 'normalized';
+                                    if (self.controlbar.querySelector('.jsPanel-btn-maximize')) {
+                                        self.setControlStatus('maximize', 'show');
+                                    }
+                                    if (self.controlbar.querySelector('.jsPanel-btn-normalize')) {
+                                        self.setControlStatus('normalize', 'hide');
+                                    }
+                                }
+
                                 if (elmtRect.height > startHeight + 5) {
                                     self.status = 'normalized';
                                     self.setControls(['.jsPanel-btn-normalize']);

diff --git a/es6module/jspanel.min.js b/es6module/jspanel.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "jspanel4",
-    "version": "4.14.0",
+    "version": "4.14.1",
     "description": "A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu",
     "keywords": [
         "jsPanel",
@@ -39,26 +39,26 @@
         "email": "[email protected]"
     },
     "devDependencies": {
-        "@babel/cli": "^7.17.6",
-        "@babel/core": "^7.17.9",
-        "@babel/preset-env": "^7.16.11",
-        "eslint": "^8.13.0",
-        "eslint-config-standard": "^16.0.3",
+        "@babel/cli": "^7.17.10",
+        "@babel/core": "^7.17.12",
+        "@babel/preset-env": "^7.17.12",
+        "eslint": "^8.15.0",
+        "eslint-config-standard": "^17.0.0",
         "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-node": "^11.1.0",
         "eslint-plugin-promise": "^6.0.0",
         "eslint-plugin-standard": "^5.0.0",
         "gulp": "^4.0.2",
         "gulp-babel": "^8.0.0",
-        "gulp-babel-minify": "^0.5.1",
+        "gulp-babel-minify": "^0.5.2",
         "gulp-clean-css": "^4.3.0",
         "gulp-footer": "^2.1.0",
         "gulp-header": "^2.0.9",
         "gulp-minify": "^3.1.0",
         "gulp-rename": "^2.0.0",
         "gulp-sass": "^5.1.0",
         "node-sass": "^7.0.1",
-        "npm": "^8.7.0",
+        "npm": "^8.10.0",
         "prettier": "^2.6.2"
     },
     "prettier": {

diff --git a/source/jspanel.js b/source/jspanel.js
@@ -2,8 +2,8 @@
 // noinspection JSVoidFunctionReturnValueUsed
 // eslint-disable-next-line no-redeclare
 let jsPanel = {
-    version: '4.14.0',
-    date: '2022-04-20 15:57',
+    version: '4.14.1',
+    date: '2022-05-17 15:53',
     ajaxAlwaysCallbacks: [],
     autopositionSpacing: 4,
     closeOnEscape: (() => {
@@ -1878,7 +1878,6 @@ let jsPanel = {
                 values.height += 'px';
             }
         }
-
         return values; // return value must be an object {width: xxx, height: xxx}
     },
     pOborder(border) {
@@ -2468,7 +2467,6 @@ let jsPanel = {
                             jsPanel.perceivedBrightness(themeDetails.filling) <= jsPanel.colorBrightnessThreshold ? '#fff' : '#000';
                 }
             }
-
             return self;
         };
         self.applyCustomTheme = (theme) => {
@@ -3999,6 +3997,18 @@ let jsPanel = {
                                     );
                                 }
                                 self.front();
+
+                                // if panel is maximized on resize start set status to normalized and swap maximize/normalize buttons
+                                if (self.status === 'maximized') {
+                                    self.status = 'normalized';
+                                    if (self.controlbar.querySelector('.jsPanel-btn-maximize')) {
+                                        self.setControlStatus('maximize', 'show');
+                                    }
+                                    if (self.controlbar.querySelector('.jsPanel-btn-normalize')) {
+                                        self.setControlStatus('normalize', 'hide');
+                                    }
+                                }
+
                                 if (elmtRect.height > startHeight + 5) {
                                     self.status = 'normalized';
                                     self.setControls(['.jsPanel-btn-normalize']);