UNPKG

primeng

Version:

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![npm version](https://badge.fury.io/js/primeng.svg)](https://badge.fury.io/js/primeng) [![Build Status](https://travis-ci.org/primefaces/primeng.

206 lines (202 loc) 6.58 kB
import { EventEmitter, ElementRef, IterableDiffers, ChangeDetectorRef, NgZone, Input, Output, Component, ChangeDetectionStrategy, NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; return c > 3 && r && Object.defineProperty(target, key, r), r; }; let GMap = class GMap { constructor(el, differs, cd, zone) { this.el = el; this.cd = cd; this.zone = zone; this.onMapClick = new EventEmitter(); this.onOverlayClick = new EventEmitter(); this.onOverlayDblClick = new EventEmitter(); this.onOverlayDragStart = new EventEmitter(); this.onOverlayDrag = new EventEmitter(); this.onOverlayDragEnd = new EventEmitter(); this.onMapReady = new EventEmitter(); this.onMapDragEnd = new EventEmitter(); this.onZoomChanged = new EventEmitter(); this.differ = differs.find([]).create(null); } ngAfterViewChecked() { if (!this.map && this.el.nativeElement.offsetParent) { this.initialize(); } } initialize() { this.map = new google.maps.Map(this.el.nativeElement.children[0], this.options); this.onMapReady.emit({ map: this.map }); if (this.overlays) { for (let overlay of this.overlays) { overlay.setMap(this.map); this.bindOverlayEvents(overlay); } } this.map.addListener('click', (event) => { this.zone.run(() => { this.onMapClick.emit(event); }); }); this.map.addListener('dragend', (event) => { this.zone.run(() => { this.onMapDragEnd.emit(event); }); }); this.map.addListener('zoom_changed', (event) => { this.zone.run(() => { this.onZoomChanged.emit(event); }); }); } bindOverlayEvents(overlay) { overlay.addListener('click', (event) => { this.zone.run(() => { this.onOverlayClick.emit({ originalEvent: event, 'overlay': overlay, map: this.map }); }); }); overlay.addListener('dblclick', (event) => { this.zone.run(() => { this.onOverlayDblClick.emit({ originalEvent: event, 'overlay': overlay, map: this.map }); }); }); if (overlay.getDraggable()) { this.bindDragEvents(overlay); } } ngDoCheck() { let changes = this.differ.diff(this.overlays); if (changes && this.map) { changes.forEachRemovedItem((record) => { google.maps.event.clearInstanceListeners(record.item); record.item.setMap(null); }); changes.forEachAddedItem((record) => { record.item.setMap(this.map); record.item.addListener('click', (event) => { this.zone.run(() => { this.onOverlayClick.emit({ originalEvent: event, overlay: record.item, map: this.map }); }); }); if (record.item.getDraggable()) { this.bindDragEvents(record.item); } }); } } bindDragEvents(overlay) { overlay.addListener('dragstart', (event) => { this.zone.run(() => { this.onOverlayDragStart.emit({ originalEvent: event, overlay: overlay, map: this.map }); }); }); overlay.addListener('drag', (event) => { this.zone.run(() => { this.onOverlayDrag.emit({ originalEvent: event, overlay: overlay, map: this.map }); }); }); overlay.addListener('dragend', (event) => { this.zone.run(() => { this.onOverlayDragEnd.emit({ originalEvent: event, overlay: overlay, map: this.map }); }); }); } getMap() { return this.map; } }; GMap.ctorParameters = () => [ { type: ElementRef }, { type: IterableDiffers }, { type: ChangeDetectorRef }, { type: NgZone } ]; __decorate([ Input() ], GMap.prototype, "style", void 0); __decorate([ Input() ], GMap.prototype, "styleClass", void 0); __decorate([ Input() ], GMap.prototype, "options", void 0); __decorate([ Input() ], GMap.prototype, "overlays", void 0); __decorate([ Output() ], GMap.prototype, "onMapClick", void 0); __decorate([ Output() ], GMap.prototype, "onOverlayClick", void 0); __decorate([ Output() ], GMap.prototype, "onOverlayDblClick", void 0); __decorate([ Output() ], GMap.prototype, "onOverlayDragStart", void 0); __decorate([ Output() ], GMap.prototype, "onOverlayDrag", void 0); __decorate([ Output() ], GMap.prototype, "onOverlayDragEnd", void 0); __decorate([ Output() ], GMap.prototype, "onMapReady", void 0); __decorate([ Output() ], GMap.prototype, "onMapDragEnd", void 0); __decorate([ Output() ], GMap.prototype, "onZoomChanged", void 0); GMap = __decorate([ Component({ selector: 'p-gmap', template: `<div [ngStyle]="style" [class]="styleClass"></div>`, changeDetection: ChangeDetectionStrategy.Default }) ], GMap); let GMapModule = class GMapModule { }; GMapModule = __decorate([ NgModule({ imports: [CommonModule], exports: [GMap], declarations: [GMap] }) ], GMapModule); /** * Generated bundle index. Do not edit. */ export { GMap, GMapModule }; //# sourceMappingURL=primeng-gmap.js.map