@holoviz/panel 1.0.0-b.17 → 1.0.0-b.18

package/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/contextmenu/jspanel.contextmenu.js

@@ -0,0 +1,137 @@
+/**
+ * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
+ * @version v4.12.0
+ * @homepage https://jspanel.de/
+ * @license MIT
+ * @author Stefan Sträßer - info@jspanel.de
+ * @github https://github.com/Flyer53/jsPanel4.git
+ */
+
+'use strict';
+if (!jsPanel.contextmenu) {
+  jsPanel.contextmenu = {
+    version: '1.2.0',
+    date: '2021-01-13 10:40',
+    defaults: {
+      //position: is set in jsPanel.contextmenu.create()
+      //container: is set in jsPanel.contextmenu.create()
+      dragit: false,
+      resizeit: false,
+      header: false,
+      headerControls: 'none',
+      closeOnMouseleave: true
+    },
+    cmOverflow: function cmOverflow(elmt) {
+      var cltX = elmt.cmEvent.clientX,
+          cltY = elmt.cmEvent.clientY,
+          panelW = elmt.offsetWidth,
+          panelH = elmt.offsetHeight,
+          corrLeft = window.innerWidth - (cltX + panelW),
+          corrTop = window.innerHeight - (cltY + panelH);
+
+      if (corrLeft < 0) {
+        elmt.style.left = cltX + (window.scrollX || window.pageXOffset) - panelW + 'px';
+      }
+
+      if (corrTop < 0) {
+        elmt.style.top = cltY + (window.scrollY || window.pageYOffset) - panelH + 'px';
+      }
+    },
+    create: function create() {
+      var _this = this;
+
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var evt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'contextmenu';
+      options.paneltype = 'contextmenu';
+      var target = options.target;
+
+      if (!target) {
+        return false;
+      }
+
+      if (typeof target === 'string') {
+        target = document.querySelector(target);
+      }
+
+      target.addEventListener(evt, function (e) {
+        e.preventDefault(); // close all contextmenus first
+
+        document.querySelectorAll('.jsPanel-contextmenu').forEach(function (item) {
+          item.close();
+        });
+        var l = (e.pageX || e.touches[0].pageX) + 'px',
+            t = (e.pageY || e.touches[0].pageY) + 'px',
+            opts = options;
+
+        if (options.config) {
+          opts = Object.assign({}, options.config, options);
+          delete opts.config;
+        }
+
+        opts = Object.assign({}, _this.defaults, opts, {
+          position: false,
+          container: 'body'
+        });
+        jsPanel.create(opts, function (cm) {
+          jsPanel.setStyle(cm, {
+            position: 'absolute',
+            left: l,
+            top: t
+          }); // check whether contextmenu is triggered from within a modal panel or panel and if so update z-index
+
+          var closestModal = target.closest('.jsPanel-modal');
+
+          if (closestModal) {
+            cm.style.zIndex = closestModal.style.zIndex;
+          } else {
+            var closestPanel = target.closest('.jsPanel');
+
+            if (closestPanel) {
+              closestPanel.front();
+            }
+
+            cm.style.zIndex = jsPanel.zi.next();
+          } // save event object as property of cm outer div (needed in checkContextmenuOverflow())
+
+
+          cm.cmEvent = e; // update left/top values if menu overflows browser viewport
+
+          jsPanel.contextmenu.cmOverflow(cm);
+
+          if (opts.closeOnMouseleave) {
+            cm.addEventListener('mouseleave', function () {
+              cm.close();
+            }, false);
+          } // don't close contextmenu on mousedown in contextmenu
+
+
+          jsPanel.pointerdown.forEach(function (evt) {
+            cm.addEventListener(evt, function (e) {
+              e.stopPropagation();
+            });
+          });
+        });
+      }, false);
+    }
+  }; // add overflow check to jsPanel.contentAjax always callback
+
+  jsPanel.ajaxAlwaysCallbacks.push(function (xhr, obj) {
+    if (obj && obj.classList && obj.classList.contains('jsPanel-contextmenu')) {
+      jsPanel.contextmenu.cmOverflow(obj);
+    }
+  }); // close tooltips on pointerdown in document
+
+  jsPanel.pointerdown.forEach(function (evt) {
+    document.addEventListener(evt, function (e) {
+      document.querySelectorAll('.jsPanel-contextmenu').forEach(function (item) {
+        if (!e.target.closest('.jsPanel-contextmenu')) {
+          item.close();
+        }
+      });
+    }, false);
+  });
+}
+
+// Add CommonJS module exports, so it can be imported using require() in Node.js
+// https://nodejs.org/docs/latest/api/modules.html
+if (typeof module !== 'undefined') { module.exports = jsPanel; }

package/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/dock/jspanel.dock.js

@@ -0,0 +1,266 @@
+/**
+ * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
+ * @version v4.12.0
+ * @homepage https://jspanel.de/
+ * @license MIT
+ * @author Stefan Sträßer - info@jspanel.de
+ * @github https://github.com/Flyer53/jsPanel4.git
+ */
+
+'use strict';
+if (!jsPanel.dock) {
+  jsPanel.dock = {
+    version: '1.1.3',
+    date: '2020-06-04 08:38',
+    defaults: {
+      position: {
+        my: 'left-top',
+        at: 'right-top'
+      },
+      linkSlaveHeight: false,
+      linkSlaveWidth: false,
+      callback: false
+    }
+  };
+
+  var dockPanel = function dockPanel(config) {
+    var master,
+        slave = this; // this refers to slave panel
+
+    this.slaveconfig = Object.assign({}, jsPanel.dock.defaults, config);
+
+    if (this.slaveconfig.master && this.slaveconfig.master.nodeType === 1) {
+      master = this.slaveconfig.master;
+    } else {
+      master = document.querySelector(this.slaveconfig.master);
+    }
+
+    if (!master) {
+      // if master does not exist show error panel return false
+      if (this.errorReporting) {
+        var err = '&#9664; COULD NOT DOCK PANEL &#9658;<br>The configured master panel to does not exist';
+        jsPanel.errorpanel(err);
+      }
+
+      return false;
+    } else {
+      if (!master.slaves) {
+        master.slaves = new Set();
+      }
+
+      if (!master.handlers) {
+        master.handlers = {};
+      } // set interactions between master and slaves
+
+
+      if (!master.handlers.fronted) {
+        master.options.onfronted.push(function () {
+          var zI = master.style.zIndex;
+          master.slaves.forEach(function (sl) {
+            sl.style.zIndex = zI;
+          });
+          return true;
+        });
+        master.handlers.fronted = true;
+      }
+
+      if (!master.handlers.smallified) {
+        master.options.onsmallified.push(function () {
+          master.slaves.forEach(function (sl) {
+            sl.smallify().reposition();
+          });
+          return true;
+        });
+        master.handlers.smallified = true;
+      }
+
+      if (!master.handlers.unsmallified) {
+        master.options.onunsmallified.push(function () {
+          master.slaves.forEach(function (sl) {
+            sl.unsmallify().reposition();
+          });
+          return true;
+        });
+        master.handlers.unsmallified = true;
+      }
+
+      if (!master.handlers.closed) {
+        master.options.onclosed.push(function () {
+          master.slaves.forEach(function (sl) {
+            sl.close();
+          });
+          return true;
+        });
+        master.handlers.closed = true;
+      }
+
+      if (!master.handlers.minimized) {
+        master.options.onminimized.push(function () {
+          master.slaves.forEach(function (sl) {
+            sl.minimize();
+          });
+          return true;
+        });
+        master.handlers.minimized = true;
+      }
+
+      if (!master.handlers.maximized) {
+        master.options.onmaximized.push(function () {
+          master.slaves.forEach(function (sl) {
+            sl.normalize();
+
+            if (sl.slaveconfig.linkSlaveHeight) {
+              var height = window.getComputedStyle(master).height;
+              sl.resize({
+                height: height
+              });
+            }
+
+            if (sl.slaveconfig.linkSlaveWidth) {
+              var width = window.getComputedStyle(master).width;
+              sl.resize({
+                width: width
+              });
+            }
+
+            sl.reposition();
+          });
+          return true;
+        });
+        master.handlers.maximized = true;
+      }
+
+      if (!master.handlers.normalized) {
+        master.options.onnormalized.push(function () {
+          master.slaves.forEach(function (sl) {
+            sl.normalize();
+
+            if (sl.slaveconfig.linkSlaveHeight) {
+              var height = window.getComputedStyle(master).height;
+              sl.resize({
+                height: height
+              });
+            }
+
+            if (sl.slaveconfig.linkSlaveWidth) {
+              var width = window.getComputedStyle(master).width;
+              sl.resize({
+                width: width
+              });
+            }
+
+            sl.reposition();
+          });
+          return true;
+        });
+        master.handlers.normalized = true;
+      }
+    }
+
+    var position = Object.assign({}, this.slaveconfig.position, {
+      of: master,
+      minLeft: false,
+      minTop: false,
+      maxLeft: false,
+      maxTop: false,
+      autoposition: false,
+      modify: false
+    });
+
+    if (!position.my) {
+      position.my = jsPanel.dock.defaults.position.my;
+    }
+
+    if (!position.at) {
+      position.at = jsPanel.dock.defaults.position.at;
+    }
+
+    slave.options.position = position;
+    ['smallify', 'minimize', 'normalize', 'maximize'].forEach(function (ctrl) {
+      slave.setControlStatus(ctrl, 'remove');
+    });
+
+    if (this.slaveconfig.linkSlaveHeight) {
+      var height = window.getComputedStyle(master).height;
+      slave.resize({
+        height: height
+      });
+    }
+
+    if (this.slaveconfig.linkSlaveWidth) {
+      var width = window.getComputedStyle(master).width;
+      slave.resize({
+        width: width
+      });
+    } // position slave
+
+
+    slave.reposition(position); // set necessary slave panel options
+
+    slave.dragit('disable');
+    slave.resizeit('disable');
+    slave.options.minimizeTo = false; // remove slave from master.slaves Set when slave is closed
+
+    slave.options.onclosed.push(function () {
+      master.slaves["delete"](slave);
+    });
+    slave.options.onfronted.push(function (panel) {
+      var zI = panel.style.zIndex;
+      master.style.zIndex = zI;
+      master.slaves.forEach(function (sl) {
+        sl.style.zIndex = zI;
+      });
+    }); // set necessary master options
+
+    master.reposSlave = function () {
+      if (document.querySelector('#' + slave.id)) {
+        slave.reposition();
+      }
+    };
+
+    if (master.options.dragit) {
+      master.options.dragit.drag.push(master.reposSlave);
+    }
+
+    master.resizeSlave = function () {
+      if (document.querySelector('#' + slave.id)) {
+        slave.reposition();
+
+        if (slave.slaveconfig.linkSlaveHeight) {
+          var h = window.getComputedStyle(master).height;
+          slave.resize({
+            height: h
+          });
+        }
+
+        if (slave.slaveconfig.linkSlaveWidth) {
+          var w = window.getComputedStyle(master).width;
+          slave.resize({
+            width: w
+          });
+        }
+      }
+    };
+
+    if (master.options.resizeit) {
+      master.options.resizeit.resize.push(master.resizeSlave);
+    }
+
+    master.slaves.add(slave);
+    slave.dockedTo = master.id;
+
+    if (this.slaveconfig.callback) {
+      this.slaveconfig.callback.call(slave, master, slave);
+    }
+
+    return slave;
+  };
+
+  jsPanel.extend({
+    dock: dockPanel
+  });
+}
+
+// Add CommonJS module exports, so it can be imported using require() in Node.js
+// https://nodejs.org/docs/latest/api/modules.html
+if (typeof module !== 'undefined') { module.exports = jsPanel; }

package/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/hint/jspanel.hint.js

@@ -0,0 +1,43 @@
+/**
+ * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
+ * @version v4.12.0
+ * @homepage https://jspanel.de/
+ * @license MIT
+ * @author Stefan Sträßer - info@jspanel.de
+ * @github https://github.com/Flyer53/jsPanel4.git
+ */
+
+'use strict';
+if (!jsPanel.hint) {
+  jsPanel.hint = {
+    version: '1.2.3',
+    date: '2019-05-18 10:50',
+    defaults: {
+      autoclose: true,
+      dragit: false,
+      resizeit: false,
+      headerControls: 'closeonly xs'
+    },
+    create: function create() {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      options.paneltype = 'hint';
+      var opts = options;
+
+      if (options.config) {
+        opts = Object.assign({}, options.config, options);
+        delete opts.config;
+      }
+
+      opts = Object.assign({}, this.defaults, opts);
+      return jsPanel.create(opts, function (hint) {
+        hint.style.zIndex = 9999;
+        hint.header.style.cursor = 'default';
+        hint.footer.style.cursor = 'default';
+      });
+    }
+  };
+}
+
+// Add CommonJS module exports, so it can be imported using require() in Node.js
+// https://nodejs.org/docs/latest/api/modules.html
+if (typeof module !== 'undefined') { module.exports = jsPanel; }

package/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/layout/jspanel.layout.js

@@ -0,0 +1,187 @@
+/**
+ * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
+ * @version v4.12.0
+ * @homepage https://jspanel.de/
+ * @license MIT
+ * @author Stefan Sträßer - info@jspanel.de
+ * @github https://github.com/Flyer53/jsPanel4.git
+ */
+
+'use strict';
+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); }
+
+if (!jsPanel.layout) {
+  jsPanel.layout = {
+    version: '1.4.1',
+    date: '2021-01-19 10:50',
+    storage: localStorage,
+    save: function save() {
+      var saveConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var selector = saveConfig.selector ? saveConfig.selector : '.jsPanel-standard';
+      var storageName = saveConfig.storagename ? saveConfig.storagename : 'jspanels';
+      var collection = document.querySelectorAll(selector);
+      var panels = [];
+      collection.forEach(function (item) {
+        var panelData = item.currentData;
+        panelData.status = item.status;
+        panelData.zIndex = item.style.zIndex;
+        panelData.id = item.id;
+        panelData.data = item.options.data || undefined;
+        panels.push(panelData);
+      });
+      panels.sort(function (a, b) {
+        return a.zIndex - b.zIndex;
+      });
+      this.storage.removeItem(storageName);
+      var storedData = JSON.stringify(panels);
+      this.storage.setItem(storageName, storedData);
+      return storedData;
+    },
+    getAll: function getAll() {
+      var storagename = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'jspanels';
+
+      if (this.storage[storagename]) {
+        return JSON.parse(this.storage[storagename]);
+      } else {
+        return false;
+      }
+    },
+    getDataset: function getDataset(value) {
+      var attr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'id';
+      var storagename = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'jspanels';
+      var findall = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+
+      if (this.storage[storagename]) {
+        var datasets = this.getAll(storagename),
+            set; // findall true will return an array with all matches or at least an empty array
+
+        if (findall) {
+          set = [];
+        }
+
+        datasets.forEach(function (item) {
+          var type = _typeof(item[attr]);
+
+          if (type === 'string' || type === 'number') {
+            if (item[attr] === value) {
+              if (!set) {
+                set = item;
+              } else {
+                set.push(item);
+              }
+            }
+          } else if (Array.isArray(item[attr])) {
+            if (item[attr].includes(value)) {
+              if (!set) {
+                set = item;
+              } else {
+                set.push(item);
+              }
+            }
+          } else if (_typeof(item[attr]) === 'object') {
+            for (var prop in item[attr]) {
+              if (item[attr][prop] === value) {
+                if (!set) {
+                  set = item;
+                  break;
+                } else {
+                  set.push(item);
+                }
+              }
+            }
+          }
+        });
+        return set ? set : false;
+      } else {
+        return false;
+      }
+    },
+    restoreId: function restoreId() {
+      var restoreConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var id, config, storageName;
+
+      if (!restoreConfig.id || !restoreConfig.config) {
+        // eslint-disable-next-line no-console
+        console.error('Id or predefined panel configuration is missing!');
+        return false;
+      } else {
+        id = restoreConfig.id;
+        config = restoreConfig.config;
+        storageName = restoreConfig.storagename ? restoreConfig.storagename : 'jspanels';
+      }
+
+      var storedpanel = this.getDataset(id, 'id', storageName);
+
+      if (storedpanel) {
+        var savedConfig = {
+          id: storedpanel.id,
+          panelSize: {
+            width: storedpanel.width,
+            height: storedpanel.height
+          },
+          position: "left-top ".concat(storedpanel.left, " ").concat(storedpanel.top),
+          zIndex: storedpanel.zIndex
+        };
+        var useConfig = Object.assign({}, config, savedConfig);
+        return jsPanel.create(useConfig, function (panel) {
+          panel.style.zIndex = savedConfig.zIndex;
+          panel.saveCurrentDimensions();
+          panel.saveCurrentPosition();
+          panel.calcSizeFactors(); // don't put code below in savedConfig.setStatus
+
+          if (storedpanel.status !== 'normalized') {
+            if (storedpanel.status === 'minimized') {
+              panel.minimize();
+            } else if (storedpanel.status === 'maximized') {
+              panel.maximize();
+            } else if (storedpanel.status === 'smallified') {
+              panel.smallify();
+            } else if (storedpanel.status === 'smallifiedmax') {
+              panel.maximize().smallify();
+            }
+          }
+        });
+      }
+    },
+    restore: function restore() {
+      var restoreConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var predefinedConfigs, storageName;
+
+      if (!restoreConfig.configs) {
+        // eslint-disable-next-line no-console
+        console.error('Object with predefined panel configurations is missing!');
+        return false;
+      } else {
+        predefinedConfigs = restoreConfig.configs;
+        storageName = restoreConfig.storagename ? restoreConfig.storagename : 'jspanels';
+      }
+
+      if (this.storage[storageName]) {
+        var storedPanels = this.getAll(storageName); // loop over all panels in storageName
+
+        storedPanels.forEach(function (item) {
+          var pId = item.id; // loop over predefined configs to find config with pId
+          // this makes it unnecessary that identifiers for a certain config is the same as id in config
+
+          for (var conf in predefinedConfigs) {
+            if (Object.prototype.hasOwnProperty.call(predefinedConfigs, conf)) {
+              if (predefinedConfigs[conf].id === pId) {
+                jsPanel.layout.restoreId({
+                  id: pId,
+                  config: predefinedConfigs[conf],
+                  storagename: storageName
+                });
+              }
+            }
+          }
+        });
+      } else {
+        return false;
+      }
+    }
+  };
+}
+
+// Add CommonJS module exports, so it can be imported using require() in Node.js
+// https://nodejs.org/docs/latest/api/modules.html
+if (typeof module !== 'undefined') { module.exports = jsPanel; }