[ACS-8956] Introduce new ESLint rule for self-closing tags (#10354)

lib/insights/src/lib/analytics-process/components/analytics-generator.component.html

@@ -127,7 +127,7 @@
             <div *ngSwitchCase="'HeatMap'">
                 <div *ngIf="isCurrent(idx)">
                     <h4>{{ report.title }}</h4>
-                    <analytics-report-heat-map [report]="report"></analytics-report-heat-map>
+                    <analytics-report-heat-map [report]="report" />
                 </div>
             </div>
             <div *ngSwitchDefault>

lib/insights/src/lib/analytics-process/components/analytics-report-heat-map.component.html

@@ -7,7 +7,7 @@
             [controllerName]="'metric'"
             (fieldChanged)="onMetricChanges(field)"
             [showDefaultOption]="false"
-        ></analytics-dropdown-widget>
+        />
     </form>
     <adf-diagram
         *ngIf="currentMetric"
@@ -15,6 +15,6 @@
         [metricPercentages]="currentMetric"
         [metricColor]="currentMetricColors"
         [metricType]="metricType"
-    ></adf-diagram>
+    />
 </div>
 <div *ngIf="!hasMetric()">No metric found</div>

lib/insights/src/lib/analytics-process/components/analytics-report-parameters.component.html

@@ -61,22 +61,19 @@
                                 [group]="processInstanceGroup"
                                 [controllerName]="'slowProcessInstanceInteger'"
                                 [required]="true"
-                            >
-                            </analytics-number-widget>
+                            />
                         </div>
                         <div *ngSwitchCase="'duration'">
                             <br />
-                            <duration-widget [field]="field" [group]="durationGroup" [controllerName]="'duration'"> </duration-widget>
+                            <duration-widget [field]="field" [group]="durationGroup" [controllerName]="'duration'" />
                         </div>
                         <div *ngSwitchCase="'boolean'">
                             <br />
-                            <analytics-checkbox-widget [field]="field" [group]="typeFilteringGroup" [controllerName]="'typeFiltering'">
-                            </analytics-checkbox-widget>
+                            <analytics-checkbox-widget [field]="field" [group]="typeFilteringGroup" [controllerName]="'typeFiltering'" />
                         </div>
                         <div *ngSwitchCase="'status'">
                             <br />
-                            <analytics-dropdown-widget [field]="field" [group]="statusGroup" [controllerName]="'status'" [required]="true">
-                            </analytics-dropdown-widget>
+                            <analytics-dropdown-widget [field]="field" [group]="statusGroup" [controllerName]="'status'" [required]="true" />
                         </div>
                         <div *ngSwitchCase="'processDefinition'">
                             <br />
@@ -86,17 +83,15 @@
                                 [controllerName]="'processDefinitionId'"
                                 [required]="true"
                                 (fieldChanged)="onProcessDefinitionChanges(field)"
-                            >
-                            </analytics-dropdown-widget>
+                            />
                         </div>
                         <div *ngSwitchCase="'task'">
                             <br />
-                            <analytics-dropdown-widget [field]="field" [group]="taskGroup" [controllerName]="'taskName'" [required]="true">
-                            </analytics-dropdown-widget>
+                            <analytics-dropdown-widget [field]="field" [group]="taskGroup" [controllerName]="'taskName'" [required]="true" />
                         </div>
                         <div *ngSwitchCase="'dateRange'">
                             <br />
-                            <adf-date-range-widget [field]="field" [group]="dateRange"> </adf-date-range-widget>
+                            <adf-date-range-widget [field]="field" [group]="dateRange" />
                         </div>
                         <div *ngSwitchCase="'dateInterval'">
                             <br />
@@ -106,8 +101,7 @@
                                 [controllerName]="'dateRangeInterval'"
                                 [required]="true"
                                 [showDefaultOption]="false"
-                            >
-                            </analytics-dropdown-widget>
+                            />
                         </div>
                         <div *ngSwitchDefault>
                             <span>{{ 'ANALYTICS.MESSAGES.UNKNOWN-WIDGET-TYPE' | translate }}: {{ field.type }}</span>

lib/insights/src/lib/analytics-process/components/analytics.component.html

@@ -7,12 +7,10 @@
         (success)="showReport($event)"
         (saveReportSuccess)="onSaveReportSuccess($event)"
         (deleteReportSuccess)="onDeleteReportSuccess($event)"
-        (edit)="onEditReport($event)">
-    </adf-analytics-report-parameters>
+        (edit)="onEditReport($event)" />
 
     <adf-analytics-generator
         [reportId]="reportId"
         [reportParamQuery]="reportParamQuery"
-        #analyticsGenerator>
-    </adf-analytics-generator>
+        #analyticsGenerator />
 </div>

lib/insights/src/lib/analytics-process/components/buttons-menu/buttons-menu.component.spec.ts

@@ -42,7 +42,7 @@ export class CustomContainerComponent {
 
 @Component({
     selector: 'adf-custom-empty-container',
-    template: `<adf-buttons-action-menu></adf-buttons-action-menu>`
+    template: `<adf-buttons-action-menu />`
 })
 export class CustomEmptyContainerComponent {}
 

lib/insights/src/lib/analytics-process/components/widgets/date-range/date-range.widget.html

@@ -23,9 +23,9 @@
                     id="startDate_id"
                     required
                 />
-                <mat-datepicker-toggle matSuffix [for]="startDate"></mat-datepicker-toggle>
+                <mat-datepicker-toggle matSuffix [for]="startDate" />
             </mat-form-field>
-            <mat-datepicker #startDate [touchUi]="true"></mat-datepicker>
+            <mat-datepicker #startDate [touchUi]="true" />
         </mat-grid-tile>
         <mat-grid-tile>
             <mat-form-field>
@@ -42,9 +42,9 @@
                     id="endDate_id"
                     required
                 />
-                <mat-datepicker-toggle matSuffix [for]="endDate"></mat-datepicker-toggle>
+                <mat-datepicker-toggle matSuffix [for]="endDate" />
             </mat-form-field>
-            <mat-datepicker #endDate [touchUi]="true"></mat-datepicker>
+            <mat-datepicker #endDate [touchUi]="true" />
         </mat-grid-tile>
     </mat-grid-list>
 </div>

lib/insights/src/lib/analytics-process/components/widgets/duration/duration.widget.html

@@ -23,7 +23,7 @@
                 [controllerName]="'timeType'"
                 [showDefaultOption]="false"
                 (fieldChanged)="calculateDuration()"
-            ></analytics-dropdown-widget>
+            />
         </div>
     </div>
 </div>

lib/insights/src/lib/diagram/components/activities/diagram-alfresco-publish-task.component.html

@@ -1,2 +1,2 @@
-<diagram-task [data]="data"></diagram-task>
-<diagram-icon-alfresco-publish-task [data]="data"></diagram-icon-alfresco-publish-task>
+<diagram-task [data]="data" />
+<diagram-icon-alfresco-publish-task [data]="data" />

lib/insights/src/lib/diagram/components/activities/diagram-box-publish-task.component.html

@@ -1,2 +1,2 @@
-<diagram-task [data]="data"></diagram-task>
-<diagram-icon-box-publish-task [data]="data"></diagram-icon-box-publish-task>
+<diagram-task [data]="data" />
+<diagram-icon-box-publish-task [data]="data" />

lib/insights/src/lib/diagram/components/activities/diagram-business-rule-task.component.html

@@ -1,2 +1,2 @@
-<diagram-task [data]="data"></diagram-task>
-<diagram-icon-business-rule-task [data]="data"></diagram-icon-business-rule-task>
+<diagram-task [data]="data" />
+<diagram-icon-business-rule-task [data]="data" />

lib/insights/src/lib/diagram/components/activities/diagram-camel-task.component.html

@@ -1,2 +1,2 @@
-<diagram-task [data]="data"></diagram-task>
-<diagram-icon-camel-task [data]="data"></diagram-icon-camel-task>
+<diagram-task [data]="data" />
+<diagram-icon-camel-task [data]="data" />

lib/insights/src/lib/diagram/components/activities/diagram-container-service-task.component.html

@@ -1,26 +1,26 @@
 <div [ngSwitch]="data.taskType">
     <div *ngSwitchCase="'mail'">
-        <diagram-send-task [data]="data"></diagram-send-task>
+        <diagram-send-task [data]="data" />
     </div>
     <div *ngSwitchCase="'camel'">
-        <diagram-camel-task [data]="data"></diagram-camel-task>
+        <diagram-camel-task [data]="data" />
     </div>
     <div *ngSwitchCase="'mule'">
-        <diagram-mule-task [data]="data"></diagram-mule-task>
+        <diagram-mule-task [data]="data" />
     </div>
     <div *ngSwitchCase="'alfresco_publish'">
-        <adf-diagram-publish-task [data]="data"></adf-diagram-publish-task>
+        <adf-diagram-publish-task [data]="data" />
     </div>
     <div *ngSwitchCase="'rest_call'">
-        <diagram-rest-call-task [data]="data"></diagram-rest-call-task>
+        <diagram-rest-call-task [data]="data" />
     </div>
     <div *ngSwitchCase="'google_drive_publish'">
-        <diagram-google-drive-publish-task [data]="data"></diagram-google-drive-publish-task>
+        <diagram-google-drive-publish-task [data]="data" />
     </div>
     <div *ngSwitchCase="'box_publish'">
-        <diagram-box-publish-task [data]="data"></diagram-box-publish-task>
+        <diagram-box-publish-task [data]="data" />
     </div>
     <div *ngSwitchDefault>
-        <diagram-service-task [data]="data"></diagram-service-task>
+        <diagram-service-task [data]="data" />
     </div>
 </div>

lib/insights/src/lib/diagram/components/activities/diagram-google-drive-publish-task.component.html

@@ -1,2 +1,2 @@
-<diagram-task [data]="data"></diagram-task>
-<diagram-icon-google-drive-publish-task [data]="data"></diagram-icon-google-drive-publish-task>
+<diagram-task [data]="data" />
+<diagram-icon-google-drive-publish-task [data]="data" />

lib/insights/src/lib/diagram/components/activities/diagram-manual-task.component.html

@@ -1,2 +1,2 @@
-<diagram-task [data]="data"></diagram-task>
-<diagram-icon-manual-task [data]="data"></diagram-icon-manual-task>
+<diagram-task [data]="data" />
+<diagram-icon-manual-task [data]="data" />

lib/insights/src/lib/diagram/components/activities/diagram-mule-task.component.html

@@ -1,2 +1,2 @@
-<diagram-task [data]="data"></diagram-task>
-<diagram-icon-mule-task [data]="data"></diagram-icon-mule-task>
+<diagram-task [data]="data" />
+<diagram-icon-mule-task [data]="data" />

lib/insights/src/lib/diagram/components/activities/diagram-receive-task.component.html

@@ -1,2 +1,2 @@
-<diagram-task [data]="data"></diagram-task>
-<diagram-icon-receive-task [data]="data"></diagram-icon-receive-task>
+<diagram-task [data]="data" />
+<diagram-icon-receive-task [data]="data" />

lib/insights/src/lib/diagram/components/activities/diagram-rest-call-task.component.html

@@ -1,2 +1,2 @@
-<diagram-task [data]="data"></diagram-task>
-<diagram-icon-rest-call-task [data]="data"></diagram-icon-rest-call-task>
+<diagram-task [data]="data" />
+<diagram-icon-rest-call-task [data]="data" />

lib/insights/src/lib/diagram/components/activities/diagram-script-task.component.html

@@ -1,2 +1,2 @@
-<diagram-task [data]="data"></diagram-task>
-<diagram-icon-script-task [data]="data"></diagram-icon-script-task>
+<diagram-task [data]="data" />
+<diagram-icon-script-task [data]="data" />

lib/insights/src/lib/diagram/components/activities/diagram-send-task.component.html

@@ -1,2 +1,2 @@
-<diagram-task [data]="data"></diagram-task>
-<diagram-icon-send-task [data]="data"></diagram-icon-send-task>
+<diagram-task [data]="data" />
+<diagram-icon-send-task [data]="data" />

lib/insights/src/lib/diagram/components/activities/diagram-service-task.component.html

@@ -1,2 +1,2 @@
-<diagram-task [data]="data"></diagram-task>
-<diagram-icon-service-task [data]="data"></diagram-icon-service-task>
+<diagram-task [data]="data" />
+<diagram-icon-service-task [data]="data" />

lib/insights/src/lib/diagram/components/activities/diagram-task.component.html

@@ -8,6 +8,6 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-rect>
-<raphael-multiline-text [text]="data.name" [position]="textPosition" [elementWidth]="data.width"></raphael-multiline-text>
-<diagram-tooltip [data]="data"></diagram-tooltip>
+/>
+<raphael-multiline-text [text]="data.name" [position]="textPosition" [elementWidth]="data.width" />
+<diagram-tooltip [data]="data" />

lib/insights/src/lib/diagram/components/activities/diagram-user-task.component.html

@@ -1,2 +1,2 @@
-<diagram-task [data]="data"></diagram-task>
-<diagram-icon-user-task [data]="data"></diagram-icon-user-task>
+<diagram-task [data]="data" />
+<diagram-icon-user-task [data]="data" />

lib/insights/src/lib/diagram/components/boundary-events/diagram-boundary-event.component.html

@@ -1,6 +1,6 @@
 <raphael-circle [center]="center" [radius]="circleRadiusInner" [strokeWidth]="options.strokeWidth" [stroke]="options.stroke"
-                [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-circle>
+                [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity" />
 <raphael-circle [elementId]="data.id" [center]="center" [radius]="circleRadiusOuter" [strokeWidth]="options.strokeWidth" [stroke]="options.stroke"
-                [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-circle>
-<diagram-container-icon-event [data]="data" [type]="data.eventDefinition.type" [fillColor]="signalFillColor"></diagram-container-icon-event>
-<diagram-tooltip [data]="data"></diagram-tooltip>
+                [fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity" />
+<diagram-container-icon-event [data]="data" [type]="data.eventDefinition.type" [fillColor]="signalFillColor" />
+<diagram-tooltip [data]="data" />

lib/insights/src/lib/diagram/components/boundary-events/diagram-throw-event.component.html

@@ -5,7 +5,7 @@
     [stroke]="options.stroke"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-circle>
+/>
 <raphael-circle
     [elementId]="data.id"
     [center]="center"
@@ -14,10 +14,10 @@
     [stroke]="options.stroke"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-circle>
+/>
 <diagram-container-icon-event
     [data]="data"
     [type]="data.eventDefinition && data.eventDefinition.type"
     [fillColor]="signalFillColor"
-></diagram-container-icon-event>
-<diagram-tooltip [data]="data"></diagram-tooltip>
+/>
+<diagram-tooltip [data]="data" />

lib/insights/src/lib/diagram/components/diagram-sequence-flow.component.html

@@ -1,2 +1,2 @@
-<raphael-flow-arrow [flow]="flow"></raphael-flow-arrow>
-<diagram-tooltip [data]="flow"></diagram-tooltip>
+<raphael-flow-arrow [flow]="flow" />
+<diagram-tooltip [data]="flow" />

lib/insights/src/lib/diagram/components/diagram.component.html

@@ -2,66 +2,66 @@
     <div *ngFor="let element of diagram.elements">
         <div [ngSwitch]="element.type">
             <div *ngSwitchCase="'StartEvent'">
-                <diagram-start-event [data]="element"></diagram-start-event>
+                <diagram-start-event [data]="element" />
             </div>
             <div *ngSwitchCase="'ExclusiveGateway'">
-                <diagram-exclusive-gateway [data]="element"></diagram-exclusive-gateway>
+                <diagram-exclusive-gateway [data]="element" />
             </div>
             <div *ngSwitchCase="'InclusiveGateway'">
-                <diagram-inclusive-gateway [data]="element"></diagram-inclusive-gateway>
+                <diagram-inclusive-gateway [data]="element" />
             </div>
             <div *ngSwitchCase="'EventGateway'">
-                <diagram-event-gateway [data]="element"></diagram-event-gateway>
+                <diagram-event-gateway [data]="element" />
             </div>
             <div *ngSwitchCase="'ParallelGateway'">
-                <diagram-parallel-gateway [data]="element"></diagram-parallel-gateway>
+                <diagram-parallel-gateway [data]="element" />
             </div>
             <div *ngSwitchCase="'EndEvent'">
-                <diagram-end-event [data]="element"></diagram-end-event>
+                <diagram-end-event [data]="element" />
             </div>
             <div *ngSwitchCase="'UserTask'">
-                <diagram-user-task [data]="element"></diagram-user-task>
+                <diagram-user-task [data]="element" />
             </div>
             <div *ngSwitchCase="'ManualTask'">
-                <diagram-manual-task [data]="element"></diagram-manual-task>
+                <diagram-manual-task [data]="element" />
             </div>
             <div *ngSwitchCase="'ServiceTask'">
-                <diagram-container-service-task [data]="element"></diagram-container-service-task>
+                <diagram-container-service-task [data]="element" />
             </div>
             <div *ngSwitchCase="'ReceiveTask'">
-                <diagram-receive-task [data]="element"></diagram-receive-task>
+                <diagram-receive-task [data]="element" />
             </div>
             <div *ngSwitchCase="'ScriptTask'">
-                <diagram-script-task [data]="element"></diagram-script-task>
+                <diagram-script-task [data]="element" />
             </div>
             <div *ngSwitchCase="'BusinessRuleTask'">
-                <diagram-business-rule-task [data]="element"></diagram-business-rule-task>
+                <diagram-business-rule-task [data]="element" />
             </div>
             <div *ngSwitchCase="'BoundaryEvent'">
-                <diagram-boundary-event [data]="element"></diagram-boundary-event>
+                <diagram-boundary-event [data]="element" />
             </div>
             <div *ngSwitchCase="'ThrowEvent'">
-                <diagram-throw-event [data]="element"></diagram-throw-event>
+                <diagram-throw-event [data]="element" />
             </div>
             <div *ngSwitchCase="'IntermediateCatchEvent'">
-                <diagram-intermediate-catching-event [data]="element"></diagram-intermediate-catching-event>
+                <diagram-intermediate-catching-event [data]="element" />
             </div>
             <div *ngSwitchCase="'SubProcess'">
-                <diagram-subprocess [data]="element"></diagram-subprocess>
+                <diagram-subprocess [data]="element" />
             </div>
             <div *ngSwitchCase="'EventSubProcess'">
-                <diagram-event-subprocess [data]="element"></diagram-event-subprocess>
+                <diagram-event-subprocess [data]="element" />
             </div>
         </div>
     </div>
     <div *ngFor="let flow of diagram.flows">
         <div [ngSwitch]="flow.type">
             <div *ngSwitchCase="'sequenceFlow'">
-                <adf-diagram-sequence-flow [flow]="flow"></adf-diagram-sequence-flow>
+                <adf-diagram-sequence-flow [flow]="flow" />
             </div>
         </div>
     </div>
     <div *ngIf="diagram.pools">
-        <diagram-pools [pools]="diagram.pools"></diagram-pools>
+        <diagram-pools [pools]="diagram.pools" />
     </div>
 </div>

lib/insights/src/lib/diagram/components/events/diagram-end-event.component.html

@@ -1 +1 @@
-<diagram-event [data]="data" [options]="options" [iconFillColor]="iconFillColor"></diagram-event>
+<diagram-event [data]="data" [options]="options" [iconFillColor]="iconFillColor" />

lib/insights/src/lib/diagram/components/events/diagram-event.component.html

@@ -6,10 +6,10 @@
     [stroke]="options.stroke"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-circle>
+/>
 <diagram-container-icon-event
     [data]="data"
     [type]="data.eventDefinition && data.eventDefinition.type"
     [fillColor]="iconFillColor"
-></diagram-container-icon-event>
-<diagram-tooltip [data]="data"></diagram-tooltip>
+/>
+<diagram-tooltip [data]="data" />

lib/insights/src/lib/diagram/components/events/diagram-start-event.component.html

@@ -1 +1 @@
-<diagram-event [data]="data" [options]="options" [iconFillColor]="iconFillColor"></diagram-event>
+<diagram-event [data]="data" [options]="options" [iconFillColor]="iconFillColor" />

lib/insights/src/lib/diagram/components/gateways/diagram-event-gateway.component.html

@@ -1,4 +1,4 @@
-<diagram-gateway [data]="data"></diagram-gateway>
+<diagram-gateway [data]="data" />
 <raphael-circle
     [center]="center"
     [radius]="circleRadiusInner"
@@ -6,7 +6,7 @@
     [stroke]="options.stroke"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-circle>
+/>
 <raphael-circle
     [center]="center"
     [radius]="circleRadiusOuter"
@@ -14,11 +14,11 @@
     [stroke]="options.stroke"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-circle>
+/>
 <raphael-pentagon
     [center]="centerPentagon"
     [strokeWidth]="pentaStrokeWidth"
     [stroke]="options.stroke"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-pentagon>
+/>

lib/insights/src/lib/diagram/components/gateways/diagram-exclusive-gateway.component.html

@@ -1,4 +1,4 @@
-<diagram-gateway [data]="data"></diagram-gateway>
+<diagram-gateway [data]="data" />
 <raphael-cross
     [center]="center"
     [width]="width"
@@ -7,4 +7,4 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-cross>
+/>

lib/insights/src/lib/diagram/components/gateways/diagram-gateway.component.html

@@ -7,5 +7,5 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-rhombus>
-<diagram-tooltip [data]="data"></diagram-tooltip>
+/>
+<diagram-tooltip [data]="data" />

lib/insights/src/lib/diagram/components/gateways/diagram-inclusive-gateway.component.html

@@ -1,4 +1,4 @@
-<diagram-gateway [data]="data"></diagram-gateway>
+<diagram-gateway [data]="data" />
 <raphael-circle
     [center]="center"
     [radius]="options.radius"
@@ -6,4 +6,4 @@
     [stroke]="options.stroke"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-circle>
+/>

lib/insights/src/lib/diagram/components/gateways/diagram-parallel-gateway.component.html

@@ -1,8 +1,8 @@
-<diagram-gateway [data]="data"></diagram-gateway>
+<diagram-gateway [data]="data" />
 <raphael-plus
     [center]="center"
     [stroke]="options.stroke"
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-plus>
+/>

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

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

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

@@ -4,4 +4,4 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-icon-alfresco-publish>
+/>

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

@@ -4,4 +4,4 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-icon-box-publish>
+/>

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

@@ -4,4 +4,4 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-icon-business-rule>
+/>

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

@@ -4,4 +4,4 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-icon-camel>
+/>

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

@@ -4,4 +4,4 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-icon-error>
+/>

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

@@ -4,4 +4,4 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-icon-google-drive-publish>
+/>

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

@@ -4,4 +4,4 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-icon-manual>
+/>

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

@@ -4,4 +4,4 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-icon-message>
+/>

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

@@ -4,4 +4,4 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-icon-mule>
+/>

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

@@ -4,4 +4,4 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-icon-receive>
+/>

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

@@ -4,4 +4,4 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-icon-rest-call>
+/>

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

@@ -4,4 +4,4 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-icon-script>
+/>

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

@@ -4,5 +4,5 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-icon-send>
-<diagram-tooltip [data]="data"></diagram-tooltip>
+/>
+<diagram-tooltip [data]="data" />

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

@@ -4,4 +4,4 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-icon-service>
+/>

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

@@ -4,4 +4,4 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-icon-signal>
+/>

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

@@ -5,12 +5,12 @@
     [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>
+/>
+<diagram-tooltip [data]="data" />

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

@@ -4,4 +4,4 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-icon-user>
+/>

lib/insights/src/lib/diagram/components/intermediate-catching-events/diagram-intermediate-catching-event.component.html

@@ -5,7 +5,7 @@
     [stroke]="options.stroke"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-circle>
+/>
 <raphael-circle
     [elementId]="data.id"
     [center]="center"
@@ -14,6 +14,6 @@
     [stroke]="options.stroke"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-circle>
-<diagram-container-icon-event [data]="data" [type]="data.eventDefinition.type"></diagram-container-icon-event>
-<diagram-tooltip [data]="data"></diagram-tooltip>
+/>
+<diagram-container-icon-event [data]="data" [type]="data.eventDefinition.type" />
+<diagram-tooltip [data]="data" />

lib/insights/src/lib/diagram/components/structural/diagram-event-subprocess.component.html

@@ -7,5 +7,5 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-rect>
-<diagram-tooltip [data]="data"></diagram-tooltip>
+/>
+<diagram-tooltip [data]="data" />

lib/insights/src/lib/diagram/components/structural/diagram-subprocess.component.html

@@ -7,5 +7,5 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-rect>
-<diagram-tooltip [data]="data"></diagram-tooltip>
+/>
+<diagram-tooltip [data]="data" />

lib/insights/src/lib/diagram/components/swimlanes/diagram-lane.component.html

@@ -7,5 +7,5 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-rect>
-<raphael-text [text]="text" [position]="textPosition" [transform]="textTransform"></raphael-text>
+/>
+<raphael-text [text]="text" [position]="textPosition" [transform]="textTransform" />

lib/insights/src/lib/diagram/components/swimlanes/diagram-lanes.component.html

@@ -1,5 +1,5 @@
 <div *ngIf="lanes">
     <div *ngFor="let lane of lanes">
-        <diagram-lane [lane]="lane"></diagram-lane>
+        <diagram-lane [lane]="lane" />
     </div>
 </div>

lib/insights/src/lib/diagram/components/swimlanes/diagram-pool.component.html

@@ -7,5 +7,5 @@
     [strokeWidth]="options.strokeWidth"
     [fillColors]="options.fillColors"
     [fillOpacity]="options.fillOpacity"
-></raphael-rect>
-<raphael-text [text]="text" [position]="textPosition" [transform]="textTransform"></raphael-text>
+/>
+<raphael-text [text]="text" [position]="textPosition" [transform]="textTransform" />

lib/insights/src/lib/diagram/components/swimlanes/diagram-pools.component.html

@@ -1,6 +1,6 @@
 <div *ngIf="pools">
     <div *ngFor="let pool of pools">
-        <diagram-pool [pool]="pool"></diagram-pool>
-        <diagram-lanes [lanes]="pool.lanes"></diagram-lanes>
+        <diagram-pool [pool]="pool" />
+        <diagram-lanes [lanes]="pool.lanes" />
     </div>
 </div>

lib/insights/src/lib/diagram/components/tooltip/diagram-tooltip.component.spec.ts

@@ -22,7 +22,7 @@ import { DiagramTooltipComponent } from './diagram-tooltip.component';
 
 @Component({
     template: ` <div id="diagram-element-id">Hover me</div>
-        <diagram-tooltip [data]="data"></diagram-tooltip>`
+        <diagram-tooltip [data]="data" />`
 })
 class TestHostComponent {
     data = {