New packages org (#2639)

New packages org

lib/insights/diagram/components/icons/diagram-container-icon-event.component.html

@@ -0,0 +1,14 @@
+<div [ngSwitch]="type">
+    <div *ngSwitchCase="'timer'">
+        <diagram-icon-timer [data]="data"></diagram-icon-timer>
+    </div>
+    <div *ngSwitchCase="'error'">
+        <diagram-icon-error [data]="data" [fillColor]="fillColor"></diagram-icon-error>
+    </div>
+    <div *ngSwitchCase="'signal'">
+        <diagram-icon-signal [data]="data" [fillColor]="fillColor"></diagram-icon-signal>
+    </div>
+    <div *ngSwitchCase="'message'">
+        <diagram-icon-message [data]="data"></diagram-icon-message>
+    </div>
+</div>

lib/insights/diagram/components/icons/diagram-container-icon-event.component.ts

@@ -0,0 +1,40 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-container-icon-event',
+    templateUrl: './diagram-container-icon-event.component.html'
+})
+export class DiagramContainerIconEventTaskComponent {
+    @Input()
+    data: any;
+
+    @Input()
+    type: string;
+
+    @Input()
+    fillColor: string;
+
+    @Output()
+    error = new EventEmitter();
+
+    constructor(public elementRef: ElementRef) {}
+}

lib/insights/diagram/components/icons/diagram-icon-alfresco-publish-task.component.html

@@ -0,0 +1,2 @@
+<raphael-icon-alfresco-publish [position]="position" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
+                   [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-icon-alfresco-publish>

lib/insights/diagram/components/icons/diagram-icon-alfresco-publish-task.component.ts

@@ -0,0 +1,44 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-icon-alfresco-publish-task',
+    templateUrl: './diagram-icon-alfresco-publish-task.component.html'
+})
+export class DiagramIconAlfrescoPublishTaskComponent implements OnInit {
+    @Input()
+    data: any;
+
+    @Output()
+    error = new EventEmitter();
+
+    position: any;
+
+    options: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+
+    constructor(public elementRef: ElementRef) {}
+
+    ngOnInit() {
+        this.position = {x: this.data.x + 4, y: this.data.y + 4};
+        this.options.stroke = 'none' ;
+        this.options.fillColors = '#87C040' ;
+    }
+}

lib/insights/diagram/components/icons/diagram-icon-box-publish-task.component.html

@@ -0,0 +1,2 @@
+<raphael-icon-box-publish [position]="position" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
+                   [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-icon-box-publish>

lib/insights/diagram/components/icons/diagram-icon-box-publish-task.component.ts

@@ -0,0 +1,42 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-icon-box-publish-task',
+    templateUrl: './diagram-icon-box-publish-task.component.html'
+})
+export class DiagramIconBoxPublishTaskComponent implements OnInit {
+    @Input()
+    data: any;
+
+    @Output()
+    error = new EventEmitter();
+
+    position: any;
+
+    options: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+
+    constructor(public elementRef: ElementRef) {}
+
+    ngOnInit() {
+        this.position = {x: this.data.x + 6, y: this.data.y + 6};
+    }
+}

lib/insights/diagram/components/icons/diagram-icon-business-rule-task.component.html

@@ -0,0 +1,2 @@
+<raphael-icon-business-rule [position]="position" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
+                   [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-icon-business-rule>

lib/insights/diagram/components/icons/diagram-icon-business-rule-task.component.ts

@@ -0,0 +1,44 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-icon-business-rule-task',
+    templateUrl: './diagram-icon-business-rule-task.component.html'
+})
+export class DiagramIconBusinessRuleTaskComponent implements OnInit {
+    @Input()
+    data: any;
+
+    @Output()
+    error = new EventEmitter();
+
+    position: any;
+
+    options: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+
+    constructor(public elementRef: ElementRef) {}
+
+    ngOnInit() {
+        this.position = {x: this.data.x + 4, y: this.data.y + 4};
+        this.options.stroke = 'none' ;
+        this.options.fillColors = '#72a7d0' ;
+    }
+}

lib/insights/diagram/components/icons/diagram-icon-camel-task.component.html

@@ -0,0 +1,2 @@
+<raphael-icon-camel [position]="position" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
+                   [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-icon-camel>

lib/insights/diagram/components/icons/diagram-icon-camel-task.component.ts

@@ -0,0 +1,44 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-icon-camel-task',
+    templateUrl: './diagram-icon-camel-task.component.html'
+})
+export class DiagramIconCamelTaskComponent implements OnInit {
+    @Input()
+    data: any;
+
+    @Output()
+    error = new EventEmitter();
+
+    position: any;
+
+    options: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+
+    constructor(public elementRef: ElementRef) {}
+
+    ngOnInit() {
+        this.position = {x: this.data.x + 8, y: this.data.y + 6};
+        this.options.stroke = 'none' ;
+        this.options.fillColors = '#bd4848' ;
+    }
+}

lib/insights/diagram/components/icons/diagram-icon-error.component.html

@@ -0,0 +1,2 @@
+<raphael-icon-error [position]="position" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
+                   [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-icon-error>

lib/insights/diagram/components/icons/diagram-icon-error.component.ts

@@ -0,0 +1,49 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-icon-error',
+    templateUrl: './diagram-icon-error.component.html'
+})
+export class DiagramIconErrorComponent implements OnInit {
+    @Input()
+    data: any;
+
+    @Input()
+    fillColor: string;
+
+    @Output()
+    error = new EventEmitter();
+
+    position: any;
+
+    options: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+
+    constructor(public elementRef: ElementRef) {}
+
+    ngOnInit() {
+        this.position = {x: this.data.x - 1, y: this.data.y - 1};
+
+        this.options.stroke = 'black';
+        this.options.fillColors = this.fillColor;
+        this.options.strokeWidth = 1;
+    }
+}

lib/insights/diagram/components/icons/diagram-icon-google-drive-publish-task.component.html

@@ -0,0 +1,2 @@
+<raphael-icon-google-drive-publish [position]="position" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
+                   [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-icon-google-drive-publish>

lib/insights/diagram/components/icons/diagram-icon-google-drive-publish-task.component.ts

@@ -0,0 +1,42 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-icon-google-drive-publish-task',
+    templateUrl: './diagram-icon-google-drive-publish-task.component.html'
+})
+export class DiagramIconGoogleDrivePublishTaskComponent implements OnInit {
+    @Input()
+    data: any;
+
+    @Output()
+    error = new EventEmitter();
+
+    position: any;
+
+    options: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+
+    constructor(public elementRef: ElementRef) {}
+
+    ngOnInit() {
+        this.position = {x: this.data.x + 6, y: this.data.y + 6};
+    }
+}

lib/insights/diagram/components/icons/diagram-icon-manual-task.component.html

@@ -0,0 +1,2 @@
+<raphael-icon-manual [position]="position" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
+                   [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-icon-manual>

lib/insights/diagram/components/icons/diagram-icon-manual-task.component.ts

@@ -0,0 +1,44 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-icon-manual-task',
+    templateUrl: './diagram-icon-manual-task.component.html'
+})
+export class DiagramIconManualTaskComponent implements OnInit {
+    @Input()
+    data: any;
+
+    @Output()
+    error = new EventEmitter();
+
+    position: any;
+
+    options: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+
+    constructor(public elementRef: ElementRef) {}
+
+    ngOnInit() {
+        this.position = {x: this.data.x + 4, y: this.data.y + 4};
+        this.options.stroke = 'none' ;
+        this.options.fillColors = '#d1b575' ;
+    }
+}

lib/insights/diagram/components/icons/diagram-icon-message.component.html

@@ -0,0 +1,2 @@
+<raphael-icon-message [position]="position" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
+                   [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-icon-message>

lib/insights/diagram/components/icons/diagram-icon-message.component.ts

@@ -0,0 +1,46 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-icon-message',
+    templateUrl: './diagram-icon-message.component.html'
+})
+export class DiagramIconMessageComponent implements OnInit {
+    @Input()
+    data: any;
+
+    @Output()
+    error = new EventEmitter();
+
+    position: any;
+
+    options: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+
+    constructor(public elementRef: ElementRef) {}
+
+    ngOnInit() {
+        this.position = {x: this.data.x + 6, y: this.data.y + 6};
+
+        this.options.stroke = 'none';
+        this.options.fillColors = '#585858';
+        this.options.strokeWidth = 1;
+    }
+}

lib/insights/diagram/components/icons/diagram-icon-mule-task.component.html

@@ -0,0 +1,2 @@
+<raphael-icon-mule [position]="position" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
+                   [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-icon-mule>

lib/insights/diagram/components/icons/diagram-icon-mule-task.component.ts

@@ -0,0 +1,44 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-icon-mule-task',
+    templateUrl: './diagram-icon-mule-task.component.html'
+})
+export class DiagramIconMuleTaskComponent implements OnInit {
+    @Input()
+    data: any;
+
+    @Output()
+    error = new EventEmitter();
+
+    position: any;
+
+    options: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+
+    constructor(public elementRef: ElementRef) {}
+
+    ngOnInit() {
+        this.position = {x: this.data.x + 2, y: this.data.y + 2};
+        this.options.stroke = 'none' ;
+        this.options.fillColors = '#bd4848' ;
+    }
+}

lib/insights/diagram/components/icons/diagram-icon-receive-task.component.html

@@ -0,0 +1,2 @@
+<raphael-icon-receive [position]="position" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
+                   [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-icon-receive>

lib/insights/diagram/components/icons/diagram-icon-receive-task.component.ts

@@ -0,0 +1,44 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-icon-receive-task',
+    templateUrl: './diagram-icon-receive-task.component.html'
+})
+export class DiagramIconReceiveTaskComponent implements OnInit {
+    @Input()
+    data: any;
+
+    @Output()
+    error = new EventEmitter();
+
+    position: any;
+
+    options: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+
+    constructor(public elementRef: ElementRef) {}
+
+    ngOnInit() {
+        this.position = {x: this.data.x + 4, y: this.data.y + 2};
+        this.options.stroke = 'none' ;
+        this.options.fillColors = '#16964d' ;
+    }
+}

lib/insights/diagram/components/icons/diagram-icon-rest-call-task.component.html

@@ -0,0 +1,2 @@
+<raphael-icon-rest-call [position]="position" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
+                   [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-icon-rest-call>

lib/insights/diagram/components/icons/diagram-icon-rest-call-task.component.ts

@@ -0,0 +1,44 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-icon-rest-call-task',
+    templateUrl: './diagram-icon-rest-call-task.component.html'
+})
+export class DiagramIconRestCallTaskComponent implements OnInit {
+    @Input()
+    data: any;
+
+    @Output()
+    error = new EventEmitter();
+
+    position: any;
+
+    options: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+
+    constructor(public elementRef: ElementRef) {}
+
+    ngOnInit() {
+        this.position = {x: this.data.x + 2, y: this.data.y + 2};
+        this.options.stroke = 'none' ;
+        this.options.fillColors = '#bd4848' ;
+    }
+}

lib/insights/diagram/components/icons/diagram-icon-script-task.component.html

@@ -0,0 +1,2 @@
+<raphael-icon-script [position]="position" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
+                   [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-icon-script>

lib/insights/diagram/components/icons/diagram-icon-script-task.component.ts

@@ -0,0 +1,44 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-icon-script-task',
+    templateUrl: './diagram-icon-script-task.component.html'
+})
+export class DiagramIconScriptTaskComponent implements OnInit {
+    @Input()
+    data: any;
+
+    @Output()
+    error = new EventEmitter();
+
+    position: any;
+
+    options: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+
+    constructor(public elementRef: ElementRef) {}
+
+    ngOnInit() {
+        this.position = {x: this.data.x + 4, y: this.data.y + 4};
+        this.options.stroke = 'none' ;
+        this.options.fillColors = '#72a7d0' ;
+    }
+}

lib/insights/diagram/components/icons/diagram-icon-send-task.component.html

@@ -0,0 +1,3 @@
+<raphael-icon-send [position]="position" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
+                   [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-icon-send>
+<diagram-tooltip [data]="data"></diagram-tooltip>

lib/insights/diagram/components/icons/diagram-icon-send-task.component.ts

@@ -0,0 +1,44 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-icon-send-task',
+    templateUrl: './diagram-icon-send-task.component.html'
+})
+export class DiagramIconSendTaskComponent implements OnInit {
+    @Input()
+    data: any;
+
+    @Output()
+    error = new EventEmitter();
+
+    position: any;
+
+    options: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+
+    constructor(public elementRef: ElementRef) {}
+
+    ngOnInit() {
+        this.position = {x: this.data.x + 4, y: this.data.y + 4};
+        this.options.stroke = 'none' ;
+        this.options.fillColors = '#16964d' ;
+    }
+}

lib/insights/diagram/components/icons/diagram-icon-service-task.component.html

@@ -0,0 +1,2 @@
+<raphael-icon-service [position]="position" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
+                      [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-icon-service>

lib/insights/diagram/components/icons/diagram-icon-service-task.component.ts

@@ -0,0 +1,44 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-icon-service-task',
+    templateUrl: './diagram-icon-service-task.component.html'
+})
+export class DiagramIconServiceTaskComponent implements OnInit {
+    @Input()
+    data: any;
+
+    @Output()
+    error = new EventEmitter();
+
+    position: any;
+
+    options: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+
+    constructor(public elementRef: ElementRef) {}
+
+    ngOnInit() {
+        this.position = {x: this.data.x + 4, y: this.data.y + 4};
+        this.options.stroke = 'none' ;
+        this.options.fillColors = '#72a7d0' ;
+    }
+}

lib/insights/diagram/components/icons/diagram-icon-signal.component.html

@@ -0,0 +1,2 @@
+<raphael-icon-signal [position]="position" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
+                   [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-icon-signal>

lib/insights/diagram/components/icons/diagram-icon-signal.component.ts

@@ -0,0 +1,49 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-icon-signal',
+    templateUrl: './diagram-icon-signal.component.html'
+})
+export class DiagramIconSignalComponent implements OnInit {
+    @Input()
+    data: any;
+
+    @Input()
+    fillColor: string;
+
+    @Output()
+    error = new EventEmitter();
+
+    position: any;
+
+    options: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+
+    constructor(public elementRef: ElementRef) {}
+
+    ngOnInit() {
+        this.position = {x: this.data.x - 1, y: this.data.y - 1};
+
+        this.options.stroke = 'black';
+        this.options.fillColors = this.fillColor;
+        this.options.strokeWidth = 1;
+    }
+}

lib/insights/diagram/components/icons/diagram-icon-timer.component.html

@@ -0,0 +1,5 @@
+<raphael-circle [center]="center" [radius]="circleRadius" [strokeWidth]="circleOptions.strokeWidth" [stroke]="circleOptions.stroke"
+                [fillColors]="circleOptions.fillColors" [fillOpacity]="circleOptions.fillOpacity"></raphael-circle>
+<raphael-icon-timer [position]="position" [stroke]="timerOptions.stroke" [strokeWidth]="timerOptions.strokeWidth"
+                      [fillColors]="timerOptions.fillColors" [fillOpacity]="timerOptions.fillOpacity"></raphael-icon-timer>
+<diagram-tooltip [data]="data"></diagram-tooltip>

lib/insights/diagram/components/icons/diagram-icon-timer.component.ts

@@ -0,0 +1,54 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-icon-timer',
+    templateUrl: './diagram-icon-timer.component.html'
+})
+export class DiagramIconTimerComponent implements OnInit {
+    @Input()
+    data: any;
+
+    @Output()
+    error = new EventEmitter();
+
+    center: any = {};
+    position: any;
+
+    circleRadius: number;
+
+    circleOptions: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+    timerOptions: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+
+    constructor(public elementRef: ElementRef) {}
+
+    ngOnInit() {
+        this.center.x = this.data.x + (this.data.width / 2);
+        this.center.y = this.data.y + (this.data.height / 2);
+        this.circleRadius = 10;
+        this.position = {x: this.data.x + 5, y: this.data.y + 5};
+
+        this.circleOptions.stroke = 'black' ;
+        this.circleOptions.fillColors = 'none' ;
+        this.timerOptions.stroke = 'none' ;
+        this.timerOptions.fillColors = '#585858' ;
+    }
+}

lib/insights/diagram/components/icons/diagram-icon-user-task.component.html

@@ -0,0 +1,2 @@
+<raphael-icon-user [position]="position" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
+                   [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-icon-user>

lib/insights/diagram/components/icons/diagram-icon-user-task.component.ts

@@ -0,0 +1,44 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+    selector: 'diagram-icon-user-task',
+    templateUrl: './diagram-icon-user-task.component.html'
+})
+export class DiagramIconUserTaskComponent implements OnInit {
+    @Input()
+    data: any;
+
+    @Output()
+    error = new EventEmitter();
+
+    position: any;
+
+    options: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''};
+
+    constructor(public elementRef: ElementRef) {}
+
+    ngOnInit() {
+        this.position = {x: this.data.x + 4, y: this.data.y + 4};
+        this.options.stroke = 'none' ;
+        this.options.fillColors = '#d1b575' ;
+    }
+}

lib/insights/diagram/components/icons/index.ts

@@ -0,0 +1,78 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+ /* tslint:disable:component-selector  */
+
+import { DiagramContainerIconEventTaskComponent } from './diagram-container-icon-event.component';
+import { DiagramIconAlfrescoPublishTaskComponent } from './diagram-icon-alfresco-publish-task.component';
+import { DiagramIconBoxPublishTaskComponent } from './diagram-icon-box-publish-task.component';
+import { DiagramIconBusinessRuleTaskComponent } from './diagram-icon-business-rule-task.component';
+import { DiagramIconCamelTaskComponent } from './diagram-icon-camel-task.component';
+import { DiagramIconErrorComponent } from './diagram-icon-error.component';
+import { DiagramIconGoogleDrivePublishTaskComponent } from './diagram-icon-google-drive-publish-task.component';
+import { DiagramIconManualTaskComponent } from './diagram-icon-manual-task.component';
+import { DiagramIconMessageComponent } from './diagram-icon-message.component';
+import { DiagramIconMuleTaskComponent } from './diagram-icon-mule-task.component';
+import { DiagramIconReceiveTaskComponent } from './diagram-icon-receive-task.component';
+import { DiagramIconRestCallTaskComponent } from './diagram-icon-rest-call-task.component';
+import { DiagramIconScriptTaskComponent } from './diagram-icon-script-task.component';
+import { DiagramIconSendTaskComponent } from './diagram-icon-send-task.component';
+import { DiagramIconServiceTaskComponent } from './diagram-icon-service-task.component';
+import { DiagramIconSignalComponent } from './diagram-icon-signal.component';
+import { DiagramIconTimerComponent } from './diagram-icon-timer.component';
+import { DiagramIconUserTaskComponent } from './diagram-icon-user-task.component';
+
+// primitives
+export * from './diagram-icon-service-task.component';
+export * from './diagram-icon-send-task.component';
+export * from './diagram-icon-user-task.component';
+export * from './diagram-icon-manual-task.component';
+export * from './diagram-icon-camel-task.component';
+export * from './diagram-icon-mule-task.component';
+export * from './diagram-icon-alfresco-publish-task.component';
+export * from './diagram-icon-rest-call-task.component';
+export * from './diagram-icon-google-drive-publish-task.component';
+export * from './diagram-icon-box-publish-task.component';
+export * from './diagram-icon-receive-task.component';
+export * from './diagram-icon-script-task.component';
+export * from './diagram-icon-business-rule-task.component';
+export * from './diagram-container-icon-event.component';
+export * from './diagram-icon-timer.component';
+export * from './diagram-icon-error.component';
+export * from './diagram-icon-signal.component';
+export * from './diagram-icon-message.component';
+
+export const DIAGRAM_ICONS_DIRECTIVES: any[] = [
+    DiagramIconServiceTaskComponent,
+    DiagramIconSendTaskComponent,
+    DiagramIconUserTaskComponent,
+    DiagramIconManualTaskComponent,
+    DiagramIconCamelTaskComponent,
+    DiagramIconMuleTaskComponent,
+    DiagramIconAlfrescoPublishTaskComponent,
+    DiagramIconRestCallTaskComponent,
+    DiagramIconGoogleDrivePublishTaskComponent,
+    DiagramIconBoxPublishTaskComponent,
+    DiagramIconReceiveTaskComponent,
+    DiagramIconScriptTaskComponent,
+    DiagramIconBusinessRuleTaskComponent,
+    DiagramContainerIconEventTaskComponent,
+    DiagramIconTimerComponent,
+    DiagramIconErrorComponent,
+    DiagramIconSignalComponent,
+    DiagramIconMessageComponent
+];