igniteui-angular-maps 12.1.0 → 13.1.0

package/esm5/lib/igx-geographic-map-component.js

@@ -1,780 +1,735 @@
-/*
-THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
-https://www.infragistics.com/legal/license/igultimate-la
-https://www.infragistics.com/legal/license/igultimate-eula
-GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
-*/
-import * as tslib_1 from "tslib";
-import { EventEmitter, Output, Injector, ComponentFactoryResolver, Component, Renderer2, ViewChild, ContentChildren, QueryList, Input, forwardRef, NgZone, ChangeDetectionStrategy, ViewContainerRef } from '@angular/core';
-import { IgxSeriesComponent } from "igniteui-angular-charts";
-import { IgxSeriesViewerComponent } from "igniteui-angular-charts";
-import { AngularRenderer, AngularWrapper } from "igniteui-angular-core";
-import { TypeRegistrar } from "igniteui-angular-core";
-import { XamGeographicMap } from './XamGeographicMap';
-import { CollectionAdapter, toPoint, fromPoint, toRect, fromRect, ensureBool, ensureEnum, NamePatcher } from "igniteui-angular-core";
-import { DataChartStylingDefaults } from "igniteui-angular-charts";
-import { IgxDataContext } from "igniteui-angular-core";
-import { delegateCombine } from "igniteui-angular-core";
-import { IgxSeriesCollection } from "igniteui-angular-charts";
-import { NotifyCollectionChangedAction } from "igniteui-angular-core";
-import { IgxImageTilesReadyEventArgs } from './igx-image-tiles-ready-event-args';
-import { IgxNumericXAxisComponent } from "igniteui-angular-charts";
-import { IgxNumericYAxisComponent } from "igniteui-angular-charts";
-import { MapResizeBehavior, MapResizeBehavior_$type } from './MapResizeBehavior';
-import { MapBackgroundTilingMode, MapBackgroundTilingMode_$type } from './MapBackgroundTilingMode';
-export var IgxGeographicMapComponent_PROVIDERS = [{ provide: IgxSeriesViewerComponent, useExisting: forwardRef(function () { return IgxGeographicMapComponent; }) }];
-/**
- * Represents the Infragistics IgxGeographicMapComponent control.
-*/
-var IgxGeographicMapComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(IgxGeographicMapComponent, _super);
-    function IgxGeographicMapComponent(_renderer, _elRef, _ngZone, _componentFactoryResolver, _injector) {
-        var _this = _super.call(this) || this;
-        _this._renderer = _renderer;
-        _this._elRef = _elRef;
-        _this._ngZone = _ngZone;
-        _this._componentFactoryResolver = _componentFactoryResolver;
-        _this._injector = _injector;
-        /**
-         * The series actually present in the chart. Do not directly modify this array.
-         * This array's contents can be modified by causing Angular to reproject the child content.
-         * Or adding and removing series from the manual series collection on the series property.
-         */
-        _this.actualSeries = [];
-        _this._series = null;
-        _this._dataSource = null;
-        _this._seriesAdapter = null;
-        _this._defaultTooltips = null;
-        _this._imageTilesReady = null;
-        if (_this._styling) {
-            NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
-        }
-        _this._zoneRunner = function (act) { return _this._ngZone.run(act); };
-        _this._container = _renderer.createElement("div");
-        _renderer.appendChild(_elRef.element.nativeElement, _this._container);
-        _renderer.setStyle(_this._container, "display", "block");
-        _renderer.setStyle(_this._container, "width", "100%");
-        _renderer.setStyle(_this._container, "height", "100%");
-        var root;
-        root = _this._container;
-        if (_this._container.nativeElement != null) {
-            root = _this._container.nativeElement;
-        }
-        var ren = new AngularRenderer(root, _this._renderer, window.document, _this._ngZone, true, DataChartStylingDefaults);
-        _this._wrapper = ren;
-        var chart = _this.i;
-        _this._chart = chart;
-        chart.provideContainer(ren);
-        ren.addSizeWatcher(function () {
-            _this._chart.notifyContainerResized();
-        });
-        return _this;
-    }
-    IgxGeographicMapComponent_1 = IgxGeographicMapComponent;
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "height", {
-        get: function () {
-            return this._height;
-        },
-        set: function (value) {
-            this._height = value;
-            this._renderer.setStyle(this._elRef.element.nativeElement, "height", value);
-            this._chart.notifyContainerResized();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "width", {
-        get: function () {
-            return this._width;
-        },
-        set: function (value) {
-            this._width = value;
-            this._renderer.setStyle(this._elRef.element.nativeElement, "width", value);
-            this._chart.notifyContainerResized();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "legend", {
-        /**
-         * Gets or sets the legend used for the current chart.
-        */
-        get: function () {
-            if (this.i.legend != null)
-                return this.i.legend.externalObject;
-        },
-        set: function (v) {
-            if (v != undefined && v != null)
-                this.i.legend = v.i;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "series", {
-        /**
-         * A collection or manually added series for the chart.
-        */
-        get: function () {
-            var _this = this;
-            if (this._series === null) {
-                var coll = new IgxSeriesCollection();
-                var inner = coll._innerColl;
-                inner.addListener(function (sender, e) {
-                    switch (e.action) {
-                        case NotifyCollectionChangedAction.Add:
-                            _this._seriesAdapter.addManualItem(e.newItems.item(0));
-                            break;
-                        case NotifyCollectionChangedAction.Remove:
-                            _this._seriesAdapter.removeManualItemAt(e.oldStartingIndex);
-                            break;
-                        case NotifyCollectionChangedAction.Replace:
-                            _this._seriesAdapter.removeManualItemAt(e.oldStartingIndex);
-                            _this._seriesAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
-                            break;
-                        case NotifyCollectionChangedAction.Reset:
-                            _this._seriesAdapter.clearManualItems();
-                            break;
-                    }
-                });
-                this._series = coll;
-            }
-            return this._series;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    IgxGeographicMapComponent.prototype.ngOnDestroy = function () {
-        this._chart.destroy();
-        this._wrapper.destroy();
-    };
-    IgxGeographicMapComponent.prototype.createImplementation = function () {
-        return new XamGeographicMap();
-    };
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "dataSource", {
-        get: function () {
-            return this._dataSource;
-        },
-        set: function (value) {
-            this._dataSource = value;
-            this.bindData();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    IgxGeographicMapComponent.prototype.bindData = function () {
-        if (this.actualSeries && this.actualSeries.length > 0) {
-            var currSeries = this.actualSeries;
-            for (var i = 0; i < currSeries.length; i++) {
-                currSeries[i].provideData(this._dataSource);
-            }
-        }
-    };
-    IgxGeographicMapComponent.prototype.ngAfterContentInit = function () {
-        var _this = this;
-        if (TypeRegistrar.isRegistered("IgxDataChartDefaultTooltipsComponent")) {
-            var c = TypeRegistrar.get("IgxDataChartDefaultTooltipsComponent");
-            var cf = this._componentFactoryResolver.resolveComponentFactory(c);
-            var cr_1 = this._dynamicContent.createComponent(cf);
-            //let cr = cf.create(this._injector);
-            this._defaultTooltips = cr_1;
-            cr_1.instance.onContentReady.subscribe(function () {
-                _this._onDefaultTooltipsReady(cr_1);
-            });
-            //this._container.appendChild(cr.location.nativeElement);
-        }
-        this._seriesAdapter = new CollectionAdapter(this.contentSeries, this.i.series, this.actualSeries, function (c) { return c.i; }, function (i) {
-            i.owner = _this;
-            i._provideRenderer(_this._dataSource);
-            i.provideData(_this._dataSource);
-            //i.bindAxes(this.axes);
-            _this._ensureDefaultTooltip(i);
-            _this._ensureTooltipCreated(i);
-        }, function (i) { i._provideRenderer(null); i.provideData(null); });
-        this.i.notifyContainerResized();
-    };
-    IgxGeographicMapComponent.prototype._ensureTooltipCreated = function (series) {
-        var _this = this;
-        series._ensureTooltipCreated(function () { return _this.createTooltip(); }, function (ele) {
-            var wrapper = new AngularWrapper(ele, _this._renderer, _this._ngZone);
-            wrapper.updateToolTip = ele.updateToolTip;
-            wrapper.hideToolTip = ele.hideToolTip;
-            return wrapper;
-        });
-    };
-    IgxGeographicMapComponent.prototype._ensureDefaultTooltip = function (series) {
-        if (this._defaultTooltips == null) {
-            return;
-        }
-        this._defaultTooltips.instance["ensureDefaultTooltip"](series);
-    };
-    IgxGeographicMapComponent.prototype._onDefaultTooltipsReady = function (cr) {
-        if (this.actualSeries && this.actualSeries.length > 0) {
-            var currSeries = this.actualSeries;
-            for (var i = 0; i < currSeries.length; i++) {
-                if (currSeries[i].showDefaultTooltip) {
-                    this._ensureDefaultTooltip(currSeries[i]);
-                }
-            }
-        }
-    };
-    IgxGeographicMapComponent.prototype.createTooltip = function () {
-        if (!TypeRegistrar.isRegistered("IgxTooltipContainerComponent")) {
-            return null;
-        }
-        var t = TypeRegistrar.get("IgxTooltipContainerComponent");
-        var cf = this._componentFactoryResolver.resolveComponentFactory(t);
-        //let cr = cf.create(this._injector);
-        var cr = this._dynamicContent.createComponent(cf);
-        var ele = cr.location.nativeElement;
-        var self = this;
-        ele.updateToolTip = function (c, isSubContent) {
-            if (c.externalObject) {
-                c = c.externalObject;
-            }
-            else {
-                var ext = new IgxDataContext();
-                ext._implementation = c;
-                c = ext;
-            }
-            if (!isSubContent) {
-                if (ele.parentElement != self._container) {
-                    if (ele.parentElement != null) {
-                        ele.parentElement.removeChild(ele);
-                    }
-                    self._container.appendChild(ele);
-                }
-            }
-            else {
-                c.isSubContent = true;
-            }
-            cr.instance.context = c;
-            ele.style.display = "block";
-            return true;
-        };
-        ele.hideToolTip = function () {
-            ele.style.display = "none";
-        };
-        ele.style.display = "none";
-        return cr;
-    };
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "backgroundContent", {
-        /**
-         * An imagery to display behind all series, inside the viewport of the IgxGeographicMapComponent control.
-        */
-        get: function () {
-            if (this.i.backgroundContent != null) {
-                return this.i.backgroundContent.externalObject;
-            }
-            else {
-                return null;
-            }
-        },
-        set: function (v) {
-            if (v != undefined && v != null) {
-                this.i.backgroundContent = v.i;
-            }
-            else {
-                this.i.backgroundContent = null;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "i", {
-        /**
-                                 * @hidden
-                                 */
-        get: function () {
-            return this._implementation;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "zoomable", {
-        /**
-     * Gets or sets zoomability of the current control
-    */
-        get: function () {
-            return this.i.px;
-        },
-        set: function (v) {
-            this.i.px = ensureBool(v);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "resizeBehavior", {
-        /**
-         * Gets or sets the behavior to use during resize.
-        */
-        get: function () {
-            return this.i.pq;
-        },
-        set: function (v) {
-            this.i.pq = ensureEnum(MapResizeBehavior_$type, v);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "isHorizontalWrappingEnabled", {
-        /**
-         * Gets or sets if the map should horizontally wrap.
-        */
-        get: function () {
-            return this.i.pu;
-        },
-        set: function (v) {
-            this.i.pu = ensureBool(v);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "backgroundTilingMode", {
-        /**
-         * Gets or sets if the map should horizontally wrap.
-        */
-        get: function () {
-            return this.i.pm;
-        },
-        set: function (v) {
-            this.i.pm = ensureEnum(MapBackgroundTilingMode_$type, v);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "useWorldRectForZoomBounds", {
-        /**
-         * Gets or sets whether to use the uncoerced world rect to constrain the zoom bounds.
-        */
-        get: function () {
-            return this.i.pw;
-        },
-        set: function (v) {
-            this.i.pw = ensureBool(v);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "suppressZoomResetOnWorldRectChange", {
-        /**
-         * Gets or sets whether skip resetting the zoom when the world rect changes.
-        */
-        get: function () {
-            return this.i.pv;
-        },
-        set: function (v) {
-            this.i.pv = ensureBool(v);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "worldRect", {
-        /**
-         * Gets or sets the world bounding rectangle.
-        */
-        get: function () {
-            return fromRect(this.i.rs);
-        },
-        set: function (v) {
-            this.i.rs = toRect(v);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "actualWorldRect", {
-        /**
-         * Gets the actual value of the WorldRect.
-        */
-        get: function () {
-            return fromRect(this.i.rg);
-        },
-        set: function (v) {
-            this.i.rg = toRect(v);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "xAxis", {
-        /**
-         * The X-axis for this IgxGeographicMap.Component
-         * Under normal circumstances, this property should not be set in application code.  By default, it will be set to a numeric axis with a spherical mercator scaler.
-        */
-        get: function () {
-            if (this.i.pf == null) {
-                return null;
-            }
-            if (!this.i.pf.externalObject) {
-                var e = IgxNumericXAxisComponent._createFromInternal(this.i.pf);
-                if (e) {
-                    e._implementation = this.i.pf;
-                }
-                this.i.pf.externalObject = e;
-            }
-            return this.i.pf.externalObject;
-        },
-        set: function (v) {
-            if (v != null && this._stylingContainer && v._styling)
-                v._styling(this._stylingContainer, this, this);
-            v == null ? this.i.pf = null : this.i.pf = v.i;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "yAxis", {
-        /**
-         * The Y-axis for this IgxGeographicMap.Component
-         * Under normal circumstances, this property should not be set in application code.  By default, it will be set to a numeric axis with a spherical mercator scaler.
-        */
-        get: function () {
-            if (this.i.ph == null) {
-                return null;
-            }
-            if (!this.i.ph.externalObject) {
-                var e = IgxNumericYAxisComponent._createFromInternal(this.i.ph);
-                if (e) {
-                    e._implementation = this.i.ph;
-                }
-                this.i.ph.externalObject = e;
-            }
-            return this.i.ph.externalObject;
-        },
-        set: function (v) {
-            if (v != null && this._stylingContainer && v._styling)
-                v._styling(this._stylingContainer, this, this);
-            v == null ? this.i.ph = null : this.i.ph = v.i;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "isMap", {
-        /**
-         * Indicates if this SeriesViewer is a map.
-        */
-        get: function () {
-            return this.i.dq;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "windowScale", {
-        /**
-         * A number between 0 and 1 determining the scale of the horizontal/vertical zoom.
-         * This property is effectively a shortcut to the Width/Height of the WindowRect property.
-        */
-        get: function () {
-            return this.i.p2;
-        },
-        set: function (v) {
-            this.i.p2 = +v;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "actualWindowScale", {
-        /**
-         * A number between 0 and 1 determining the scale of the horizontal/vertical zoom.
-         * This property is effectively a shortcut to the Width/Height of the ActualWindowRect property.
-        */
-        get: function () {
-            return this.i.p1;
-        },
-        set: function (v) {
-            this.i.p1 = +v;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "zoomIsReady", {
-        /**
-         * Gets whether or not the control is ready for zooming
-        */
-        get: function () {
-            return this.i.py;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    IgxGeographicMapComponent.prototype.findByName = function (name) {
-        var baseResult = _super.prototype.findByName.call(this, name);
-        if (baseResult) {
-            return baseResult;
-        }
-        if (this.backgroundContent && this.backgroundContent.name && this.backgroundContent.name == name) {
-            return this.backgroundContent;
-        }
-        return null;
-    };
-    IgxGeographicMapComponent.prototype._styling = function (container, component, parent) {
-        _super.prototype._styling.call(this, container, component, parent);
-        this._inStyling = true;
-        if (this.xAxis && this.xAxis._styling) {
-            this.xAxis._styling(container, component, this);
-        }
-        if (this.yAxis && this.yAxis._styling) {
-            this.yAxis._styling(container, component, this);
-        }
-        this._inStyling = false;
-    };
-    IgxGeographicMapComponent.prototype.getCurrentActualWorldRect = function () {
-        var iv = this.i.rk();
-        return fromRect(iv);
-    };
-    /**
-     * Given the current plot area of the control and a geographic region, get the WindowRect that would encompass that geographic region.
+import { __extends } from "tslib";
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+import { EventEmitter, Output, Component, ViewChild, ContentChildren, Input, forwardRef, ChangeDetectionStrategy, ViewContainerRef } from '@angular/core';
+import { IgxSeriesComponent } from "igniteui-angular-charts";
+import { IgxSeriesViewerComponent } from "igniteui-angular-charts";
+import { AngularRenderer, AngularWrapper } from "igniteui-angular-core";
+import { TypeRegistrar } from "igniteui-angular-core";
+import { XamGeographicMap } from './XamGeographicMap';
+import { CollectionAdapter, toPoint, fromPoint, toRect, fromRect, ensureBool, ensureEnum, NamePatcher } from "igniteui-angular-core";
+import { DataChartStylingDefaults } from "igniteui-angular-charts";
+import { IgxDataContext } from "igniteui-angular-core";
+import { delegateCombine } from "igniteui-angular-core";
+import { IgxSeriesCollection } from "igniteui-angular-charts";
+import { NotifyCollectionChangedAction } from "igniteui-angular-core";
+import { IgxImageTilesReadyEventArgs } from './igx-image-tiles-ready-event-args';
+import { IgxNumericXAxisComponent } from "igniteui-angular-charts";
+import { IgxNumericYAxisComponent } from "igniteui-angular-charts";
+import { MapResizeBehavior_$type } from './MapResizeBehavior';
+import { MapBackgroundTilingMode_$type } from './MapBackgroundTilingMode';
+import * as i0 from "@angular/core";
+/**
+ * Represents the Infragistics IgxGeographicMapComponent control.
+*/
+var IgxGeographicMapComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+    __extends(IgxGeographicMapComponent, _super);
+    function IgxGeographicMapComponent(_renderer, _elRef, _ngZone, _componentFactoryResolver, _injector) {
+        var _this = _super.call(this) || this;
+        _this._renderer = _renderer;
+        _this._elRef = _elRef;
+        _this._ngZone = _ngZone;
+        _this._componentFactoryResolver = _componentFactoryResolver;
+        _this._injector = _injector;
+        /**
+         * The series actually present in the chart. Do not directly modify this array.
+         * This array's contents can be modified by causing Angular to reproject the child content.
+         * Or adding and removing series from the manual series collection on the series property.
+         */
+        _this.actualSeries = [];
+        _this._series = null;
+        _this._dataSource = null;
+        _this._seriesAdapter = null;
+        _this._defaultTooltips = null;
+        _this._imageTilesReady = null;
+        if (_this._styling) {
+            NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
+        }
+        _this._zoneRunner = function (act) { return _this._ngZone.run(act); };
+        _this._container = _renderer.createElement("div");
+        _renderer.appendChild(_elRef.element.nativeElement, _this._container);
+        _renderer.setStyle(_this._container, "display", "block");
+        _renderer.setStyle(_this._container, "width", "100%");
+        _renderer.setStyle(_this._container, "height", "100%");
+        var root;
+        root = _this._container;
+        if (_this._container.nativeElement != null) {
+            root = _this._container.nativeElement;
+        }
+        var ren = new AngularRenderer(root, _this._renderer, window.document, _this._ngZone, true, DataChartStylingDefaults);
+        _this._wrapper = ren;
+        var chart = _this.i;
+        _this._chart = chart;
+        chart.provideContainer(ren);
+        ren.addSizeWatcher(function () {
+            _this._chart.notifyContainerResized();
+        });
+        return _this;
+    }
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "height", {
+        get: function () {
+            return this._height;
+        },
+        set: function (value) {
+            this._height = value;
+            this._renderer.setStyle(this._elRef.element.nativeElement, "height", value);
+            this._chart.notifyContainerResized();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "width", {
+        get: function () {
+            return this._width;
+        },
+        set: function (value) {
+            this._width = value;
+            this._renderer.setStyle(this._elRef.element.nativeElement, "width", value);
+            this._chart.notifyContainerResized();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "legend", {
+        /**
+         * Gets or sets the legend used for the current chart.
+        */
+        get: function () {
+            if (this.i.legend != null)
+                return this.i.legend.externalObject;
+        },
+        set: function (v) {
+            if (v != undefined && v != null)
+                this.i.legend = v.i;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "series", {
+        /**
+         * A collection or manually added series for the chart.
+        */
+        get: function () {
+            var _this = this;
+            if (this._series === null) {
+                var coll = new IgxSeriesCollection();
+                var inner = coll._innerColl;
+                inner.addListener(function (sender, e) {
+                    switch (e.action) {
+                        case NotifyCollectionChangedAction.Add:
+                            _this._seriesAdapter.addManualItem(e.newItems.item(0));
+                            break;
+                        case NotifyCollectionChangedAction.Remove:
+                            _this._seriesAdapter.removeManualItemAt(e.oldStartingIndex);
+                            break;
+                        case NotifyCollectionChangedAction.Replace:
+                            _this._seriesAdapter.removeManualItemAt(e.oldStartingIndex);
+                            _this._seriesAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
+                            break;
+                        case NotifyCollectionChangedAction.Reset:
+                            _this._seriesAdapter.clearManualItems();
+                            break;
+                    }
+                });
+                this._series = coll;
+            }
+            return this._series;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IgxGeographicMapComponent.prototype.ngOnDestroy = function () {
+        this._chart.destroy();
+        this._wrapper.destroy();
+    };
+    IgxGeographicMapComponent.prototype.createImplementation = function () {
+        return new XamGeographicMap();
+    };
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "dataSource", {
+        get: function () {
+            return this._dataSource;
+        },
+        set: function (value) {
+            this._dataSource = value;
+            this.bindData();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IgxGeographicMapComponent.prototype.bindData = function () {
+        if (this.actualSeries && this.actualSeries.length > 0) {
+            var currSeries = this.actualSeries;
+            for (var i = 0; i < currSeries.length; i++) {
+                currSeries[i].provideData(this._dataSource);
+            }
+        }
+    };
+    IgxGeographicMapComponent.prototype.ngAfterContentInit = function () {
+        var _this = this;
+        if (TypeRegistrar.isRegistered("IgxDataChartDefaultTooltipsComponent")) {
+            var c = TypeRegistrar.get("IgxDataChartDefaultTooltipsComponent");
+            var cf = this._componentFactoryResolver.resolveComponentFactory(c);
+            var cr_1 = this._dynamicContent.createComponent(cf);
+            //let cr = cf.create(this._injector);
+            this._defaultTooltips = cr_1;
+            cr_1.instance.onContentReady.subscribe(function () {
+                _this._onDefaultTooltipsReady(cr_1);
+            });
+            //this._container.appendChild(cr.location.nativeElement);
+        }
+        this._seriesAdapter = new CollectionAdapter(this.contentSeries, this.i.series, this.actualSeries, function (c) { return c.i; }, function (i) {
+            i.owner = _this;
+            i._provideRenderer(_this._dataSource);
+            i.provideData(_this._dataSource);
+            //i.bindAxes(this.axes);
+            _this._ensureDefaultTooltip(i);
+            _this._ensureTooltipCreated(i);
+        }, function (i) { i._provideRenderer(null); i.provideData(null); });
+        this.i.notifyContainerResized();
+    };
+    IgxGeographicMapComponent.prototype._ensureTooltipCreated = function (series) {
+        var _this = this;
+        series._ensureTooltipCreated(function () { return _this.createTooltip(); }, function (ele) {
+            var wrapper = new AngularWrapper(ele, _this._renderer, _this._ngZone);
+            wrapper.updateToolTip = ele.updateToolTip;
+            wrapper.hideToolTip = ele.hideToolTip;
+            return wrapper;
+        });
+    };
+    IgxGeographicMapComponent.prototype._ensureDefaultTooltip = function (series) {
+        if (this._defaultTooltips == null) {
+            return;
+        }
+        this._defaultTooltips.instance["ensureDefaultTooltip"](series);
+    };
+    IgxGeographicMapComponent.prototype._onDefaultTooltipsReady = function (cr) {
+        if (this.actualSeries && this.actualSeries.length > 0) {
+            var currSeries = this.actualSeries;
+            for (var i = 0; i < currSeries.length; i++) {
+                if (currSeries[i].showDefaultTooltip) {
+                    this._ensureDefaultTooltip(currSeries[i]);
+                }
+            }
+        }
+    };
+    IgxGeographicMapComponent.prototype.createTooltip = function () {
+        if (!TypeRegistrar.isRegistered("IgxTooltipContainerComponent")) {
+            return null;
+        }
+        var t = TypeRegistrar.get("IgxTooltipContainerComponent");
+        var cf = this._componentFactoryResolver.resolveComponentFactory(t);
+        //let cr = cf.create(this._injector);
+        var cr = this._dynamicContent.createComponent(cf);
+        var ele = cr.location.nativeElement;
+        var self = this;
+        ele.updateToolTip = function (c, isSubContent) {
+            if (c.externalObject) {
+                c = c.externalObject;
+            }
+            else {
+                var ext = new IgxDataContext();
+                ext._implementation = c;
+                c = ext;
+            }
+            if (!isSubContent) {
+                if (ele.parentElement != self._container) {
+                    if (ele.parentElement != null) {
+                        ele.parentElement.removeChild(ele);
+                    }
+                    self._container.appendChild(ele);
+                }
+            }
+            else {
+                c.isSubContent = true;
+            }
+            cr.instance.context = c;
+            ele.style.display = "block";
+            return true;
+        };
+        ele.hideToolTip = function () {
+            ele.style.display = "none";
+        };
+        ele.style.display = "none";
+        return cr;
+    };
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "backgroundContent", {
+        /**
+         * An imagery to display behind all series, inside the viewport of the IgxGeographicMapComponent control.
+        */
+        get: function () {
+            if (this.i.backgroundContent != null) {
+                return this.i.backgroundContent.externalObject;
+            }
+            else {
+                return null;
+            }
+        },
+        set: function (v) {
+            if (v != undefined && v != null) {
+                this.i.backgroundContent = v.i;
+            }
+            else {
+                this.i.backgroundContent = null;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "i", {
+        /**
+                                 * @hidden
+                                 */
+        get: function () {
+            return this._implementation;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "zoomable", {
+        /**
+     * Gets or sets zoomability of the current control
+    */
+        get: function () {
+            return this.i.ql;
+        },
+        set: function (v) {
+            this.i.ql = ensureBool(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "resizeBehavior", {
+        /**
+         * Gets or sets the behavior to use during resize.
+        */
+        get: function () {
+            return this.i.qe;
+        },
+        set: function (v) {
+            this.i.qe = ensureEnum(MapResizeBehavior_$type, v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "isHorizontalWrappingEnabled", {
+        /**
+         * Gets or sets if the map should horizontally wrap.
+        */
+        get: function () {
+            return this.i.qi;
+        },
+        set: function (v) {
+            this.i.qi = ensureBool(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "backgroundTilingMode", {
+        /**
+         * Gets or sets if the map should horizontally wrap.
+        */
+        get: function () {
+            return this.i.qa;
+        },
+        set: function (v) {
+            this.i.qa = ensureEnum(MapBackgroundTilingMode_$type, v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "useWorldRectForZoomBounds", {
+        /**
+         * Gets or sets whether to use the uncoerced world rect to constrain the zoom bounds.
+        */
+        get: function () {
+            return this.i.qk;
+        },
+        set: function (v) {
+            this.i.qk = ensureBool(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "suppressZoomResetOnWorldRectChange", {
+        /**
+         * Gets or sets whether skip resetting the zoom when the world rect changes.
+        */
+        get: function () {
+            return this.i.qj;
+        },
+        set: function (v) {
+            this.i.qj = ensureBool(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "worldRect", {
+        /**
+         * Gets or sets the world bounding rectangle.
+        */
+        get: function () {
+            return fromRect(this.i.sg);
+        },
+        set: function (v) {
+            this.i.sg = toRect(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "actualWorldRect", {
+        /**
+         * Gets the actual value of the WorldRect.
+        */
+        get: function () {
+            return fromRect(this.i.r4);
+        },
+        set: function (v) {
+            this.i.r4 = toRect(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "xAxis", {
+        /**
+         * The X-axis for this IgxGeographicMap.Component
+         * Under normal circumstances, this property should not be set in application code.  By default, it will be set to a numeric axis with a spherical mercator scaler.
+        */
+        get: function () {
+            if (this.i.p3 == null) {
+                return null;
+            }
+            if (!this.i.p3.externalObject) {
+                var e = IgxNumericXAxisComponent._createFromInternal(this.i.p3);
+                if (e) {
+                    e._implementation = this.i.p3;
+                }
+                this.i.p3.externalObject = e;
+            }
+            return this.i.p3.externalObject;
+        },
+        set: function (v) {
+            if (v != null && this._stylingContainer && v._styling)
+                v._styling(this._stylingContainer, this, this);
+            v == null ? this.i.p3 = null : this.i.p3 = v.i;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "yAxis", {
+        /**
+         * The Y-axis for this IgxGeographicMap.Component
+         * Under normal circumstances, this property should not be set in application code.  By default, it will be set to a numeric axis with a spherical mercator scaler.
+        */
+        get: function () {
+            if (this.i.p5 == null) {
+                return null;
+            }
+            if (!this.i.p5.externalObject) {
+                var e = IgxNumericYAxisComponent._createFromInternal(this.i.p5);
+                if (e) {
+                    e._implementation = this.i.p5;
+                }
+                this.i.p5.externalObject = e;
+            }
+            return this.i.p5.externalObject;
+        },
+        set: function (v) {
+            if (v != null && this._stylingContainer && v._styling)
+                v._styling(this._stylingContainer, this, this);
+            v == null ? this.i.p5 = null : this.i.p5 = v.i;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "isMap", {
+        /**
+         * Indicates if this SeriesViewer is a map.
+        */
+        get: function () {
+            return this.i.dx;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "windowScale", {
+        /**
+         * A number between 0 and 1 determining the scale of the horizontal/vertical zoom.
+         * This property is effectively a shortcut to the Width/Height of the WindowRect property.
+        */
+        get: function () {
+            return this.i.qq;
+        },
+        set: function (v) {
+            this.i.qq = +v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "actualWindowScale", {
+        /**
+         * A number between 0 and 1 determining the scale of the horizontal/vertical zoom.
+         * This property is effectively a shortcut to the Width/Height of the ActualWindowRect property.
+        */
+        get: function () {
+            return this.i.qp;
+        },
+        set: function (v) {
+            this.i.qp = +v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "zoomIsReady", {
+        /**
+         * Gets whether or not the control is ready for zooming
+        */
+        get: function () {
+            return this.i.qm;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IgxGeographicMapComponent.prototype.findByName = function (name) {
+        var baseResult = _super.prototype.findByName.call(this, name);
+        if (baseResult) {
+            return baseResult;
+        }
+        if (this.backgroundContent && this.backgroundContent.name && this.backgroundContent.name == name) {
+            return this.backgroundContent;
+        }
+        return null;
+    };
+    IgxGeographicMapComponent.prototype._styling = function (container, component, parent) {
+        _super.prototype._styling.call(this, container, component, parent);
+        this._inStyling = true;
+        if (this.xAxis && this.xAxis._styling) {
+            this.xAxis._styling(container, component, this);
+        }
+        if (this.yAxis && this.yAxis._styling) {
+            this.yAxis._styling(container, component, this);
+        }
+        this._inStyling = false;
+    };
+    /**
+ * Gets current world rect in geographic coordinates
+
+*/
+    IgxGeographicMapComponent.prototype.getCurrentActualWorldRect = function () {
+        var iv = this.i.r8();
+        return fromRect(iv);
+    };
+    /**
+     * Given the current plot area of the control and a geographic region, get the WindowRect that would encompass that geographic region.
     
-    * @param geographic  * The geographic area.
-    */
-    IgxGeographicMapComponent.prototype.getZoomRectFromGeoRect = function (geographic) {
-        var iv = this.i.getZoomRectFromGeoRect(toRect(geographic));
-        return fromRect(iv);
-    };
-    IgxGeographicMapComponent.prototype.updateZoomWindow = function (zoomWindow) {
-        this.i.qw(toRect(zoomWindow));
-    };
-    IgxGeographicMapComponent.prototype.updateWorldRect = function (worldRect) {
-        this.i.qv(toRect(worldRect));
-    };
-    /**
-     * Given the current plot area of the control and a geographic region, get the WindowRect that would encompass that geographic region.
+    * @param geographic  * The geographic area.
+    */
+    IgxGeographicMapComponent.prototype.getZoomRectFromGeoRect = function (geographic) {
+        var iv = this.i.getZoomRectFromGeoRect(toRect(geographic));
+        return fromRect(iv);
+    };
+    /**
+     * Updates zoom window using window coordinates
     
-    * @param geographic  * The geographic area.
-    */
-    IgxGeographicMapComponent.prototype.getZoomFromGeographicRect = function (geographic) {
-        var iv = this.i.getZoomFromGeographicRect(toRect(geographic));
-        return fromRect(iv);
-    };
-    IgxGeographicMapComponent.prototype.convertGeographicToZoom = function (geographic, extraPixelPadding) {
-        var iv = this.i.rh(toRect(geographic), extraPixelPadding);
-        return fromRect(iv);
-    };
-    IgxGeographicMapComponent.prototype.getZoomFromGeographicPoints = function (northWest, southEast) {
-        var iv = this.i.getZoomFromGeographicPoints(toPoint(northWest), toPoint(southEast));
-        return fromRect(iv);
-    };
-    /**
-     * Given a WindowRect and the current plot area, get the geographic region represented by that WindowRect.
+    */
+    IgxGeographicMapComponent.prototype.updateZoomWindow = function (zoomWindow) {
+        this.i.rk(toRect(zoomWindow));
+    };
+    /**
+     * Updates world rect in geographic coordinates
     
-    * @param windowRect  * The zoom area.
-    */
-    IgxGeographicMapComponent.prototype.getGeographicFromZoom = function (windowRect) {
-        var iv = this.i.rm(toRect(windowRect));
-        return fromRect(iv);
-    };
-    /**
-     * Convert a pixel-based coordinate to a geographic coordinate.
+    */
+    IgxGeographicMapComponent.prototype.updateWorldRect = function (worldRect) {
+        this.i.rj(toRect(worldRect));
+    };
+    /**
+     * Given the current plot area of the control and a geographic region, get the WindowRect that would encompass that geographic region.
     
-    * @param pixelCoordinate  * A pixel-based coordinate
-    */
-    IgxGeographicMapComponent.prototype.getGeographicPoint = function (pixelCoordinate) {
-        var iv = this.i.q8(toPoint(pixelCoordinate));
-        return fromPoint(iv);
-    };
-    /**
-     * Convert a geographic coordinate to a pixel-based coordinate.
+    * @param geographic  * The geographic area.
+    */
+    IgxGeographicMapComponent.prototype.getZoomFromGeographicRect = function (geographic) {
+        var iv = this.i.getZoomFromGeographicRect(toRect(geographic));
+        return fromRect(iv);
+    };
+    IgxGeographicMapComponent.prototype.convertGeographicToZoom = function (geographic, extraPixelPadding) {
+        var iv = this.i.r5(toRect(geographic), extraPixelPadding);
+        return fromRect(iv);
+    };
+    IgxGeographicMapComponent.prototype.getZoomFromGeographicPoints = function (northWest, southEast) {
+        var iv = this.i.getZoomFromGeographicPoints(toPoint(northWest), toPoint(southEast));
+        return fromRect(iv);
+    };
+    /**
+     * Given a WindowRect and the current plot area, get the geographic region represented by that WindowRect.
     
-    * @param geographicCoordinate  * A geographic coordinate
-    */
-    IgxGeographicMapComponent.prototype.getPixelPoint = function (geographicCoordinate) {
-        var iv = this.i.q9(toPoint(geographicCoordinate));
-        return fromPoint(iv);
-    };
-    /**
-     * Convert a geographic coordinate to a pixel-based coordinate.
+    * @param windowRect  * The zoom area.
+    */
+    IgxGeographicMapComponent.prototype.getGeographicFromZoom = function (windowRect) {
+        var iv = this.i.sa(toRect(windowRect));
+        return fromRect(iv);
+    };
+    /**
+     * Convert a pixel-based coordinate to a geographic coordinate.
     
-    * @param geographicCoordinate  * A geographic coordinate
-    */
-    IgxGeographicMapComponent.prototype.getWindowPoint = function (geographicCoordinate) {
-        var iv = this.i.ra(toPoint(geographicCoordinate));
-        return fromPoint(iv);
-    };
-    /**
-     * Removes all cached tile images from the map imagery assigned to the map's background content.
+    * @param pixelCoordinate  * A pixel-based coordinate
+    */
+    IgxGeographicMapComponent.prototype.getGeographicPoint = function (pixelCoordinate) {
+        var iv = this.i.rw(toPoint(pixelCoordinate));
+        return fromPoint(iv);
+    };
+    /**
+     * Convert a geographic coordinate to a pixel-based coordinate.
     
-    */
-    IgxGeographicMapComponent.prototype.clearTileCache = function () {
-        this.i.qj();
-    };
-    /**
-     * Notifies the chart that the CSS styles in effect have been updated.
+    * @param geographicCoordinate  * A geographic coordinate
+    */
+    IgxGeographicMapComponent.prototype.getPixelPoint = function (geographicCoordinate) {
+        var iv = this.i.rx(toPoint(geographicCoordinate));
+        return fromPoint(iv);
+    };
+    /**
+     * Convert a geographic coordinate to a pixel-based coordinate.
     
-    */
-    IgxGeographicMapComponent.prototype.styleUpdated = function () {
-        this.i.qr();
-    };
-    /**
-     * Gets actual window scale for horizontal dimension of the control
+    * @param geographicCoordinate  * A geographic coordinate
+    */
+    IgxGeographicMapComponent.prototype.getWindowPoint = function (geographicCoordinate) {
+        var iv = this.i.ry(toPoint(geographicCoordinate));
+        return fromPoint(iv);
+    };
+    /**
+     * Removes all cached tile images from the map imagery assigned to the map's background content.
     
-    */
-    IgxGeographicMapComponent.prototype.getActualWindowScaleHorizontal = function () {
-        var iv = this.i.fe();
-        return (iv);
-    };
-    /**
-     * Gets actual window scale for vertical dimension of the control
+    */
+    IgxGeographicMapComponent.prototype.clearTileCache = function () {
+        this.i.q7();
+    };
+    /**
+     * Notifies the chart that the CSS styles in effect have been updated.
     
-    */
-    IgxGeographicMapComponent.prototype.getActualWindowScaleVertical = function () {
-        var iv = this.i.ff();
-        return (iv);
-    };
-    /**
-     * Calls for a deferred refresh to the GeographicMap's background.
+    */
+    IgxGeographicMapComponent.prototype.styleUpdated = function () {
+        this.i.rf();
+    };
+    /**
+     * Gets actual window scale for horizontal dimension of the control
     
-    */
-    IgxGeographicMapComponent.prototype.deferredRefresh = function () {
-        this.i.deferredRefresh();
-    };
-    /**
-     * Returns the chart visuals expressed as a ChartVisualData object.
+    */
+    IgxGeographicMapComponent.prototype.getActualWindowScaleHorizontal = function () {
+        var iv = this.i.fn();
+        return (iv);
+    };
+    /**
+     * Gets actual window scale for vertical dimension of the control
     
-    */
-    IgxGeographicMapComponent.prototype.exportVisualData = function () {
-        var iv = this.i.p5();
-        return (iv);
-    };
-    /**
-     * Zoom in to the geographic region specified, when possible (may need to wait for map to be initialized).
+    */
+    IgxGeographicMapComponent.prototype.getActualWindowScaleVertical = function () {
+        var iv = this.i.fo();
+        return (iv);
+    };
+    /**
+     * Calls for a deferred refresh to the GeographicMap's background.
     
-    * @param geographic  * The geographic region to zoom to.
-    */
-    IgxGeographicMapComponent.prototype.zoomToGeographic = function (geographic) {
-        this.i.qy(toRect(geographic));
-    };
-    Object.defineProperty(IgxGeographicMapComponent.prototype, "imageTilesReady", {
-        /**
-         * This event is fired whenever the image tiles transition from a loading state (e.g. some are fading in) to a loaded state.
-        */
-        get: function () {
-            var _this = this;
-            if (this._imageTilesReady == null) {
-                this._imageTilesReady = new EventEmitter();
-                this.i.imageTilesReady = delegateCombine(this.i.imageTilesReady, function (o, e) {
-                    var outerArgs = new IgxImageTilesReadyEventArgs();
-                    outerArgs._provideImplementation(e);
-                    if (_this.beforeImageTilesReady) {
-                        _this.beforeImageTilesReady(_this, outerArgs);
-                    }
-                    _this._imageTilesReady.emit({
-                        sender: _this,
-                        args: outerArgs
-                    });
-                });
-            }
-            return this._imageTilesReady;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    var IgxGeographicMapComponent_1;
-    tslib_1.__decorate([
-        ContentChildren(IgxSeriesComponent),
-        tslib_1.__metadata("design:type", QueryList)
-    ], IgxGeographicMapComponent.prototype, "contentSeries", void 0);
-    tslib_1.__decorate([
-        ViewChild("dynamicContent", { read: ViewContainerRef, static: true }),
-        tslib_1.__metadata("design:type", ViewContainerRef)
-    ], IgxGeographicMapComponent.prototype, "_dynamicContent", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], IgxGeographicMapComponent.prototype, "height", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], IgxGeographicMapComponent.prototype, "width", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], IgxGeographicMapComponent.prototype, "legend", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], IgxGeographicMapComponent.prototype, "dataSource", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], IgxGeographicMapComponent.prototype, "zoomable", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], IgxGeographicMapComponent.prototype, "resizeBehavior", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], IgxGeographicMapComponent.prototype, "isHorizontalWrappingEnabled", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], IgxGeographicMapComponent.prototype, "backgroundTilingMode", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], IgxGeographicMapComponent.prototype, "useWorldRectForZoomBounds", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], IgxGeographicMapComponent.prototype, "suppressZoomResetOnWorldRectChange", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], IgxGeographicMapComponent.prototype, "worldRect", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], IgxGeographicMapComponent.prototype, "actualWorldRect", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", IgxNumericXAxisComponent),
-        tslib_1.__metadata("design:paramtypes", [IgxNumericXAxisComponent])
-    ], IgxGeographicMapComponent.prototype, "xAxis", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", IgxNumericYAxisComponent),
-        tslib_1.__metadata("design:paramtypes", [IgxNumericYAxisComponent])
-    ], IgxGeographicMapComponent.prototype, "yAxis", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], IgxGeographicMapComponent.prototype, "windowScale", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], IgxGeographicMapComponent.prototype, "actualWindowScale", null);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], IgxGeographicMapComponent.prototype, "imageTilesReady", null);
-    IgxGeographicMapComponent = IgxGeographicMapComponent_1 = tslib_1.__decorate([
-        Component({
-            selector: 'igx-geographic-map',
-            template: "<ng-container #dynamicContent></ng-container>",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: [{ provide: IgxSeriesViewerComponent, useExisting: forwardRef(function () { return IgxGeographicMapComponent_1; }) }],
-            host: { 'class': 'igx-geographic-map ig-geographic-map' },
-            styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"]
-        }),
-        tslib_1.__metadata("design:paramtypes", [Renderer2,
-            ViewContainerRef,
-            NgZone,
-            ComponentFactoryResolver,
-            Injector])
-    ], IgxGeographicMapComponent);
-    return IgxGeographicMapComponent;
-}(IgxSeriesViewerComponent));
-export { IgxGeographicMapComponent };
-//# sourceMappingURL=igx-geographic-map-component.js.map
+    */
+    IgxGeographicMapComponent.prototype.deferredRefresh = function () {
+        this.i.deferredRefresh();
+    };
+    /**
+     * Returns the chart visuals expressed as a ChartVisualData object.
+    
+    */
+    IgxGeographicMapComponent.prototype.exportVisualData = function () {
+        var iv = this.i.qt();
+        return (iv);
+    };
+    /**
+     * Zoom in to the geographic region specified, when possible (may need to wait for map to be initialized).
+    
+    * @param geographic  * The geographic region to zoom to.
+    */
+    IgxGeographicMapComponent.prototype.zoomToGeographic = function (geographic) {
+        this.i.rm(toRect(geographic));
+    };
+    Object.defineProperty(IgxGeographicMapComponent.prototype, "imageTilesReady", {
+        /**
+         * This event is fired whenever the image tiles transition from a loading state (e.g. some are fading in) to a loaded state.
+        */
+        get: function () {
+            var _this = this;
+            if (this._imageTilesReady == null) {
+                this._imageTilesReady = new EventEmitter();
+                this.i.imageTilesReady = delegateCombine(this.i.imageTilesReady, function (o, e) {
+                    var outerArgs = new IgxImageTilesReadyEventArgs();
+                    outerArgs._provideImplementation(e);
+                    if (_this.beforeImageTilesReady) {
+                        _this.beforeImageTilesReady(_this, outerArgs);
+                    }
+                    _this._imageTilesReady.emit({
+                        sender: _this,
+                        args: outerArgs
+                    });
+                });
+            }
+            return this._imageTilesReady;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IgxGeographicMapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IgxGeographicMapComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    IgxGeographicMapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: IgxGeographicMapComponent, selector: "igx-geographic-map", inputs: { height: "height", width: "width", legend: "legend", dataSource: "dataSource", zoomable: "zoomable", resizeBehavior: "resizeBehavior", isHorizontalWrappingEnabled: "isHorizontalWrappingEnabled", backgroundTilingMode: "backgroundTilingMode", useWorldRectForZoomBounds: "useWorldRectForZoomBounds", suppressZoomResetOnWorldRectChange: "suppressZoomResetOnWorldRectChange", worldRect: "worldRect", actualWorldRect: "actualWorldRect", xAxis: "xAxis", yAxis: "yAxis", windowScale: "windowScale", actualWindowScale: "actualWindowScale" }, outputs: { imageTilesReady: "imageTilesReady" }, host: { classAttribute: "igx-geographic-map ig-geographic-map" }, providers: [{ provide: IgxSeriesViewerComponent, useExisting: forwardRef(function () { return IgxGeographicMapComponent; }) }], queries: [{ propertyName: "contentSeries", predicate: IgxSeriesComponent }], viewQueries: [{ propertyName: "_dynamicContent", first: true, predicate: ["dynamicContent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container #dynamicContent></ng-container>", isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    return IgxGeographicMapComponent;
+}(IgxSeriesViewerComponent));
+export { IgxGeographicMapComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IgxGeographicMapComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'igx-geographic-map',
+                    template: "<ng-container #dynamicContent></ng-container>",
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [{ provide: IgxSeriesViewerComponent, useExisting: forwardRef(function () { return IgxGeographicMapComponent; }) }],
+                    host: { 'class': 'igx-geographic-map ig-geographic-map' },
+                    styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.NgZone }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }]; }, propDecorators: { contentSeries: [{
+                type: ContentChildren,
+                args: [IgxSeriesComponent]
+            }], _dynamicContent: [{
+                type: ViewChild,
+                args: ["dynamicContent", { read: ViewContainerRef, static: true }]
+            }], height: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], legend: [{
+                type: Input
+            }], dataSource: [{
+                type: Input
+            }], zoomable: [{
+                type: Input
+            }], resizeBehavior: [{
+                type: Input
+            }], isHorizontalWrappingEnabled: [{
+                type: Input
+            }], backgroundTilingMode: [{
+                type: Input
+            }], useWorldRectForZoomBounds: [{
+                type: Input
+            }], suppressZoomResetOnWorldRectChange: [{
+                type: Input
+            }], worldRect: [{
+                type: Input
+            }], actualWorldRect: [{
+                type: Input
+            }], xAxis: [{
+                type: Input
+            }], yAxis: [{
+                type: Input
+            }], windowScale: [{
+                type: Input
+            }], actualWindowScale: [{
+                type: Input
+            }], imageTilesReady: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=igx-geographic-map-component.js.map