Skip to content

Commit f7a30c1

Browse files
Flyer53Flyer53
committed
jsPanel v4.14.0 release
jsPanel v4.14.0 release
1 parent d96700e commit f7a30c1

27 files changed

+158
-76
lines changed

‎CHANGELOG.md

+8
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,13 @@
11
## <span style='color:#563D7C;'>CHANGELOG</span>
22

3+
### <span style='color:#563D7C;'>Version 4.14.0 *2022-04-20*</span>
4+
5+
+ **bugfix** in `close()` method (calling `close()` on an already closed panel caused an error)
6+
+ **updated** option `onwindowresize`
7+
+ **updated** option `onparentresize`
8+
9+
So far the two options `onwindowresize` and `onparentresize` could be set with either boolean `true` to start a preset behaviour or with a `function` to start a custom behaviour on the corresponding resize events. Now you can also set options `onwindowresize` and `onparentresize` with an object optionally allowing the use of both the preset behaviour AND an additional custom behaviour.
10+
311
### <span style='color:#563D7C;'>Version 4.13.0 *2021-11-24*</span>
412

513
+ enabled default use of the PointerEvent API

‎README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<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">
22

33

4-
## [jsPanel 4.13.0 released 2021-11-24](#)
4+
## [jsPanel 4.14.0 released 2022-04-20](#)
55

66
> 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/
77

‎bower.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "jspanel4x",
3-
"version": "4.13.0",
3+
"version": "4.14.0",
44
"authors": [
55
"Stefan Straesser <[email protected]> (http://jspanel.de/)"
66
],

‎dist/extensions/contextmenu/jspanel.contextmenu.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]

‎dist/extensions/datepicker/jspanel.datepicker.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]

‎dist/extensions/datepicker/theme/default.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]

‎dist/extensions/dock/jspanel.dock.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]

‎dist/extensions/hint/jspanel.hint.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]

‎dist/extensions/layout/jspanel.layout.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]
77
* @github https://github.com/Flyer53/jsPanel4.git
88
*/
99

1010
'use strict';
11-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
11+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
1212

1313
if (!jsPanel.layout) {
1414
jsPanel.layout = {

‎dist/extensions/modal/jspanel.modal.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]

‎dist/extensions/tooltip/jspanel.tooltip.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]

‎dist/jspanel.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]

‎dist/jspanel.js

+43-15
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]
@@ -20,21 +20,21 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
2020

2121
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
2222

23-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
23+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2424

2525
// eslint-disable-next-line no-redeclare
2626
// noinspection JSVoidFunctionReturnValueUsed
2727
// eslint-disable-next-line no-redeclare
2828
var jsPanel = {
29-
version: '4.13.0',
30-
date: '2021-11-24 11:58',
29+
version: '4.14.0',
30+
date: '2022-04-20 15:57',
3131
ajaxAlwaysCallbacks: [],
3232
autopositionSpacing: 4,
3333
closeOnEscape: function () {
3434
document.addEventListener('keydown', function (e) {
3535
if (e.key === 'Escape' || e.code === 'Escape' || e.key === 'Esc') {
3636
jsPanel.getPanels(function (panel) {
37-
return panel.classList.contains('jsPanel'); // Array is sorted by z-index (highest first)
37+
return panel.classList.contains('jsPanel'); // Array is sorted by z-index (the highest first)
3838
}).some(function (item) {
3939
if (item.options.closeOnEscape) {
4040
if (typeof item.options.closeOnEscape === 'function') {
@@ -57,7 +57,7 @@ var jsPanel = {
5757
width: '400px',
5858
height: '200px'
5959
},
60-
// must be object
60+
// must be an object
6161
dragit: {
6262
cursor: 'move',
6363
handles: '.jsPanel-headerlogo, .jsPanel-titlebar, .jsPanel-ftr',
@@ -70,7 +70,7 @@ var jsPanel = {
7070
headerControls: {
7171
size: 'md'
7272
},
73-
// must be object
73+
// must be an object
7474
iconfont: undefined,
7575
maximizedMargin: 0,
7676
minimizeTo: 'default',
@@ -1834,7 +1834,7 @@ var jsPanel = {
18341834

18351835
return false;
18361836
},
1837-
// normalizes values for option.maximizedMargin and containment of dragit/resizeit
1837+
// normalizes the values for option.maximizedMargin and containment of dragit/resizeit
18381838
pOcontainment: function pOcontainment(arg) {
18391839
var value = arg;
18401840

@@ -1921,7 +1921,7 @@ var jsPanel = {
19211921
}
19221922
}
19231923

1924-
return values; // return value must be object {width: xxx, height: xxx}
1924+
return values; // return value must be an object {width: xxx, height: xxx}
19251925
},
19261926
pOborder: function pOborder(border) {
19271927
border = border.trim();
@@ -2173,7 +2173,7 @@ var jsPanel = {
21732173

21742174
return false;
21752175
} // normalize on... callbacks
2176-
// callbacks must be array of function(s) in order to be able to dynamically add/remove callbacks (for example in extensions)
2176+
// these callbacks must be an array of function(s) in order to be able to dynamically add/remove callbacks (for example in extensions)
21772177

21782178

21792179
['onbeforeclose', 'onbeforemaximize', 'onbeforeminimize', 'onbeforenormalize', 'onbeforesmallify', 'onbeforeunsmallify', 'onclosed', 'onfronted', 'onmaximized', 'onminimized', 'onnormalized', 'onsmallified', 'onstatuschange', 'onunsmallified'].forEach(function (item) {
@@ -2715,6 +2715,11 @@ var jsPanel = {
27152715
};
27162716

27172717
self.close = function (cb, closedByUser) {
2718+
// if panel does not exist return
2719+
if (!self.parentElement) {
2720+
return;
2721+
}
2722+
27182723
if (self.closetimer) {
27192724
window.clearInterval(self.closetimer);
27202725
}
@@ -4972,13 +4977,26 @@ var jsPanel = {
49724977
} else if (self.snapped && status !== 'minimized') {
49734978
self.snap(self.snapped, true);
49744979
} else if (status === 'normalized' || status === 'smallified' || status === 'maximized') {
4975-
if (typeof onWindowResize === 'function') {
4976-
onWindowResize.call(self, e, self);
4977-
} else {
4980+
var settingType = _typeof(onWindowResize);
4981+
4982+
if (settingType === 'boolean') {
49784983
left = (window.innerWidth - self.offsetWidth) * self.hf;
49794984
self.style.left = left <= 0 ? 0 : left + 'px';
49804985
top = (window.innerHeight - self.offsetHeight) * self.vf;
49814986
self.style.top = top <= 0 ? 0 : top + 'px';
4987+
} else if (settingType === 'function') {
4988+
onWindowResize.call(self, e, self);
4989+
} else if (settingType === 'object') {
4990+
// { preset: boolean, callback: function(event, panel){} }
4991+
if (onWindowResize.preset === true) {
4992+
left = (window.innerWidth - self.offsetWidth) * self.hf;
4993+
self.style.left = left <= 0 ? 0 : left + 'px';
4994+
top = (window.innerHeight - self.offsetHeight) * self.vf;
4995+
self.style.top = top <= 0 ? 0 : top + 'px';
4996+
onWindowResize.callback.call(self, e, self);
4997+
} else {
4998+
onWindowResize.callback.call(self, e, self);
4999+
}
49825000
}
49835001
} else if (status === 'smallifiedmax' && onWindowResize) {
49845002
self.maximize(false, true).smallify();
@@ -5738,6 +5756,7 @@ var jsPanel = {
57385756

57395757
if (options.onparentresize) {
57405758
var onResize = options.onparentresize,
5759+
settingType = _typeof(onResize),
57415760
parentPanel = self.isChildpanel();
57425761

57435762
if (parentPanel) {
@@ -5759,12 +5778,21 @@ var jsPanel = {
57595778
} else if (self.snapped && status !== 'minimized') {
57605779
self.snap(self.snapped, true);
57615780
} else if (status === 'normalized' || status === 'smallified' || status === 'maximized') {
5762-
if (typeof onResize === 'function') {
5781+
if (settingType === 'function') {
57635782
onResize.call(self, self, {
57645783
width: parentContainerSize[0],
57655784
height: parentContainerSize[1]
57665785
});
5767-
} else {
5786+
} else if (settingType === 'object' && onResize.preset === true) {
5787+
left = (parentContainerSize[0] - self.offsetWidth) * self.hf;
5788+
self.style.left = left <= 0 ? 0 : left + 'px';
5789+
top = (parentContainerSize[1] - self.offsetHeight) * self.vf;
5790+
self.style.top = top <= 0 ? 0 : top + 'px';
5791+
onResize.callback.call(self, self, {
5792+
width: parentContainerSize[0],
5793+
height: parentContainerSize[1]
5794+
});
5795+
} else if (settingType === 'boolean') {
57685796
left = (parentContainerSize[0] - self.offsetWidth) * self.hf;
57695797
self.style.left = left <= 0 ? 0 : left + 'px';
57705798
top = (parentContainerSize[1] - self.offsetHeight) * self.vf;

‎dist/jspanel.min.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎es6module/extensions/contextmenu/jspanel.contextmenu.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]

‎es6module/extensions/datepicker/jspanel.datepicker.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]

‎es6module/extensions/datepicker/theme/default.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]

‎es6module/extensions/dock/jspanel.dock.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]

‎es6module/extensions/hint/jspanel.hint.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]

‎es6module/extensions/layout/jspanel.layout.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]

‎es6module/extensions/modal/jspanel.modal.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]

‎es6module/extensions/tooltip/jspanel.tooltip.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]

‎es6module/jspanel.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
3-
* @version v4.13.0
3+
* @version v4.14.0
44
* @homepage https://jspanel.de/
55
* @license MIT
66
* @author Stefan Sträßer - [email protected]

0 commit comments

Comments
 (0)