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

package/dist/bundled/fastbasetemplate/fast.css

@@ -138,16 +138,16 @@ img.app-logo {
 
 #sidebar-button {
     margin-left: 10px;
-    margin-right:  10px;
+    margin-right: 10px;
 }
 
 #sidebar {
+    border-right: 2px solid var(--neutral-fill-rest);
     transition: all 0.2s cubic-bezier(0.945, 0.020, 0.270, 0.665);
     transform-origin: center left; /* Set the transformed position of sidebar to center left side. */
     height: calc(100vh - 76px);
     overflow-y: auto;
     padding: 15px 10px 5px 0;
-    margin-right: 12px;
 }
 
 #main {
@@ -164,10 +164,12 @@ img.app-logo {
 }
 
 #sidebar.hidden {
+    border: 0px;
+    margin: 0px;
     min-width: 0px;
-    width: 0px;
     overflow: hidden;
-    margin: 0px;
+    padding: 0px;
+    width: 0px;
 }
 
 .sidenav fast-menu {
@@ -317,10 +319,6 @@ h1, h2, h3, h4, h5, h6 {
     height: calc(100% - 2em);
 }
 
-.main .card-margin {
-    margin: 1em 0;
-}
-
 .main a, .sidenav a {
     color: var(--accent-foreground-rest);
     text-decoration: underline;

package/dist/bundled/fastgridtemplate/fast_grid_template.css

@@ -103,34 +103,13 @@ img.app-logo {
     margin: 4px 0;
 }
 
-#content {
-    height: calc(100vh - 76px);
-    margin: 0px;
-    width: 100vw;
-    display: flex;
-}
-
 #sidebar-button {
     margin-left: 10px;
     margin-right:  10px;
 }
 
-#sidebar {
-    transition: all 0.2s cubic-bezier(0.945, 0.020, 0.270, 0.665);
-    transform-origin: center left; /* Set the transformed position of sidebar to center left side. */
-    height: calc(100vh - 56px);
-    overflow-y: scroll;
-    padding: 10px;
-    margin-right: 12px;
-}
-
 #main {
-    transition: all 0.2s cubic-bezier(0.945, 0.020, 0.270, 0.665);
-    width: 100%;
-    height: calc(100vh - 56px);
-    padding: 0px;
-    padding-right: 25px;
-    overflow-y: scroll;
+    padding: 0 5px;
 }
 
 #sidebarCollapse {
@@ -138,12 +117,6 @@ img.app-logo {
     border: none;
 }
 
-.sidenav {
-    padding-top: 15px;
-    position: absolute;
-    overflow-y: scroll;
-}
-
 .sidenav fast-menu {
     width: 100%;
 }
@@ -243,8 +216,6 @@ img.app-logo {
 
 #responsive-grid {
     height: 100%;
-    width: calc(100% - 12px);
-    padding: 10px;
 }
 
 .drag-handle {

package/dist/bundled/fastlisttemplate/fast_list_template.css

@@ -0,0 +1,3 @@
+.card-margin {
+    margin: 1em 0;
+}

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; }