cnhis-design-vue 3.1.6-beta.1 → 3.1.7

package/es/node_modules/diagram-js/lib/features/popup-menu/PopupMenu.mjs

@@ -1 +1,572 @@
-import{isDefined as t,size as e,assign as i,forEach as r,omit as n,isFunction as o}from"../../../../min-dash/dist/index.esm.mjs";import{remove as s,attr as a,domify as p,assignStyle as c,classes as u,delegate as d}from"../../../../min-dom/dist/index.esm.mjs";var h=["contextPad.close","canvas.viewbox.changing","commandStack.changed"];function l(e,i,r){var n=t(e&&e.scale)?e.scale:{min:1,max:1.5};this._config={scale:n},this._eventBus=i,this._canvas=r,this._providers={},this._current={}}l.$inject=["config.popupMenu","eventBus","canvas"],l.prototype.registerProvider=function(t,e,i){i||(i=e,e=1e3),this._eventBus.on("popupMenu.getProviders."+t,e,(function(t){t.providers.push(i)}))},l.prototype.isEmpty=function(t,i){if(!t)throw new Error("element parameter is missing");if(!i)throw new Error("providerId parameter is missing");var r=this._getProviders(i);if(!r)return!0;var n=this._getEntries(t,r),o=this._getHeaderEntries(t,r),s=e(n)>0,a=o&&e(o)>0;return!s&&!a},l.prototype.open=function(t,r,n){var o=this._getProviders(r);if(!t)throw new Error("Element is missing");if(!o||!o.length)throw new Error("No registered providers for: "+r);if(!n)throw new Error("the position argument is missing");this.isOpen()&&this.close(),this._emit("open");var s=this._current={className:r,element:t,position:n},a=this._getEntries(t,o),p=this._getHeaderEntries(t,o);s.entries=i({},a,p),s.container=this._createContainer(),e(p)&&s.container.appendChild(this._createEntries(p,"djs-popup-header")),e(a)&&s.container.appendChild(this._createEntries(a,"djs-popup-body"));var c=this._canvas.getContainer();this._attachContainer(s.container,c,n.cursor),this._bindAutoClose()},l.prototype.close=function(){this.isOpen()&&(this._emit("close"),this._unbindAutoClose(),s(this._current.container),this._current.container=null)},l.prototype.isOpen=function(){return!!this._current.container},l.prototype.trigger=function(t){t.preventDefault();var e=t.delegateTarget||t.target,i=a(e,"data-id"),r=this._getEntry(i);if(r.action)return r.action.call(null,t,r)},l.prototype._getProviders=function(t){var e=this._eventBus.createEvent({type:"popupMenu.getProviders."+t,providers:[]});return this._eventBus.fire(e),e.providers},l.prototype._getEntries=function(t,e){var i={};return r(e,(function(e){if(e.getPopupMenuEntries){var s=e.getPopupMenuEntries(t);o(s)?i=s(i):r(s,(function(t,e){i[e]=t}))}else r(e.getEntries(t),(function(t){var e=t.id;if(!e)throw new Error("every entry must have the id property set");i[e]=n(t,["id"])}))})),i},l.prototype._getHeaderEntries=function(t,e){var i={};return r(e,(function(e){if(e.getPopupMenuHeaderEntries){var s=e.getPopupMenuHeaderEntries(t);o(s)?i=s(i):r(s,(function(t,e){i[e]=t}))}else{if(!e.getHeaderEntries)return;r(e.getHeaderEntries(t),(function(t){var e=t.id;if(!e)throw new Error("every entry must have the id property set");i[e]=n(t,["id"])}))}})),i},l.prototype._getEntry=function(t){var e=this._current.entries[t];if(!e)throw new Error("entry not found");return e},l.prototype._emit=function(t){this._eventBus.fire("popupMenu."+t)},l.prototype._createContainer=function(){var t=p('<div class="djs-popup">'),e=this._current.position,i=this._current.className;return c(t,{position:"absolute",left:e.x+"px",top:e.y+"px",visibility:"hidden"}),u(t).add(i),t},l.prototype._attachContainer=function(t,e,i){var r=this;d.bind(t,".entry","click",(function(t){r.trigger(t)})),this._updateScale(t),e.appendChild(t),i&&this._assureIsInbounds(t,i)},l.prototype._updateScale=function(e){var i,r,n,o,s=this._canvas.zoom(),a=this._config.scale,p=s;!0!==a&&(!1===a?(i=1,r=1):(i=a.min,r=a.max),t(i)&&s<i&&(p=i),t(r)&&s>r&&(p=r)),o="scale("+p+")",(n=e).style["transform-origin"]="top left",["","-ms-","-webkit-"].forEach((function(t){n.style[t+"transform"]=o}))},l.prototype._assureIsInbounds=function(t,e){var i,r,n=this._canvas._container.getBoundingClientRect(),o=t.offsetLeft,s=t.offsetTop,a=t.scrollWidth,p=t.scrollHeight,u={},d=e.x-n.left,h=e.y-n.top;o+a>n.width&&(u.x=!0),s+p>n.height&&(u.y=!0),u.x&&u.y?(i=d-a+"px",r=h-p+"px"):u.x?(i=d-a+"px",r=h+"px"):u.y&&h<p?(i=d+"px",r="10px"):u.y&&(i=d+"px",r=h-p+"px"),c(t,{left:i,top:r},{visibility:"visible",zIndex:1e3})},l.prototype._createEntries=function(t,e){var i=p("<div>"),n=this;return u(i).add(e),r(t,(function(t,e){var r=n._createEntry(t,e);i.appendChild(r)})),i},l.prototype._createEntry=function(t,e){var i=p("<div>"),r=u(i);if(r.add("entry"),t.className&&t.className.split(" ").forEach((function(t){r.add(t)})),a(i,"data-id",e),t.label){var n=p("<span>");n.textContent=t.label,i.appendChild(n)}return t.imageUrl&&i.appendChild(p('<img src="'+t.imageUrl+'" />')),!0===t.active&&r.add("active"),!0===t.disabled&&r.add("disabled"),t.title&&(i.title=t.title),i},l.prototype._bindAutoClose=function(){this._eventBus.once(h,this.close,this)},l.prototype._unbindAutoClose=function(){this._eventBus.off(h,this.close,this)};export{l as default};
+import { isDefined, size, assign, forEach, omit, isFunction } from '../../../../min-dash/dist/index.esm.mjs';
+import { remove, attr, domify, assignStyle as assign$1, classes, delegate } from '../../../../min-dom/dist/index.esm.mjs';
+
+var DATA_REF = 'data-id';
+
+var CLOSE_EVENTS = [
+  'contextPad.close',
+  'canvas.viewbox.changing',
+  'commandStack.changed'
+];
+
+var DEFAULT_PRIORITY = 1000;
+
+
+/**
+ * A popup menu that can be used to display a list of actions anywhere in the canvas.
+ *
+ * @param {Object} config
+ * @param {boolean|Object} [config.scale={ min: 1.0, max: 1.5 }]
+ * @param {number} [config.scale.min]
+ * @param {number} [config.scale.max]
+ * @param {EventBus} eventBus
+ * @param {Canvas} canvas
+ *
+ * @class
+ * @constructor
+ */
+function PopupMenu(config, eventBus, canvas) {
+
+  var scale = isDefined(config && config.scale) ? config.scale : {
+    min: 1,
+    max: 1.5
+  };
+
+  this._config = {
+    scale: scale
+  };
+
+  this._eventBus = eventBus;
+  this._canvas = canvas;
+  this._providers = {};
+  this._current = {};
+}
+
+PopupMenu.$inject = [
+  'config.popupMenu',
+  'eventBus',
+  'canvas'
+];
+
+/**
+ * Registers a popup menu provider
+ *
+ * @param  {string} id
+ * @param {number} [priority=1000]
+ * @param  {Object} provider
+ *
+ * @example
+ * const popupMenuProvider = {
+ *   getPopupMenuEntries: function(element) {
+ *     return {
+ *       'entry-1': {
+ *         label: 'My Entry',
+ *         action: function() { alert("I have been clicked!"); }
+ *       }
+ *     }
+ *   }
+ * };
+ *
+ * popupMenu.registerProvider('myMenuID', popupMenuProvider);
+ */
+PopupMenu.prototype.registerProvider = function(id, priority, provider) {
+  if (!provider) {
+    provider = priority;
+    priority = DEFAULT_PRIORITY;
+  }
+
+  this._eventBus.on('popupMenu.getProviders.' + id, priority, function(event) {
+    event.providers.push(provider);
+  });
+};
+
+/**
+ * Determine if the popup menu has entries.
+ *
+ * @return {boolean} true if empty
+ */
+PopupMenu.prototype.isEmpty = function(element, providerId) {
+  if (!element) {
+    throw new Error('element parameter is missing');
+  }
+
+  if (!providerId) {
+    throw new Error('providerId parameter is missing');
+  }
+
+  var providers = this._getProviders(providerId);
+
+  if (!providers) {
+    return true;
+  }
+
+  var entries = this._getEntries(element, providers),
+      headerEntries = this._getHeaderEntries(element, providers);
+
+  var hasEntries = size(entries) > 0,
+      hasHeaderEntries = headerEntries && size(headerEntries) > 0;
+
+  return !hasEntries && !hasHeaderEntries;
+};
+
+
+/**
+ * Create entries and open popup menu at given position
+ *
+ * @param  {Object} element
+ * @param  {string} id provider id
+ * @param  {Object} position
+ *
+ * @return {Object} popup menu instance
+ */
+PopupMenu.prototype.open = function(element, id, position) {
+
+  var providers = this._getProviders(id);
+
+  if (!element) {
+    throw new Error('Element is missing');
+  }
+
+  if (!providers || !providers.length) {
+    throw new Error('No registered providers for: ' + id);
+  }
+
+  if (!position) {
+    throw new Error('the position argument is missing');
+  }
+
+  if (this.isOpen()) {
+    this.close();
+  }
+
+  this._emit('open');
+
+  var current = this._current = {
+    className: id,
+    element: element,
+    position: position
+  };
+
+  var entries = this._getEntries(element, providers),
+      headerEntries = this._getHeaderEntries(element, providers);
+
+  current.entries = assign({}, entries, headerEntries);
+
+  current.container = this._createContainer();
+
+  if (size(headerEntries)) {
+    current.container.appendChild(
+      this._createEntries(headerEntries, 'djs-popup-header')
+    );
+  }
+
+  if (size(entries)) {
+    current.container.appendChild(
+      this._createEntries(entries, 'djs-popup-body')
+    );
+  }
+
+  var canvas = this._canvas,
+      parent = canvas.getContainer();
+
+  this._attachContainer(current.container, parent, position.cursor);
+  this._bindAutoClose();
+};
+
+
+/**
+ * Removes the popup menu and unbinds the event handlers.
+ */
+PopupMenu.prototype.close = function() {
+
+  if (!this.isOpen()) {
+    return;
+  }
+
+  this._emit('close');
+
+  this._unbindAutoClose();
+  remove(this._current.container);
+  this._current.container = null;
+};
+
+
+/**
+ * Determine if an open popup menu exist.
+ *
+ * @return {boolean} true if open
+ */
+PopupMenu.prototype.isOpen = function() {
+  return !!this._current.container;
+};
+
+
+/**
+ * Trigger an action associated with an entry.
+ *
+ * @param {Object} event
+ *
+ * @return the result of the action callback, if any
+ */
+PopupMenu.prototype.trigger = function(event) {
+
+  // silence other actions
+  event.preventDefault();
+
+  var element = event.delegateTarget || event.target,
+      entryId = attr(element, DATA_REF);
+
+  var entry = this._getEntry(entryId);
+
+  if (entry.action) {
+    return entry.action.call(null, event, entry);
+  }
+};
+
+PopupMenu.prototype._getProviders = function(id) {
+
+  var event = this._eventBus.createEvent({
+    type: 'popupMenu.getProviders.' + id,
+    providers: []
+  });
+
+  this._eventBus.fire(event);
+
+  return event.providers;
+};
+
+PopupMenu.prototype._getEntries = function(element, providers) {
+
+  var entries = {};
+
+  forEach(providers, function(provider) {
+
+    // handle legacy method
+    if (!provider.getPopupMenuEntries) {
+      forEach(provider.getEntries(element), function(entry) {
+        var id = entry.id;
+
+        if (!id) {
+          throw new Error('every entry must have the id property set');
+        }
+
+        entries[id] = omit(entry, [ 'id' ]);
+      });
+
+      return;
+    }
+
+    var entriesOrUpdater = provider.getPopupMenuEntries(element);
+
+    if (isFunction(entriesOrUpdater)) {
+      entries = entriesOrUpdater(entries);
+    } else {
+      forEach(entriesOrUpdater, function(entry, id) {
+        entries[id] = entry;
+      });
+    }
+  });
+
+  return entries;
+};
+
+PopupMenu.prototype._getHeaderEntries = function(element, providers) {
+
+  var entries = {};
+
+  forEach(providers, function(provider) {
+
+    // handle legacy method
+    if (!provider.getPopupMenuHeaderEntries) {
+      if (!provider.getHeaderEntries) {
+        return;
+      }
+
+      forEach(provider.getHeaderEntries(element), function(entry) {
+        var id = entry.id;
+
+        if (!id) {
+          throw new Error('every entry must have the id property set');
+        }
+
+        entries[id] = omit(entry, [ 'id' ]);
+      });
+
+      return;
+    }
+
+    var entriesOrUpdater = provider.getPopupMenuHeaderEntries(element);
+
+    if (isFunction(entriesOrUpdater)) {
+      entries = entriesOrUpdater(entries);
+    } else {
+      forEach(entriesOrUpdater, function(entry, id) {
+        entries[id] = entry;
+      });
+    }
+  });
+
+  return entries;
+
+
+};
+
+/**
+ * Gets an entry instance (either entry or headerEntry) by id.
+ *
+ * @param  {string} entryId
+ *
+ * @return {Object} entry instance
+ */
+PopupMenu.prototype._getEntry = function(entryId) {
+
+  var entry = this._current.entries[entryId];
+
+  if (!entry) {
+    throw new Error('entry not found');
+  }
+
+  return entry;
+};
+
+PopupMenu.prototype._emit = function(eventName) {
+  this._eventBus.fire('popupMenu.' + eventName);
+};
+
+/**
+ * Creates the popup menu container.
+ *
+ * @return {Object} a DOM container
+ */
+PopupMenu.prototype._createContainer = function() {
+  var container = domify('<div class="djs-popup">'),
+      position = this._current.position,
+      className = this._current.className;
+
+  assign$1(container, {
+    position: 'absolute',
+    left: position.x + 'px',
+    top: position.y + 'px',
+    visibility: 'hidden'
+  });
+
+  classes(container).add(className);
+
+  return container;
+};
+
+
+/**
+ * Attaches the container to the DOM.
+ *
+ * @param {Object} container
+ * @param {Object} parent
+ */
+PopupMenu.prototype._attachContainer = function(container, parent, cursor) {
+  var self = this;
+
+  // Event handler
+  delegate.bind(container, '.entry' ,'click', function(event) {
+    self.trigger(event);
+  });
+
+  this._updateScale(container);
+
+  // Attach to DOM
+  parent.appendChild(container);
+
+  if (cursor) {
+    this._assureIsInbounds(container, cursor);
+  }
+};
+
+
+/**
+ * Updates popup style.transform with respect to the config and zoom level.
+ *
+ * @method _updateScale
+ *
+ * @param {Object} container
+ */
+PopupMenu.prototype._updateScale = function(container) {
+  var zoom = this._canvas.zoom();
+
+  var scaleConfig = this._config.scale,
+      minScale,
+      maxScale,
+      scale = zoom;
+
+  if (scaleConfig !== true) {
+
+    if (scaleConfig === false) {
+      minScale = 1;
+      maxScale = 1;
+    } else {
+      minScale = scaleConfig.min;
+      maxScale = scaleConfig.max;
+    }
+
+    if (isDefined(minScale) && zoom < minScale) {
+      scale = minScale;
+    }
+
+    if (isDefined(maxScale) && zoom > maxScale) {
+      scale = maxScale;
+    }
+
+  }
+
+  setTransform(container, 'scale(' + scale + ')');
+};
+
+
+/**
+ * Make sure that the menu is always fully shown
+ *
+ * @method function
+ *
+ * @param  {Object} container
+ * @param  {Position} cursor {x, y}
+ */
+PopupMenu.prototype._assureIsInbounds = function(container, cursor) {
+  var canvas = this._canvas,
+      clientRect = canvas._container.getBoundingClientRect();
+
+  var containerX = container.offsetLeft,
+      containerY = container.offsetTop,
+      containerWidth = container.scrollWidth,
+      containerHeight = container.scrollHeight,
+      overAxis = {},
+      left, top;
+
+  var cursorPosition = {
+    x: cursor.x - clientRect.left,
+    y: cursor.y - clientRect.top
+  };
+
+  if (containerX + containerWidth > clientRect.width) {
+    overAxis.x = true;
+  }
+
+  if (containerY + containerHeight > clientRect.height) {
+    overAxis.y = true;
+  }
+
+  if (overAxis.x && overAxis.y) {
+    left = cursorPosition.x - containerWidth + 'px';
+    top = cursorPosition.y - containerHeight + 'px';
+  } else if (overAxis.x) {
+    left = cursorPosition.x - containerWidth + 'px';
+    top = cursorPosition.y + 'px';
+  } else if (overAxis.y && cursorPosition.y < containerHeight) {
+    left = cursorPosition.x + 'px';
+    top = 10 + 'px';
+  } else if (overAxis.y) {
+    left = cursorPosition.x + 'px';
+    top = cursorPosition.y - containerHeight + 'px';
+  }
+
+  assign$1(container, { left: left, top: top }, { visibility: 'visible', 'zIndex': 1000 });
+};
+
+
+/**
+ * Creates a list of entries and returns them as a DOM container.
+ *
+ * @param {Array<Object>} entries an array of entry objects
+ * @param {string} className the class name of the entry container
+ *
+ * @return {Object} a DOM container
+ */
+PopupMenu.prototype._createEntries = function(entries, className) {
+
+  var entriesContainer = domify('<div>'),
+      self = this;
+
+  classes(entriesContainer).add(className);
+
+  forEach(entries, function(entry, id) {
+    var entryContainer = self._createEntry(entry, id);
+    entriesContainer.appendChild(entryContainer);
+  });
+
+  return entriesContainer;
+};
+
+
+/**
+ * Creates a single entry and returns it as a DOM container.
+ *
+ * @param  {Object} entry
+ *
+ * @return {Object} a DOM container
+ */
+PopupMenu.prototype._createEntry = function(entry, id) {
+
+  var entryContainer = domify('<div>'),
+      entryClasses = classes(entryContainer);
+
+  entryClasses.add('entry');
+
+  if (entry.className) {
+    entry.className.split(' ').forEach(function(className) {
+      entryClasses.add(className);
+    });
+  }
+
+  attr(entryContainer, DATA_REF, id);
+
+  if (entry.label) {
+    var label = domify('<span>');
+    label.textContent = entry.label;
+    entryContainer.appendChild(label);
+  }
+
+  if (entry.imageUrl) {
+    entryContainer.appendChild(domify('<img src="' + entry.imageUrl + '" />'));
+  }
+
+  if (entry.active === true) {
+    entryClasses.add('active');
+  }
+
+  if (entry.disabled === true) {
+    entryClasses.add('disabled');
+  }
+
+  if (entry.title) {
+    entryContainer.title = entry.title;
+  }
+
+  return entryContainer;
+};
+
+
+/**
+ * Set up listener to close popup automatically on certain events.
+ */
+PopupMenu.prototype._bindAutoClose = function() {
+  this._eventBus.once(CLOSE_EVENTS, this.close, this);
+};
+
+
+/**
+ * Remove the auto-closing listener.
+ */
+PopupMenu.prototype._unbindAutoClose = function() {
+  this._eventBus.off(CLOSE_EVENTS, this.close, this);
+};
+
+
+
+// helpers /////////////////////////////
+
+function setTransform(element, transform) {
+  element.style['transform-origin'] = 'top left';
+
+  [ '', '-ms-', '-webkit-' ].forEach(function(prefix) {
+    element.style[prefix + 'transform'] = transform;
+  });
+}
+
+export { PopupMenu as default };

package/es/node_modules/diagram-js/lib/features/rules/RuleProvider.mjs

@@ -1 +1,88 @@
-import t from"../../../../inherits-browser/dist/index.es.mjs";import n from"../../command/CommandInterceptor.mjs";function i(t){n.call(this,t),this.init()}i.$inject=["eventBus"],t(i,n),i.prototype.addRule=function(t,n,i){var o=this;"string"==typeof t&&(t=[t]),t.forEach((function(t){o.canExecute(t,n,(function(t,n,o){return i(t)}),!0)}))},i.prototype.init=function(){};export{i as default};
+import e from '../../../../inherits-browser/dist/index.es.mjs';
+import CommandInterceptor from '../../command/CommandInterceptor.mjs';
+
+/**
+ * A basic provider that may be extended to implement modeling rules.
+ *
+ * Extensions should implement the init method to actually add their custom
+ * modeling checks. Checks may be added via the #addRule(action, fn) method.
+ *
+ * @param {EventBus} eventBus
+ */
+function RuleProvider(eventBus) {
+  CommandInterceptor.call(this, eventBus);
+
+  this.init();
+}
+
+RuleProvider.$inject = [ 'eventBus' ];
+
+e(RuleProvider, CommandInterceptor);
+
+
+/**
+ * Adds a modeling rule for the given action, implemented through
+ * a callback function.
+ *
+ * The function will receive the modeling specific action context
+ * to perform its check. It must return `false` to disallow the
+ * action from happening or `true` to allow the action.
+ *
+ * A rule provider may pass over the evaluation to lower priority
+ * rules by returning return nothing (or <code>undefined</code>).
+ *
+ * @example
+ *
+ * ResizableRules.prototype.init = function() {
+ *
+ *   \/**
+ *    * Return `true`, `false` or nothing to denote
+ *    * _allowed_, _not allowed_ and _continue evaluating_.
+ *    *\/
+ *   this.addRule('shape.resize', function(context) {
+ *
+ *     var shape = context.shape;
+ *
+ *     if (!context.newBounds) {
+ *       // check general resizability
+ *       if (!shape.resizable) {
+ *         return false;
+ *       }
+ *
+ *       // not returning anything (read: undefined)
+ *       // will continue the evaluation of other rules
+ *       // (with lower priority)
+ *       return;
+ *     } else {
+ *       // element must have minimum size of 10*10 points
+ *       return context.newBounds.width > 10 && context.newBounds.height > 10;
+ *     }
+ *   });
+ * };
+ *
+ * @param {string|Array<string>} actions the identifier for the modeling action to check
+ * @param {number} [priority] the priority at which this rule is being applied
+ * @param {Function} fn the callback function that performs the actual check
+ */
+RuleProvider.prototype.addRule = function(actions, priority, fn) {
+
+  var self = this;
+
+  if (typeof actions === 'string') {
+    actions = [ actions ];
+  }
+
+  actions.forEach(function(action) {
+
+    self.canExecute(action, priority, function(context, action, event) {
+      return fn(context);
+    }, true);
+  });
+};
+
+/**
+ * Implement this method to add new rules during provider initialization.
+ */
+RuleProvider.prototype.init = function() {};
+
+export { RuleProvider as default };