feat(palette): integrate multi selection + space tool

related to #244

assets/bpmn-font/css/bpmn.css

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'bpmn';
-  src: url('../font/bpmn.eot?84549978');
+  src: url('../font/bpmn.eot?3763319');
-  src: url('../font/bpmn.eot?84549978#iefix') format('embedded-opentype'),
+  src: url('../font/bpmn.eot?3763319#iefix') format('embedded-opentype'),
-       url('../font/bpmn.woff?84549978') format('woff'),
+       url('../font/bpmn.woff?3763319') format('woff'),
-       url('../font/bpmn.ttf?84549978') format('truetype'),
+       url('../font/bpmn.ttf?3763319') format('truetype'),
-       url('../font/bpmn.svg?84549978#bpmn') format('svg');
+       url('../font/bpmn.svg?3763319#bpmn') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -14,7 +14,7 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: 'bpmn';
-    src: url('../font/bpmn.svg?84549978#bpmn') format('svg');
+    src: url('../font/bpmn.svg?3763319#bpmn') format('svg');
   }
 }
 */
@@ -147,7 +147,6 @@
 .icon-intermediate-event-throw-signal:before { content: '\e85a'; } /* '' */
 .icon-intermediate-event-catch-non-interrupting-condition:before { content: '\e85b'; } /* '' */
 .icon-participant:before { content: '\e85c'; } /* '' */
-.icon-edit-default:before { content: '\e85d'; } /* '' */
+.icon-space-tool:before { content: '\e85f'; } /* '' */
-.icon-edit-navigation:before { content: '\e85e'; } /* '' */
+.icon-connection-multi:before { content: '\e860'; } /* '' */
-.icon-edit-space-tool:before { content: '\e85f'; } /* '' */
+.icon-multi-select-tool:before { content: '\e862'; } /* '' */
-.icon-connection-multi:before { content: '\e860'; } /* '' */

lib/features/palette/PaletteProvider.js

@@ -5,18 +5,19 @@ var assign = require('lodash/object/assign');
 /**
  * A palette provider for BPMN 2.0 elements.
  */
-function PaletteProvider(palette, create, elementFactory, spaceTool) {
+function PaletteProvider(palette, create, elementFactory, spaceTool, lassoTool) {
 
   this._create = create;
   this._elementFactory = elementFactory;
   this._spaceTool = spaceTool;
+  this._lassoTool = lassoTool;
 
   palette.registerProvider(this);
 }
 
 module.exports = PaletteProvider;
 
-PaletteProvider.$inject = [ 'palette', 'create', 'elementFactory', 'spaceTool' ];
+PaletteProvider.$inject = [ 'palette', 'create', 'elementFactory', 'spaceTool', 'lassoTool' ];
 
 
 PaletteProvider.prototype.getPaletteEntries = function(element) {
@@ -24,7 +25,8 @@ PaletteProvider.prototype.getPaletteEntries = function(element) {
   var actions  = {},
       create = this._create,
       elementFactory = this._elementFactory,
-      spaceTool = this._spaceTool;
+      spaceTool = this._spaceTool,
+      lassoTool = this._lassoTool;
 
 
   function createAction(type, group, className, title, options) {
@@ -55,16 +57,30 @@ PaletteProvider.prototype.getPaletteEntries = function(element) {
   }
 
   assign(actions, {
+    'multi-select-tool': {
+      group: 'tools',
+      className: 'icon-multi-select-tool',
+      title: 'Active the multi select tool',
+      action: {
+        click: function(event) {
+          lassoTool.activateSelection(event);
+        }
+      }
+    },
     'space-tool': {
-      group: 'tool',
+      group: 'tools',
-      className: 'icon-edit-space-tool',
+      className: 'icon-space-tool',
-      title: 'Create/remove space on the diagram',
+      title: 'Activate the create/remove space tool',
       action: {
         click: function(event) {
           spaceTool.activateSelection(event);
         }
       }
     },
+    'tool-separator': {
+      group: 'tools',
+      separator: true
+    },
     'create.start-event': createAction(
       'bpmn:StartEvent', 'event', 'icon-start-event-none'
     ),

test/spec/features/palette/PaletteProviderSpec.js

@@ -32,7 +32,7 @@ describe('palette', function() {
       var paletteElement = domQuery('.djs-palette', container);
 
       // then
-      expect(domQuery.all('.entry', paletteElement).length).toBe(9);
+      expect(domQuery.all('.entry', paletteElement).length).toBe(10);
 
       done(err);
     });