moved component module changes from the Pro repo

Author: nodeful

modules/components/src/components/skeuomorph-slider/skeuomorph-slider.component.ts

@@ -115,7 +115,7 @@ export class SkeuomorphSliderComponent implements OnInit, OnDestroy {
       const changeDelta = -event.deltaY
       const diff = changeDelta < 0 ? -changeDelta : changeDelta
       if (diff < 2) return
-      this.value += changeDelta / 100
+      this.value += changeDelta * ((this.max - this.min) / 1000)
       this.userChangedValue.emit({ value: this.value })
     }
   }

modules/components/src/components/toggle/toggle.component.html

@@ -1,4 +1,4 @@
-<div class="container {{enabled ? 'enabled' : ''}}" (click)="toggleState()">
+<div class="container" [class.enabled]="enabled" [class.highlighted]="highlighted" (click)="toggleState()">
   <div class="indicator left"></div>
   <div class="indicator right"></div>
   <div [class]="'switch ' + (state ? 'on' : 'off')"></div>

modules/components/src/components/toggle/toggle.component.scss

@@ -64,4 +64,8 @@
 
 .enabled {
   filter: none;
+}
+
+.highlighted {
+  box-shadow: 0 0 0 2px $accent;
 }

modules/components/src/components/toggle/toggle.component.ts

@@ -11,6 +11,7 @@ export class ToggleComponent implements OnInit {
   @Output() stateChange = new EventEmitter()
   @Input() enabled = true
   @Input() interactive = true
+  @Input() highlighted = false
 
   ngOnInit () {
   }

modules/components/src/components/tooltip/tooltip-container.component.ts

@@ -15,8 +15,7 @@ import { FadeInOutAnimation } from '../../animations/fade-in-out'
       </eqm-tooltip>
     </div>
   `,
-  animations: [ FadeInOutAnimation ],
-  changeDetection: ChangeDetectionStrategy.OnPush
+  animations: [ FadeInOutAnimation ]
 })
 export class TooltipContainerComponent {
   constructor (public tooltipService: TooltipService) {}

modules/components/src/components/tooltip/tooltip.component.scss

@@ -1,4 +1,8 @@
 
+:host {
+  z-index: 9999;
+}
+
 .container {
   display: block;
   position: absolute;

modules/components/src/components/tooltip/tooltip.component.ts

@@ -13,8 +13,7 @@ export type TooltipPositionSide = 'top' | 'bottom' | 'left' | 'right'
 @Component({
   selector: 'eqm-tooltip',
   templateUrl: './tooltip.component.html',
-  styleUrls: [ './tooltip.component.scss' ],
-  changeDetection: ChangeDetectionStrategy.OnPush
+  styleUrls: [ './tooltip.component.scss' ]
 })
 export class TooltipComponent implements OnInit {
   @Input() text?: string

modules/components/src/components/tooltip/tooltip.directive.ts

@@ -1,4 +1,4 @@
-import { Directive, OnDestroy, Input, HostListener, ElementRef } from '@angular/core'
+import { Directive, OnDestroy, Input, HostListener, ElementRef, ChangeDetectorRef } from '@angular/core'
 import { TooltipService } from './tooltip.service'
 import { TooltipPositionSide } from './tooltip.component'
 
@@ -12,7 +12,10 @@ export class TooltipDirective implements OnDestroy {
   @Input() eqmTooltipShowArrow: boolean = true
   public id?: string
   public left?: boolean
-  constructor (public tooltipService: TooltipService, public element: ElementRef) { }
+  constructor (
+    public tooltipService: TooltipService,
+    public element: ElementRef
+  ) { }
 
   @HostListener('mouseenter')
   onMouseEnter (): void {