BREAKING CHANGE(OFFLINE): major refactor and some properties moved

packages/geo/src/lib/feature/feature-details/feature-details.component.ts

@@ -218,7 +218,7 @@ export class FeatureDetailsComponent implements OnInit, OnDestroy {
     let offlineButtonState;
 
     if (this.map) {
-      this.map.offlineButtonToggle$.pipe(takeUntil(this.unsubscribe$)).subscribe(state => {
+      this.map.forcedOffline$.pipe(takeUntil(this.unsubscribe$)).subscribe(state => {
         offlineButtonState = state;
       });
     }

packages/geo/src/lib/layer/shared/layers/layer.ts

@@ -94,7 +94,7 @@ export abstract class Layer {
   > = new BehaviorSubject(false);
 
   set maxResolution(value: number) {
-    this.ol.setMaxResolution(value || Infinity);
+    this.ol.setMaxResolution(value === 0 ? 0 : value || Infinity);
     this.updateInResolutionsRange();
   }
   get maxResolution(): number {

packages/geo/src/lib/map/offline-button/offline-button.component.html

@@ -1,14 +1,11 @@
-<div *ngIf="visible" class="igo-user-button-container">
-  <div>
-    <button
-      mat-icon-button
-      [matTooltip]="checked ? ('igo.geo.mapButtons.online' | translate): ('igo.geo.mapButtons.offline' | translate)"
-      matTooltipPosition="left"
-      [ngClass]="[btnStyle]"
-      [color]="checked ? color : [colorOff]"
-      (click)="onToggle()"
-      (click)="map.onOfflineToggle(check)">
-      <mat-icon svgIcon="wifi-strength-off"></mat-icon>
-    </button>
-  </div>
+<div class="igo-user-button-container">
+  <button
+    mat-icon-button
+    [matTooltip]="enabled ? ('igo.geo.mapButtons.online' | translate): ('igo.geo.mapButtons.offline' | translate)"
+    matTooltipPosition="left"
+    [ngClass]="[btnStyle]"
+    [color]="enabled ? color : null"
+    (click)="onClick()">
+    <mat-icon svgIcon="wifi-strength-off"></mat-icon>
+  </button>
 </div>

packages/geo/src/lib/map/offline-button/offline-button.component.scss

@@ -1,15 +1,15 @@
 @import '../../../../../core/src/style/partial/media';
 @import '../../../../../core/src/style/partial/core.variables';
 
-.baseStyle {
+.onlineStyle {
   width: $igo-icon-size;
   background-color: rgb(255, 255, 255);
   &:hover {
     background-color: #efefef;
   }
 }
 
-.toggleStyle {
+.offlineStyle {
   width: $igo-icon-size;
   background-color: #b9b9b9;
 }

packages/geo/src/lib/map/offline-button/offline-button.component.ts

@@ -1,58 +1,37 @@
-import { Component, Input, EventEmitter, Output } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
 import { IgoMap } from '../shared/map';
-import { ConfigService } from '@igo2/core';
 
 @Component({
   selector: 'igo-offline-button',
   templateUrl: './offline-button.component.html',
   styleUrls: ['./offline-button.component.scss']
 })
 
-export class OfflineButtonComponent {
+export class OfflineButtonComponent implements OnInit {
 
-  btnStyle: string = 'baseStyle';
-  colorOff: string = 'rgb(255,255,255)';
+  btnStyle: string = 'onlineStyle';
 
-  @Output() change = new EventEmitter<boolean>();
+  @Input() map: IgoMap;
+  @Input() color: IgoMap;
+  @Input() enabled: boolean = false;
 
-  @Input()
-  get map(): IgoMap {
-    return this._map;
-  }
-  set map(value: IgoMap) {
-    this._map = value;
-  }
-  private _map: IgoMap;
+  constructor() {}
 
-  @Input()
-  get color(): string {
-    return this._color;
+  ngOnInit(): void {
+    this.map.forcedOffline$.next(this.enabled);
   }
-  set color(value: string) {
-    this._color = value;
-  }
-  private _color: string;
-
-  @Input() public check: boolean = false;
-
-  get checked(): boolean {
-    return this.check;
-  }
-
-  public visible = false;
 
-  constructor(
-    private config: ConfigService
-    ) {
-    this.visible = this.config.getConfig('offlineButton') ? true : false;
+  onClick() {
+    this.enabled = !this.enabled;
+    this.handleButtonStyle();
+    this.map.forcedOffline$.next(this.enabled);
   }
 
-  onToggle() {
-    this.check = !this.check;
-    if (this.check) {
-      this.btnStyle = 'toggleStyle';
+  private handleButtonStyle() {
+    if (this.enabled) {
+      this.btnStyle = 'offlineStyle';
     } else {
-      this.btnStyle = 'baseStyle';
+      this.btnStyle = 'onlineStyle';
     }
   }
 }

packages/geo/src/lib/map/shared/map.ts

@@ -43,7 +43,7 @@ import {
 // Move some stuff into controllers.
 export class IgoMap {
   public ol: olMap;
-  public offlineButtonToggle$ = new BehaviorSubject<boolean>(false);
+  public forcedOffline$ = new BehaviorSubject<boolean>(false);
   public layers$ = new BehaviorSubject<Layer[]>([]);
   public status$: Subject<SubjectStatus>;
   public propertyChange$: Subject<{event:ObjectEvent, layer: Layer}>;
@@ -514,8 +514,4 @@ export class IgoMap {
   private getLayerIndex(layer: Layer) {
     return this.layers.findIndex((_layer: Layer) => _layer === layer);
   }
-
-  onOfflineToggle(offline: boolean) {
-    this.offlineButtonToggle$.next(offline);
-  }
 }