drag/click differensiating directive + fix for fixedheight truncatable elements

src/app/shared/shared.module.ts

@@ -40,6 +40,7 @@ import { SearchResultGridElementComponent } from './object-grid/search-result-gr
 import { ViewModeSwitchComponent } from './view-mode-switch/view-mode-switch.component';
 import { GridThumbnailComponent } from './object-grid/grid-thumbnail/grid-thumbnail.component';
 import { VarDirective } from './utils/var.directive';
+import { DragClickDirective } from './utils/drag-click.directive';
 import { TruncatePipe } from './utils/truncate.pipe';
 import { TruncatableComponent } from './truncatable/truncatable.component';
 import { TruncatableService } from './truncatable/truncatable.service';
@@ -104,7 +105,8 @@ const PROVIDERS = [
 ];
 
 const DIRECTIVES = [
-  VarDirective
+  VarDirective,
+  DragClickDirective
 ];
 
 @NgModule({

src/app/shared/truncatable/truncatable-part/truncatable-part.component.scss

@@ -49,7 +49,7 @@ $h4-factor: strip-unit($h4-font-size);
 .clamp-none {
     overflow: hidden;
     @for $i from 1 through 15 {
-        &.min-#{$i} {
+        &.fixedHeight.min-#{$i} {
             transition: height 1s;
             @include min($i);
             &.title {

src/app/shared/truncatable/truncatable.component.html

@@ -1,3 +1,3 @@
-<div (click)="toggle()" (mouseenter)="hoverExpand()" (mouseleave)="hoverCollapse">
+<div dsDragClick (actualClick)="toggle()" (mouseenter)="hoverExpand()" (mouseleave)="hoverCollapse">
     <ng-content></ng-content>
 </div>

src/app/shared/utils/drag-click.directive.ts

@@ -0,0 +1,23 @@
+import { Directive, EventEmitter, HostListener, Output } from '@angular/core';
+
+@Directive({
+  selector: '[dsDragClick]'
+})
+export class DragClickDirective {
+  private start;
+  @Output() actualClick = new EventEmitter();
+
+  @HostListener('mousedown', ['$event'])
+  mousedownEvent(event) {
+    this.start = new Date();
+  }
+
+  @HostListener('mouseup', ['$event'])
+  mouseupEvent(event) {
+    const end: any = new Date();
+    const clickTime = end - this.start;
+    if (clickTime < 250) {
+      this.actualClick.emit(event)
+    }
+  }
+}