Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@ambl-on/lcu-ambl-on-common

Package Overview
Dependencies
Maintainers
2
Versions
420
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ambl-on/lcu-ambl-on-common - npm Package Compare versions

Comparing version 0.1.65-my-atlas to 0.1.66-my-atlas

esm2015/lib/models/location-list.model.js

2

ambl-on-lcu-ambl-on-common.metadata.json

@@ -1,1 +0,1 @@

{"__symbolic":"module","version":4,"metadata":{"UsersStateManagerContext":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@lcu-ide/common","name":"StateManagerContext","line":7,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":14,"character":34}]}],"SetActive":[{"__symbolic":"method"}],"defaultValue":[{"__symbolic":"method"}],"loadStateKey":[{"__symbolic":"method"}],"loadStateName":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"UsersState":{"__symbolic":"class","members":{}},"Constants":{"__symbolic":"class","members":{},"statics":{"VAR_NAMES_MENU":[{"Label":"Home","Url":"/home","Disabled":"false","Icon":"home"},{"Label":"Map","Url":"/map","Disabled":"false","Icon":"public"},{"Label":"My Atlas","Url":"/map","Disabled":"true","Icon":"public"},{"Label":"My Itenerarries","Url":"www","Disabled":"true","Icon":"map"},{"Label":"My Top Lists","Url":"www","Disabled":"true","Icon":"sort"},{"Label":"My Albums","Url":"www","Disabled":"true","Icon":"photo_library"},{"Label":"My Friends","Url":"www","Disabled":"true","Icon":"group"},{"Label":"My Profile","Url":"www","Disabled":"true","Icon":"person"}]}},"LandingPageComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lcu-landing-page","template":" <div class=\"landing-page-image\">\r\n <div class=\"container\" fxFlex=\"100%\"\r\n fxLayout=\"column\" fxLayoutAlign=\"center start\"\r\n fxLayout.sm=\"column\" fxLayoutAlign.sm=\"center center\"\r\n fxLayout.xs=\"column\" fxLayoutAlign.xs=\"center center\">\r\n <div class=\"title\">\r\n <h1>\r\n {{ Title }}\r\n </h1>\r\n </div>\r\n <div class=\"slogan\">\r\n <h3>\r\n {{ Slogan }}\r\n </h3>\r\n </div>\r\n </div>\r\n</div>","styles":[".landing-page-image{background:url(assets/Angkor-sunrise.jpg) center center/cover no-repeat fixed;height:100vh}.landing-page-image .container{margin-top:14em;margin-left:1em;text-align:center}.landing-page-image .container h1{margin:0}.landing-page-image .container .slogan,.landing-page-image .container .title{color:#fff}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"LcuAmblOnModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LandingPageComponent"},{"__symbolic":"reference","name":"MyAtlasComponent"},{"__symbolic":"reference","name":"LegendComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatSelectModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatDialogModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":30,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatFormFieldModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":32,"character":4}],"exports":[{"__symbolic":"reference","name":"LandingPageComponent"},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":34,"character":34},{"__symbolic":"reference","name":"MyAtlasComponent"},{"__symbolic":"reference","name":"LegendComponent"}],"entryComponents":[{"__symbolic":"reference","name":"LandingPageComponent"},{"__symbolic":"reference","name":"LegendComponent"},{"__symbolic":"reference","name":"MyAtlasComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"LcuAmblOnModule"},"providers":[{"__symbolic":"reference","name":"UsersStateManagerContext"}]}}}},"MyAtlasComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lcu-my-atlas","template":"<p>\r\n my-atlas works!\r\n</p>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"LegendComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lcu-legend","template":"<button class=\"chevron-legend\" mat-icon-button [matMenuTriggerFor]=\"legend\">\r\n <mat-icon [inline]=\"true\">chevron_left</mat-icon>\r\n</button>\r\n\r\n<mat-menu #legend=\"matMenu\">\r\n <div cdkDropList class=\"example-list\" (cdkDropListDropped)=\"drop($event)\">\r\n <div class=\"example-box\" *ngFor=\"let item of LegendItems\" cdkDrag>{{ item }}</div>\r\n </div>\r\n</mat-menu>\r\n","styles":[".chevron-legend{background-color:transparent;border-width:0;outline:0;font-size:30px}.example-list{width:500px;max-width:100%;border:1px solid #ccc;min-height:60px;display:block;background:#fff;border-radius:4px;overflow:hidden}.example-box{padding:20px 10px;border-bottom:1px solid #ccc;color:rgba(0,0,0,.87);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"drop":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"UsersStateManagerContext":"./lib/state/users/users-state-manager.context","UsersState":"./lib/state/users/users-state.model","Constants":"./lib/utils/constants/constants","LandingPageComponent":"./lib/controls/landing-page/landing-page.component","LcuAmblOnModule":"./lib/lcu-ambl-on.module","MyAtlasComponent":"./lib/controls/my-atlas/my-atlas.component","LegendComponent":"./lib/controls/legend/legend.component"},"importAs":"@ambl-on/lcu-ambl-on-common"}
{"__symbolic":"module","version":4,"metadata":{"UsersStateManagerContext":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@lcu-ide/common","name":"StateManagerContext","line":7,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":14,"character":34}]}],"SetActive":[{"__symbolic":"method"}],"defaultValue":[{"__symbolic":"method"}],"loadStateKey":[{"__symbolic":"method"}],"loadStateName":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"UsersState":{"__symbolic":"class","members":{}},"Constants":{"__symbolic":"class","members":{},"statics":{"VAR_NAMES_MENU":[{"Label":"Home","Url":"/home","Disabled":"false","Icon":"home"},{"Label":"Map","Url":"/map","Disabled":"false","Icon":"public"},{"Label":"My Atlas","Url":"/map","Disabled":"true","Icon":"public"},{"Label":"My Itenerarries","Url":"www","Disabled":"true","Icon":"map"},{"Label":"My Top Lists","Url":"www","Disabled":"true","Icon":"sort"},{"Label":"My Albums","Url":"www","Disabled":"true","Icon":"photo_library"},{"Label":"My Friends","Url":"www","Disabled":"true","Icon":"group"},{"Label":"My Profile","Url":"www","Disabled":"true","Icon":"person"}]}},"LandingPageComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lcu-landing-page","template":" <div class=\"landing-page-image\">\r\n <div class=\"container\" fxFlex=\"100%\"\r\n fxLayout=\"column\" fxLayoutAlign=\"center start\"\r\n fxLayout.sm=\"column\" fxLayoutAlign.sm=\"center center\"\r\n fxLayout.xs=\"column\" fxLayoutAlign.xs=\"center center\">\r\n <div class=\"title\">\r\n <h1>\r\n {{ Title }}\r\n </h1>\r\n </div>\r\n <div class=\"slogan\">\r\n <h3>\r\n {{ Slogan }}\r\n </h3>\r\n </div>\r\n </div>\r\n</div>","styles":[".landing-page-image{background:url(assets/Angkor-sunrise.jpg) center center/cover no-repeat fixed;height:100vh}.landing-page-image .container{margin-top:14em;margin-left:1em;text-align:center}.landing-page-image .container h1{margin:0}.landing-page-image .container .slogan,.landing-page-image .container .title{color:#fff}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"LcuAmblOnModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LandingPageComponent"},{"__symbolic":"reference","name":"MyAtlasComponent"},{"__symbolic":"reference","name":"LegendComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatSelectModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatDialogModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":30,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatFormFieldModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":32,"character":4}],"exports":[{"__symbolic":"reference","name":"LandingPageComponent"},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":34,"character":34},{"__symbolic":"reference","name":"MyAtlasComponent"},{"__symbolic":"reference","name":"LegendComponent"}],"entryComponents":[{"__symbolic":"reference","name":"LandingPageComponent"},{"__symbolic":"reference","name":"LegendComponent"},{"__symbolic":"reference","name":"MyAtlasComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"LcuAmblOnModule"},"providers":[{"__symbolic":"reference","name":"UsersStateManagerContext"}]}}}},"MyAtlasComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lcu-my-atlas","template":"<p>\r\n my-atlas works!\r\n</p>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"LegendComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"lcu-legend","template":"<button class=\"chevron-legend\" mat-icon-button [matMenuTriggerFor]=\"legend\">\r\n <mat-icon [inline]=\"true\">chevron_left</mat-icon>\r\n</button>\r\n\r\n<mat-menu #legend=\"matMenu\">\r\n <div cdkDropList class=\"example-list\" (cdkDropListDropped)=\"drop($event)\">\r\n <div class=\"example-box\" *ngFor=\"let item of LocationsList\" cdkDrag>{{ item.Title }}</div>\r\n </div>\r\n</mat-menu>\r\n","styles":[".chevron-legend{background-color:transparent;border-width:0;outline:0;font-size:30px}.example-list{width:500px;max-width:100%;border:1px solid #ccc;min-height:60px;display:block;background:#fff;border-radius:4px;overflow:hidden}.example-box{padding:20px 10px;border-bottom:1px solid #ccc;color:rgba(0,0,0,.87);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MapService"}]}],"ngOnInit":[{"__symbolic":"method"}],"SetLocationList":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}]}},"LocationListModel":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"}]}]}},"MapService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"GetMapList":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}}},"origins":{"UsersStateManagerContext":"./lib/state/users/users-state-manager.context","UsersState":"./lib/state/users/users-state.model","Constants":"./lib/utils/constants/constants","LandingPageComponent":"./lib/controls/landing-page/landing-page.component","LcuAmblOnModule":"./lib/lcu-ambl-on.module","MyAtlasComponent":"./lib/controls/my-atlas/my-atlas.component","LegendComponent":"./lib/controls/legend/legend.component","LocationListModel":"./lib/models/location-list.model","MapService":"./lib/services/map.service"},"importAs":"@ambl-on/lcu-ambl-on-common"}

@@ -313,16 +313,127 @@ (function (global, factory) {

*/
var LocationListModel = /** @class */ (function () {
/**
* @title the name of the location
*
* @lat the latitude of the location
*
* @long the longitude of the location
*
*/
function LocationListModel(title, lat, long) {
this.Title = title;
this.Lat = lat;
this.Long = long;
}
return LocationListModel;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var MapService = /** @class */ (function () {
function MapService() {
this.MapList = [{
title: 'Default Map',
origin: { lat: 40.037757, lng: -105.278324 },
zoom: 13,
locationList: [
{ title: 'Favorite steak house', lat: 40.017557, lng: -105.278199, iconName: 'restaurant', iconImageUrl: './assets/restaurant.png' },
{ title: 'Favorite UNESCO', lat: 40.027657, lng: -105.288199, iconName: 'UNESCO', iconImageUrl: './assets/UNESCO.png' },
{ title: 'Favorite museum', lat: 40.060657, lng: -105.298199, iconName: 'museum', iconImageUrl: './assets/museum.png' },
{ title: 'Good brewery', lat: 40.047857, lng: -105.268199, iconName: 'brewery', iconImageUrl: './assets/brewery.png' },
{ title: 'Favorite ski area', lat: 40.057557, lng: -105.288199, iconName: 'ski area', iconImageUrl: './assets/ski area.png' },
{ title: 'Favorite vineyard', lat: 40.037757, lng: -105.298199, iconName: 'vineyard', iconImageUrl: './assets/vineyard.png' },
{ title: 'Nice golf course', lat: 40.037757, lng: -105.258199, iconName: 'golf course', iconImageUrl: './assets/golf course.png' },
{ title: 'Good lodging', lat: 40.037757, lng: -105.278199, iconName: 'lodging', iconImageUrl: './assets/lodging.png' },
{ title: 'Nice national park', lat: 40.060657, lng: -105.278199, iconName: 'national park', iconImageUrl: './assets/national park.png' },
{ title: 'Good bar', lat: 40.017557, lng: -105.288199, iconName: 'bar', iconImageUrl: './assets/bar.png' }
]
}];
}
/**
* @return {?}
*/
MapService.prototype.GetMapList = /**
* @return {?}
*/
function () {
return this.MapList;
};
MapService.decorators = [
{ type: i0.Injectable, args: [{
providedIn: 'root'
},] }
];
/** @nocollapse */
MapService.ctorParameters = function () { return []; };
/** @nocollapse */ MapService.ngInjectableDef = i0.defineInjectable({ factory: function MapService_Factory() { return new MapService(); }, token: MapService, providedIn: "root" });
return MapService;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var LegendComponent = /** @class */ (function () {
function LegendComponent() {
this.LegendItems = [
'Episode I - The Phantom Menace',
'Episode II - Attack of the Clones',
'Episode III - Revenge of the Sith',
'Episode IV - A New Hope',
'Episode V - The Empire Strikes Back',
'Episode VI - Return of the Jedi',
'Episode VII - The Force Awakens',
'Episode VIII - The Last Jedi'
];
function LegendComponent(mapService) {
this.mapService = mapService;
this.mapList = this.mapService.GetMapList();
//public LegendItems: Array<String>;
this.LocationsList = new Array();
}
/**
* @return {?}
*/
LegendComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
//console.log("MapList = " + this.mapList[0]);
this.SetLocationList(this.mapList[0]);
};
/**
*
* @param map the map config that is passed in
*
* this function loops through the map cofig and fills the LegendItems(this is what is displayed on the drop down)
*
* it also fills the locationList so when clicked it knows which lat and long to zoom in on.
*
*/
/**
*
* @param {?} map the map config that is passed in
*
* this function loops through the map cofig and fills the LegendItems(this is what is displayed on the drop down)
*
* it also fills the locationList so when clicked it knows which lat and long to zoom in on.
*
* @return {?}
*/
LegendComponent.prototype.SetLocationList = /**
*
* @param {?} map the map config that is passed in
*
* this function loops through the map cofig and fills the LegendItems(this is what is displayed on the drop down)
*
* it also fills the locationList so when clicked it knows which lat and long to zoom in on.
*
* @return {?}
*/
function (map) {
//console.log("Map title = " + map.title);
/** @type {?} */
var locList = map.locationList;
//console.log("Location List = " + locList);
for (var i = 0; i < locList.length; i++) {
/** @type {?} */
var temp = locList[i];
/** @type {?} */
var tempLoc = new LocationListModel(temp.title, temp.lat, temp.long);
this.LocationsList.push(tempLoc);
}
};
/**
* @param {?} event

@@ -336,32 +447,9 @@ * @return {?}

function (event) {
dragDrop.moveItemInArray(this.LegendItems, event.previousIndex, event.currentIndex);
dragDrop.moveItemInArray(this.LocationsList, event.previousIndex, event.currentIndex);
//this.MoveLocationInArray(this.LegendItems, event.previousIndex, event.currentIndex);
};
// public MoveLocationInArray(ItemArray:Array<String>, PrevIndex:number, CurrIndex:number){
// var element = ItemArray[PrevIndex];
// ItemArray.splice(PrevIndex, 1);
// ItemArray.splice(CurrIndex, 0, element);
// }
// public MoveLocationInArray(ItemArray:Array<String>, PrevIndex:number, CurrIndex:number){
// var element = ItemArray[PrevIndex];
// ItemArray.splice(PrevIndex, 1);
// ItemArray.splice(CurrIndex, 0, element);
// }
/**
* @return {?}
*/
LegendComponent.prototype.ngOnInit =
// public MoveLocationInArray(ItemArray:Array<String>, PrevIndex:number, CurrIndex:number){
// var element = ItemArray[PrevIndex];
// ItemArray.splice(PrevIndex, 1);
// ItemArray.splice(CurrIndex, 0, element);
// }
/**
* @return {?}
*/
function () { };
LegendComponent.decorators = [
{ type: i0.Component, args: [{
selector: 'lcu-legend',
template: "<button class=\"chevron-legend\" mat-icon-button [matMenuTriggerFor]=\"legend\">\r\n <mat-icon [inline]=\"true\">chevron_left</mat-icon>\r\n</button>\r\n\r\n<mat-menu #legend=\"matMenu\">\r\n <div cdkDropList class=\"example-list\" (cdkDropListDropped)=\"drop($event)\">\r\n <div class=\"example-box\" *ngFor=\"let item of LegendItems\" cdkDrag>{{ item }}</div>\r\n </div>\r\n</mat-menu>\r\n",
template: "<button class=\"chevron-legend\" mat-icon-button [matMenuTriggerFor]=\"legend\">\r\n <mat-icon [inline]=\"true\">chevron_left</mat-icon>\r\n</button>\r\n\r\n<mat-menu #legend=\"matMenu\">\r\n <div cdkDropList class=\"example-list\" (cdkDropListDropped)=\"drop($event)\">\r\n <div class=\"example-box\" *ngFor=\"let item of LocationsList\" cdkDrag>{{ item.Title }}</div>\r\n </div>\r\n</mat-menu>\r\n",
styles: [".chevron-legend{background-color:transparent;border-width:0;outline:0;font-size:30px}.example-list{width:500px;max-width:100%;border:1px solid #ccc;min-height:60px;display:block;background:#fff;border-radius:4px;overflow:hidden}.example-box{padding:20px 10px;border-bottom:1px solid #ccc;color:rgba(0,0,0,.87);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}"]

@@ -371,3 +459,7 @@ }] }

/** @nocollapse */
LegendComponent.ctorParameters = function () { return []; };
LegendComponent.ctorParameters = function () {
return [
{ type: MapService }
];
};
return LegendComponent;

@@ -437,2 +529,4 @@ }());

exports.LegendComponent = LegendComponent;
exports.LocationListModel = LocationListModel;
exports.MapService = MapService;

@@ -439,0 +533,0 @@ Object.defineProperty(exports, '__esModule', { value: true });

@@ -1,2 +0,2 @@

!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@lcu-ide/common"),require("@angular/common"),require("@angular/material/menu"),require("@angular/material"),require("@angular/flex-layout"),require("@angular/platform-browser/animations"),require("@angular/forms"),require("@angular/router"),require("@angular/core"),require("@angular/cdk/drag-drop")):"function"==typeof define&&define.amd?define("@ambl-on/lcu-ambl-on-common",["exports","@lcu-ide/common","@angular/common","@angular/material/menu","@angular/material","@angular/flex-layout","@angular/platform-browser/animations","@angular/forms","@angular/router","@angular/core","@angular/cdk/drag-drop"],n):n((e["ambl-on"]=e["ambl-on"]||{},e["ambl-on"]["lcu-ambl-on-common"]={}),e.common,e.ng.common,e.ng.material.menu,e.ng.material,e.ng["flex-layout"],e.ng.platformBrowser.animations,e.ng.forms,e.ng.router,e.ng.core,e.ng.cdk["drag-drop"])}(this,function(e,n,r,t,o,a,i,l,c,u,s){"use strict";var d=function(e,n){return(d=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var r in n)n.hasOwnProperty(r)&&(e[r]=n[r])})(e,n)};function p(n,i,l,c){return new(l||(l=Promise))(function(e,r){function t(e){try{a(c.next(e))}catch(n){r(n)}}function o(e){try{a(c["throw"](e))}catch(n){r(n)}}function a(n){n.done?e(n.value):new l(function(e){e(n.value)}).then(t,o)}a((c=c.apply(n,i||[])).next())})}function m(t,o){var a,i,l,e,c={label:0,sent:function(){if(1&l[0])throw l[1];return l[1]},trys:[],ops:[]};return e={next:n(0),"throw":n(1),"return":n(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function n(n){return function(e){return function r(e){if(a)throw new TypeError("Generator is already executing.");for(;c;)try{if(a=1,i&&(l=2&e[0]?i["return"]:e[0]?i["throw"]||((l=i["return"])&&l.call(i),0):i.next)&&!(l=l.call(i,e[1])).done)return l;switch(i=0,l&&(e=[2&e[0],l.value]),e[0]){case 0:case 1:l=e;break;case 4:return c.label++,{value:e[1],done:!1};case 5:c.label++,i=e[1],e=[0];continue;case 7:e=c.ops.pop(),c.trys.pop();continue;default:if(!(l=0<(l=c.trys).length&&l[l.length-1])&&(6===e[0]||2===e[0])){c=0;continue}if(3===e[0]&&(!l||e[1]>l[0]&&e[1]<l[3])){c.label=e[1];break}if(6===e[0]&&c.label<l[1]){c.label=l[1],l=e;break}if(l&&c.label<l[2]){c.label=l[2],c.ops.push(e);break}l[2]&&c.ops.pop(),c.trys.pop();continue}e=o.call(t,c)}catch(n){e=[6,n],i=0}finally{a=l=0}if(5&e[0])throw e[1];return{value:e[0]?e[1]:void 0,done:!0}}([n,e])}}}var f,g=(function S(e,n){function r(){this.constructor=e}d(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}(b,f=n.StateManagerContext),b.prototype.SetActive=function(){},b.prototype.defaultValue=function(){return{Loading:!0}},b.prototype.loadStateKey=function(){return p(this,void 0,void 0,function(){return m(this,function(e){return[2,"main"]})})},b.prototype.loadStateName=function(){return p(this,void 0,void 0,function(){return m(this,function(e){return[2,"users "]})})},b.decorators=[{type:u.Injectable,args:[{providedIn:"root"}]}],b.ctorParameters=function(){return[{type:u.Injector}]},b.ngInjectableDef=u.defineInjectable({factory:function(){return new b(u.inject(u.INJECTOR))},token:b,providedIn:"root"}),b);function b(e){var n=f.call(this,e)||this;return n.injector=e,n}function y(){}var x=(h.VAR_NAMES_MENU=[{Label:"Home",Url:"/home",Disabled:"false",Icon:"home"},{Label:"Map",Url:"/map",Disabled:"false",Icon:"public"},{Label:"My Atlas",Url:"/map",Disabled:"true",Icon:"public"},{Label:"My Itenerarries",Url:"www",Disabled:"true",Icon:"map"},{Label:"My Top Lists",Url:"www",Disabled:"true",Icon:"sort"},{Label:"My Albums",Url:"www",Disabled:"true",Icon:"photo_library"},{Label:"My Friends",Url:"www",Disabled:"true",Icon:"group"},{Label:"My Profile",Url:"www",Disabled:"true",Icon:"person"}],h);function h(){}var v=(w.prototype.ngOnInit=function(){},w.decorators=[{type:u.Component,args:[{selector:"lcu-landing-page",template:' <div class="landing-page-image">\r\n <div class="container" fxFlex="100%"\r\n fxLayout="column" fxLayoutAlign="center start"\r\n fxLayout.sm="column" fxLayoutAlign.sm="center center"\r\n fxLayout.xs="column" fxLayoutAlign.xs="center center">\r\n <div class="title">\r\n <h1>\r\n {{ Title }}\r\n </h1>\r\n </div>\r\n <div class="slogan">\r\n <h3>\r\n {{ Slogan }}\r\n </h3>\r\n </div>\r\n </div>\r\n</div>',styles:[".landing-page-image{background:url(assets/Angkor-sunrise.jpg) center center/cover no-repeat fixed;height:100vh}.landing-page-image .container{margin-top:14em;margin-left:1em;text-align:center}.landing-page-image .container h1{margin:0}.landing-page-image .container .slogan,.landing-page-image .container .title{color:#fff}"]}]}],w.ctorParameters=function(){return[]},w);function w(){this.Title="Ambl On",this.Slogan="Down the Road, Around the World!"}var I=(M.prototype.ngOnInit=function(){},M.decorators=[{type:u.Component,args:[{selector:"lcu-my-atlas",template:"<p>\r\n my-atlas works!\r\n</p>\r\n",styles:[""]}]}],M.ctorParameters=function(){return[]},M);function M(){}var k=(L.prototype.drop=function(e){s.moveItemInArray(this.LegendItems,e.previousIndex,e.currentIndex)},L.prototype.ngOnInit=function(){},L.decorators=[{type:u.Component,args:[{selector:"lcu-legend",template:'<button class="chevron-legend" mat-icon-button [matMenuTriggerFor]="legend">\r\n <mat-icon [inline]="true">chevron_left</mat-icon>\r\n</button>\r\n\r\n<mat-menu #legend="matMenu">\r\n <div cdkDropList class="example-list" (cdkDropListDropped)="drop($event)">\r\n <div class="example-box" *ngFor="let item of LegendItems" cdkDrag>{{ item }}</div>\r\n </div>\r\n</mat-menu>\r\n',styles:[".chevron-legend{background-color:transparent;border-width:0;outline:0;font-size:30px}.example-list{width:500px;max-width:100%;border:1px solid #ccc;min-height:60px;display:block;background:#fff;border-radius:4px;overflow:hidden}.example-box{padding:20px 10px;border-bottom:1px solid #ccc;color:rgba(0,0,0,.87);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}"]}]}],L.ctorParameters=function(){return[]},L);function L(){this.LegendItems=["Episode I - The Phantom Menace","Episode II - Attack of the Clones","Episode III - Revenge of the Sith","Episode IV - A New Hope","Episode V - The Empire Strikes Back","Episode VI - Return of the Jedi","Episode VII - The Force Awakens","Episode VIII - The Last Jedi"]}var A=(D.forRoot=function(){return{ngModule:D,providers:[g]}},D.decorators=[{type:u.NgModule,args:[{declarations:[v,I,k],imports:[r.CommonModule,s.DragDropModule,a.FlexLayoutModule,i.BrowserAnimationsModule,t.MatMenuModule,o.MatIconModule,o.MatSelectModule,o.MatDialogModule,o.MatButtonModule,l.ReactiveFormsModule,o.MatInputModule,o.MatFormFieldModule,c.RouterModule],exports:[v,o.MatIconModule,I,k],entryComponents:[v,k,I]}]}],D);function D(){}e.UsersStateManagerContext=g,e.UsersState=y,e.Constants=x,e.LandingPageComponent=v,e.LcuAmblOnModule=A,e.MyAtlasComponent=I,e.LegendComponent=k,Object.defineProperty(e,"__esModule",{value:!0})});
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@lcu-ide/common"),require("@angular/common"),require("@angular/material/menu"),require("@angular/material"),require("@angular/flex-layout"),require("@angular/platform-browser/animations"),require("@angular/forms"),require("@angular/router"),require("@angular/core"),require("@angular/cdk/drag-drop")):"function"==typeof define&&define.amd?define("@ambl-on/lcu-ambl-on-common",["exports","@lcu-ide/common","@angular/common","@angular/material/menu","@angular/material","@angular/flex-layout","@angular/platform-browser/animations","@angular/forms","@angular/router","@angular/core","@angular/cdk/drag-drop"],t):t((e["ambl-on"]=e["ambl-on"]||{},e["ambl-on"]["lcu-ambl-on-common"]={}),e.common,e.ng.common,e.ng.material.menu,e.ng.material,e.ng["flex-layout"],e.ng.platformBrowser.animations,e.ng.forms,e.ng.router,e.ng.core,e.ng.cdk["drag-drop"])}(this,function(e,t,n,r,o,a,i,l,c,s,u){"use strict";var p=function(e,t){return(p=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function d(t,i,l,c){return new(l||(l=Promise))(function(e,n){function r(e){try{a(c.next(e))}catch(t){n(t)}}function o(e){try{a(c["throw"](e))}catch(t){n(t)}}function a(t){t.done?e(t.value):new l(function(e){e(t.value)}).then(r,o)}a((c=c.apply(t,i||[])).next())})}function m(r,o){var a,i,l,e,c={label:0,sent:function(){if(1&l[0])throw l[1];return l[1]},trys:[],ops:[]};return e={next:t(0),"throw":t(1),"return":t(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(t){return function(e){return function n(e){if(a)throw new TypeError("Generator is already executing.");for(;c;)try{if(a=1,i&&(l=2&e[0]?i["return"]:e[0]?i["throw"]||((l=i["return"])&&l.call(i),0):i.next)&&!(l=l.call(i,e[1])).done)return l;switch(i=0,l&&(e=[2&e[0],l.value]),e[0]){case 0:case 1:l=e;break;case 4:return c.label++,{value:e[1],done:!1};case 5:c.label++,i=e[1],e=[0];continue;case 7:e=c.ops.pop(),c.trys.pop();continue;default:if(!(l=0<(l=c.trys).length&&l[l.length-1])&&(6===e[0]||2===e[0])){c=0;continue}if(3===e[0]&&(!l||e[1]>l[0]&&e[1]<l[3])){c.label=e[1];break}if(6===e[0]&&c.label<l[1]){c.label=l[1],l=e;break}if(l&&c.label<l[2]){c.label=l[2],c.ops.push(e);break}l[2]&&c.ops.pop(),c.trys.pop();continue}e=o.call(r,c)}catch(t){e=[6,t],i=0}finally{a=l=0}if(5&e[0])throw e[1];return{value:e[0]?e[1]:void 0,done:!0}}([t,e])}}}var g,f=(function j(e,t){function n(){this.constructor=e}p(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(b,g=t.StateManagerContext),b.prototype.SetActive=function(){},b.prototype.defaultValue=function(){return{Loading:!0}},b.prototype.loadStateKey=function(){return d(this,void 0,void 0,function(){return m(this,function(e){return[2,"main"]})})},b.prototype.loadStateName=function(){return d(this,void 0,void 0,function(){return m(this,function(e){return[2,"users "]})})},b.decorators=[{type:s.Injectable,args:[{providedIn:"root"}]}],b.ctorParameters=function(){return[{type:s.Injector}]},b.ngInjectableDef=s.defineInjectable({factory:function(){return new b(s.inject(s.INJECTOR))},token:b,providedIn:"root"}),b);function b(e){var t=g.call(this,e)||this;return t.injector=e,t}function y(){}var h=(x.VAR_NAMES_MENU=[{Label:"Home",Url:"/home",Disabled:"false",Icon:"home"},{Label:"Map",Url:"/map",Disabled:"false",Icon:"public"},{Label:"My Atlas",Url:"/map",Disabled:"true",Icon:"public"},{Label:"My Itenerarries",Url:"www",Disabled:"true",Icon:"map"},{Label:"My Top Lists",Url:"www",Disabled:"true",Icon:"sort"},{Label:"My Albums",Url:"www",Disabled:"true",Icon:"photo_library"},{Label:"My Friends",Url:"www",Disabled:"true",Icon:"group"},{Label:"My Profile",Url:"www",Disabled:"true",Icon:"person"}],x);function x(){}var v=(w.prototype.ngOnInit=function(){},w.decorators=[{type:s.Component,args:[{selector:"lcu-landing-page",template:' <div class="landing-page-image">\r\n <div class="container" fxFlex="100%"\r\n fxLayout="column" fxLayoutAlign="center start"\r\n fxLayout.sm="column" fxLayoutAlign.sm="center center"\r\n fxLayout.xs="column" fxLayoutAlign.xs="center center">\r\n <div class="title">\r\n <h1>\r\n {{ Title }}\r\n </h1>\r\n </div>\r\n <div class="slogan">\r\n <h3>\r\n {{ Slogan }}\r\n </h3>\r\n </div>\r\n </div>\r\n</div>',styles:[".landing-page-image{background:url(assets/Angkor-sunrise.jpg) center center/cover no-repeat fixed;height:100vh}.landing-page-image .container{margin-top:14em;margin-left:1em;text-align:center}.landing-page-image .container h1{margin:0}.landing-page-image .container .slogan,.landing-page-image .container .title{color:#fff}"]}]}],w.ctorParameters=function(){return[]},w);function w(){this.Title="Ambl On",this.Slogan="Down the Road, Around the World!"}var M=(L.prototype.ngOnInit=function(){},L.decorators=[{type:s.Component,args:[{selector:"lcu-my-atlas",template:"<p>\r\n my-atlas works!\r\n</p>\r\n",styles:[""]}]}],L.ctorParameters=function(){return[]},L);function L(){}var I=function C(e,t,n){this.Title=e,this.Lat=t,this.Long=n},k=(U.prototype.GetMapList=function(){return this.MapList},U.decorators=[{type:s.Injectable,args:[{providedIn:"root"}]}],U.ctorParameters=function(){return[]},U.ngInjectableDef=s.defineInjectable({factory:function(){return new U},token:U,providedIn:"root"}),U);function U(){this.MapList=[{title:"Default Map",origin:{lat:40.037757,lng:-105.278324},zoom:13,locationList:[{title:"Favorite steak house",lat:40.017557,lng:-105.278199,iconName:"restaurant",iconImageUrl:"./assets/restaurant.png"},{title:"Favorite UNESCO",lat:40.027657,lng:-105.288199,iconName:"UNESCO",iconImageUrl:"./assets/UNESCO.png"},{title:"Favorite museum",lat:40.060657,lng:-105.298199,iconName:"museum",iconImageUrl:"./assets/museum.png"},{title:"Good brewery",lat:40.047857,lng:-105.268199,iconName:"brewery",iconImageUrl:"./assets/brewery.png"},{title:"Favorite ski area",lat:40.057557,lng:-105.288199,iconName:"ski area",iconImageUrl:"./assets/ski area.png"},{title:"Favorite vineyard",lat:40.037757,lng:-105.298199,iconName:"vineyard",iconImageUrl:"./assets/vineyard.png"},{title:"Nice golf course",lat:40.037757,lng:-105.258199,iconName:"golf course",iconImageUrl:"./assets/golf course.png"},{title:"Good lodging",lat:40.037757,lng:-105.278199,iconName:"lodging",iconImageUrl:"./assets/lodging.png"},{title:"Nice national park",lat:40.060657,lng:-105.278199,iconName:"national park",iconImageUrl:"./assets/national park.png"},{title:"Good bar",lat:40.017557,lng:-105.288199,iconName:"bar",iconImageUrl:"./assets/bar.png"}]}]}var N=(S.prototype.ngOnInit=function(){this.SetLocationList(this.mapList[0])},S.prototype.SetLocationList=function(e){for(var t=e.locationList,n=0;n<t.length;n++){var r=t[n],o=new I(r.title,r.lat,r["long"]);this.LocationsList.push(o)}},S.prototype.drop=function(e){u.moveItemInArray(this.LocationsList,e.previousIndex,e.currentIndex)},S.decorators=[{type:s.Component,args:[{selector:"lcu-legend",template:'<button class="chevron-legend" mat-icon-button [matMenuTriggerFor]="legend">\r\n <mat-icon [inline]="true">chevron_left</mat-icon>\r\n</button>\r\n\r\n<mat-menu #legend="matMenu">\r\n <div cdkDropList class="example-list" (cdkDropListDropped)="drop($event)">\r\n <div class="example-box" *ngFor="let item of LocationsList" cdkDrag>{{ item.Title }}</div>\r\n </div>\r\n</mat-menu>\r\n',styles:[".chevron-legend{background-color:transparent;border-width:0;outline:0;font-size:30px}.example-list{width:500px;max-width:100%;border:1px solid #ccc;min-height:60px;display:block;background:#fff;border-radius:4px;overflow:hidden}.example-box{padding:20px 10px;border-bottom:1px solid #ccc;color:rgba(0,0,0,.87);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}"]}]}],S.ctorParameters=function(){return[{type:k}]},S);function S(e){this.mapService=e,this.mapList=this.mapService.GetMapList(),this.LocationsList=new Array}var D=(A.forRoot=function(){return{ngModule:A,providers:[f]}},A.decorators=[{type:s.NgModule,args:[{declarations:[v,M,N],imports:[n.CommonModule,u.DragDropModule,a.FlexLayoutModule,i.BrowserAnimationsModule,r.MatMenuModule,o.MatIconModule,o.MatSelectModule,o.MatDialogModule,o.MatButtonModule,l.ReactiveFormsModule,o.MatInputModule,o.MatFormFieldModule,c.RouterModule],exports:[v,o.MatIconModule,M,N],entryComponents:[v,N,M]}]}],A);function A(){}e.UsersStateManagerContext=f,e.UsersState=y,e.Constants=h,e.LandingPageComponent=v,e.LcuAmblOnModule=D,e.MyAtlasComponent=M,e.LegendComponent=N,e.LocationListModel=I,e.MapService=k,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=ambl-on-lcu-ambl-on-common.umd.min.js.map

@@ -8,3 +8,3 @@ /**

*/
export { UsersStateManagerContext, UsersState, Constants, LandingPageComponent, LcuAmblOnModule, MyAtlasComponent, LegendComponent } from './lcu.api';
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1ibC1vbi1sY3UtYW1ibC1vbi1jb21tb24uanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AYW1ibC1vbi9sY3UtYW1ibC1vbi1jb21tb24vIiwic291cmNlcyI6WyJhbWJsLW9uLWxjdS1hbWJsLW9uLWNvbW1vbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBSUEsMElBQWMsV0FBVyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xjdS5hcGknO1xuIl19
export { UsersStateManagerContext, UsersState, Constants, LandingPageComponent, LcuAmblOnModule, MyAtlasComponent, LegendComponent, LocationListModel, MapService } from './lcu.api';
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1ibC1vbi1sY3UtYW1ibC1vbi1jb21tb24uanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AYW1ibC1vbi9sY3UtYW1ibC1vbi1jb21tb24vIiwic291cmNlcyI6WyJhbWJsLW9uLWxjdS1hbWJsLW9uLWNvbW1vbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBSUEseUtBQWMsV0FBVyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xjdS5hcGknO1xuIl19

@@ -12,2 +12,4 @@ /**

export { LegendComponent } from './lib/controls/legend/legend.component';
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGN1LmFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhbWJsLW9uL2xjdS1hbWJsLW9uLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxjdS5hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLHlDQUFjLCtDQUErQyxDQUFDO0FBQzlELDJCQUFjLHFDQUFxQyxDQUFDO0FBQ3BELDBCQUFjLGlDQUFpQyxDQUFDO0FBQ2hELHFDQUFjLG9EQUFvRCxDQUFDO0FBQ25FLGdDQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGlDQUFjLDRDQUE0QyxDQUFDO0FBQzNELGdDQUFjLHdDQUF3QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvc3RhdGUvdXNlcnMvdXNlcnMtc3RhdGUtbWFuYWdlci5jb250ZXh0JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RhdGUvdXNlcnMvdXNlcnMtc3RhdGUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi91dGlscy9jb25zdGFudHMvY29uc3RhbnRzJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udHJvbHMvbGFuZGluZy1wYWdlL2xhbmRpbmctcGFnZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9sY3UtYW1ibC1vbi5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250cm9scy9teS1hdGxhcy9teS1hdGxhcy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250cm9scy9sZWdlbmQvbGVnZW5kLmNvbXBvbmVudCc7XHJcblxyXG4iXX0=
export { LocationListModel } from './lib/models/location-list.model';
export { MapService } from './lib/services/map.service';
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGN1LmFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhbWJsLW9uL2xjdS1hbWJsLW9uLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxjdS5hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLHlDQUFjLCtDQUErQyxDQUFDO0FBQzlELDJCQUFjLHFDQUFxQyxDQUFDO0FBQ3BELDBCQUFjLGlDQUFpQyxDQUFDO0FBQ2hELHFDQUFjLG9EQUFvRCxDQUFDO0FBQ25FLGdDQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGlDQUFjLDRDQUE0QyxDQUFDO0FBQzNELGdDQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGtDQUFjLGtDQUFrQyxDQUFDO0FBQ2pELDJCQUFjLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvc3RhdGUvdXNlcnMvdXNlcnMtc3RhdGUtbWFuYWdlci5jb250ZXh0JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RhdGUvdXNlcnMvdXNlcnMtc3RhdGUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi91dGlscy9jb25zdGFudHMvY29uc3RhbnRzJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udHJvbHMvbGFuZGluZy1wYWdlL2xhbmRpbmctcGFnZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9sY3UtYW1ibC1vbi5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250cm9scy9teS1hdGxhcy9teS1hdGxhcy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250cm9scy9sZWdlbmQvbGVnZW5kLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9sb2NhdGlvbi1saXN0Lm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvbWFwLnNlcnZpY2UnO1xyXG5cclxuIl19

@@ -7,16 +7,45 @@ /**

import { moveItemInArray } from '@angular/cdk/drag-drop';
import { LocationListModel } from '../../models/location-list.model';
import { MapService } from '../../services/map.service';
export class LegendComponent {
constructor() {
this.LegendItems = [
'Episode I - The Phantom Menace',
'Episode II - Attack of the Clones',
'Episode III - Revenge of the Sith',
'Episode IV - A New Hope',
'Episode V - The Empire Strikes Back',
'Episode VI - Return of the Jedi',
'Episode VII - The Force Awakens',
'Episode VIII - The Last Jedi'
];
/**
* @param {?} mapService
*/
constructor(mapService) {
this.mapService = mapService;
this.mapList = this.mapService.GetMapList();
//public LegendItems: Array<String>;
this.LocationsList = new Array();
}
/**
* @return {?}
*/
ngOnInit() {
//console.log("MapList = " + this.mapList[0]);
this.SetLocationList(this.mapList[0]);
}
/**
*
* @param {?} map the map config that is passed in
*
* this function loops through the map cofig and fills the LegendItems(this is what is displayed on the drop down)
*
* it also fills the locationList so when clicked it knows which lat and long to zoom in on.
*
* @return {?}
*/
SetLocationList(map) {
//console.log("Map title = " + map.title);
/** @type {?} */
var locList = map.locationList;
//console.log("Location List = " + locList);
for (var i = 0; i < locList.length; i++) {
/** @type {?} */
var temp = locList[i];
/** @type {?} */
var tempLoc = new LocationListModel(temp.title, temp.lat, temp.long);
this.LocationsList.push(tempLoc);
}
}
/**
* @param {?} event

@@ -26,14 +55,5 @@ * @return {?}

drop(event) {
moveItemInArray(this.LegendItems, event.previousIndex, event.currentIndex);
moveItemInArray(this.LocationsList, event.previousIndex, event.currentIndex);
//this.MoveLocationInArray(this.LegendItems, event.previousIndex, event.currentIndex);
}
// public MoveLocationInArray(ItemArray:Array<String>, PrevIndex:number, CurrIndex:number){
// var element = ItemArray[PrevIndex];
// ItemArray.splice(PrevIndex, 1);
// ItemArray.splice(CurrIndex, 0, element);
// }
/**
* @return {?}
*/
ngOnInit() { }
}

@@ -43,3 +63,3 @@ LegendComponent.decorators = [

selector: 'lcu-legend',
template: "<button class=\"chevron-legend\" mat-icon-button [matMenuTriggerFor]=\"legend\">\r\n <mat-icon [inline]=\"true\">chevron_left</mat-icon>\r\n</button>\r\n\r\n<mat-menu #legend=\"matMenu\">\r\n <div cdkDropList class=\"example-list\" (cdkDropListDropped)=\"drop($event)\">\r\n <div class=\"example-box\" *ngFor=\"let item of LegendItems\" cdkDrag>{{ item }}</div>\r\n </div>\r\n</mat-menu>\r\n",
template: "<button class=\"chevron-legend\" mat-icon-button [matMenuTriggerFor]=\"legend\">\r\n <mat-icon [inline]=\"true\">chevron_left</mat-icon>\r\n</button>\r\n\r\n<mat-menu #legend=\"matMenu\">\r\n <div cdkDropList class=\"example-list\" (cdkDropListDropped)=\"drop($event)\">\r\n <div class=\"example-box\" *ngFor=\"let item of LocationsList\" cdkDrag>{{ item.Title }}</div>\r\n </div>\r\n</mat-menu>\r\n",
styles: [".chevron-legend{background-color:transparent;border-width:0;outline:0;font-size:30px}.example-list{width:500px;max-width:100%;border:1px solid #ccc;min-height:60px;display:block;background:#fff;border-radius:4px;overflow:hidden}.example-box{padding:20px 10px;border-bottom:1px solid #ccc;color:rgba(0,0,0,.87);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}"]

@@ -49,7 +69,19 @@ }] }

/** @nocollapse */
LegendComponent.ctorParameters = () => [];
LegendComponent.ctorParameters = () => [
{ type: MapService }
];
if (false) {
/**
* @type {?}
* @private
*/
LegendComponent.prototype.mapList;
/** @type {?} */
LegendComponent.prototype.LegendItems;
LegendComponent.prototype.LocationsList;
/**
* @type {?}
* @private
*/
LegendComponent.prototype.mapService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVnZW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhbWJsLW9uL2xjdS1hbWJsLW9uLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxpYi9jb250cm9scy9sZWdlbmQvbGVnZW5kLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQWUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFRdEUsTUFBTSxPQUFPLGVBQWU7SUFDMUI7UUFDTyxnQkFBVyxHQUFpQjtZQUNqQyxnQ0FBZ0M7WUFDaEMsbUNBQW1DO1lBQ25DLG1DQUFtQztZQUNuQyx5QkFBeUI7WUFDekIscUNBQXFDO1lBQ3JDLGlDQUFpQztZQUNqQyxpQ0FBaUM7WUFDakMsOEJBQThCO1NBQy9CLENBQUM7SUFWYyxDQUFDOzs7OztJQVlqQixJQUFJLENBQUMsS0FBNEI7UUFDL0IsZUFBZSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLGFBQWEsRUFBRSxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDM0Usc0ZBQXNGO0lBQ3hGLENBQUM7Ozs7Ozs7OztJQVNGLFFBQVEsS0FBSSxDQUFDOzs7WUE5QmIsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0QixrYUFBc0M7O2FBRXZDOzs7Ozs7SUFHQyxzQ0FTRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENka0RyYWdEcm9wLCBtb3ZlSXRlbUluQXJyYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xjdS1sZWdlbmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sZWdlbmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xlZ2VuZC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMZWdlbmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcbiAgcHVibGljIExlZ2VuZEl0ZW1zOiBBcnJheTxTdHJpbmc+PSBbXHJcbiAgICAnRXBpc29kZSBJIC0gVGhlIFBoYW50b20gTWVuYWNlJyxcclxuICAgICdFcGlzb2RlIElJIC0gQXR0YWNrIG9mIHRoZSBDbG9uZXMnLFxyXG4gICAgJ0VwaXNvZGUgSUlJIC0gUmV2ZW5nZSBvZiB0aGUgU2l0aCcsXHJcbiAgICAnRXBpc29kZSBJViAtIEEgTmV3IEhvcGUnLFxyXG4gICAgJ0VwaXNvZGUgViAtIFRoZSBFbXBpcmUgU3RyaWtlcyBCYWNrJyxcclxuICAgICdFcGlzb2RlIFZJIC0gUmV0dXJuIG9mIHRoZSBKZWRpJyxcclxuICAgICdFcGlzb2RlIFZJSSAtIFRoZSBGb3JjZSBBd2FrZW5zJyxcclxuICAgICdFcGlzb2RlIFZJSUkgLSBUaGUgTGFzdCBKZWRpJ1xyXG4gIF07XHJcblxyXG4gIGRyb3AoZXZlbnQ6IENka0RyYWdEcm9wPHN0cmluZ1tdPikge1xyXG4gICAgbW92ZUl0ZW1JbkFycmF5KHRoaXMuTGVnZW5kSXRlbXMsIGV2ZW50LnByZXZpb3VzSW5kZXgsIGV2ZW50LmN1cnJlbnRJbmRleCk7XHJcbiAgICAvL3RoaXMuTW92ZUxvY2F0aW9uSW5BcnJheSh0aGlzLkxlZ2VuZEl0ZW1zLCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xyXG4gIH1cclxuLy8gcHVibGljIE1vdmVMb2NhdGlvbkluQXJyYXkoSXRlbUFycmF5OkFycmF5PFN0cmluZz4sIFByZXZJbmRleDpudW1iZXIsIEN1cnJJbmRleDpudW1iZXIpe1xyXG4vLyAgIHZhciBlbGVtZW50ID0gSXRlbUFycmF5W1ByZXZJbmRleF07XHJcbi8vICAgICBJdGVtQXJyYXkuc3BsaWNlKFByZXZJbmRleCwgMSk7XHJcbi8vICAgICBJdGVtQXJyYXkuc3BsaWNlKEN1cnJJbmRleCwgMCwgZWxlbWVudCk7XHJcbi8vIH1cclxuXHJcbiAgXHJcblxyXG4gbmdPbkluaXQoKSB7fVxyXG5cclxufVxyXG4iXX0=
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVnZW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhbWJsLW9uL2xjdS1hbWJsLW9uLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxpYi9jb250cm9scy9sZWdlbmQvbGVnZW5kLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQWUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBU3hELE1BQU0sT0FBTyxlQUFlOzs7O0lBSTFCLFlBQW9CLFVBQXFCO1FBQXJCLGVBQVUsR0FBVixVQUFVLENBQVc7UUFIakMsWUFBTyxHQUF3QixJQUFJLENBQUMsVUFBVSxDQUFDLFVBQVUsRUFBRSxDQUFDOztRQUU3RCxrQkFBYSxHQUE2QixJQUFJLEtBQUssRUFBcUIsQ0FBQztJQUVoRixDQUFDOzs7O0lBRUQsUUFBUTtRQUNOLDhDQUE4QztRQUM5QyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN4QyxDQUFDOzs7Ozs7Ozs7OztJQVdELGVBQWUsQ0FBQyxHQUFpQjs7O1lBRTNCLE9BQU8sR0FBRyxHQUFHLENBQUMsWUFBWTtRQUM5Qiw0Q0FBNEM7UUFDNUMsS0FBSSxJQUFJLENBQUMsR0FBQyxDQUFDLEVBQUUsQ0FBQyxHQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUM7O2dCQUM3QixJQUFJLEdBQVEsT0FBTyxDQUFDLENBQUMsQ0FBQzs7Z0JBQ3RCLE9BQU8sR0FBc0IsSUFBSSxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQztZQUN2RixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztTQUNsQztJQUNILENBQUM7Ozs7O0lBRUQsSUFBSSxDQUFDLEtBQTRCO1FBQy9CLGVBQWUsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLEtBQUssQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQzdFLHNGQUFzRjtJQUN4RixDQUFDOzs7WUF6Q0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0QiwwYUFBc0M7O2FBRXZDOzs7O1lBUFEsVUFBVTs7Ozs7OztJQVVqQixrQ0FBb0U7O0lBRXBFLHdDQUFnRjs7Ozs7SUFDcEUscUNBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ2RrRHJhZ0Ryb3AsIG1vdmVJdGVtSW5BcnJheSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xyXG5pbXBvcnQgeyBJbmRpdmlkdWFsTWFwIH0gZnJvbSAnQGxvd2NvZGV1bml0L2xjdS1tYXAtY29tbW9uJztcclxuaW1wb3J0IHsgTG9jYXRpb25MaXN0TW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvbG9jYXRpb24tbGlzdC5tb2RlbCc7XHJcbmltcG9ydCB7IE1hcFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9tYXAuc2VydmljZSc7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsY3UtbGVnZW5kJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbGVnZW5kLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9sZWdlbmQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIExlZ2VuZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgcHJpdmF0ZSBtYXBMaXN0OkFycmF5PEluZGl2aWR1YWxNYXA+ID0gdGhpcy5tYXBTZXJ2aWNlLkdldE1hcExpc3QoKTtcclxuICAvL3B1YmxpYyBMZWdlbmRJdGVtczogQXJyYXk8U3RyaW5nPjsgXHJcbiAgcHVibGljIExvY2F0aW9uc0xpc3Q6IEFycmF5PExvY2F0aW9uTGlzdE1vZGVsPiA9IG5ldyBBcnJheTxMb2NhdGlvbkxpc3RNb2RlbD4oKTtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG1hcFNlcnZpY2U6TWFwU2VydmljZSkgeyBcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgLy9jb25zb2xlLmxvZyhcIk1hcExpc3QgPSBcIiArIHRoaXMubWFwTGlzdFswXSk7XHJcbiAgICB0aGlzLlNldExvY2F0aW9uTGlzdCh0aGlzLm1hcExpc3RbMF0pO1xyXG4gIH1cclxuXHJcbi8qKlxyXG4gKiBcclxuICogQHBhcmFtIG1hcCB0aGUgbWFwIGNvbmZpZyB0aGF0IGlzIHBhc3NlZCBpblxyXG4gKiBcclxuICogdGhpcyBmdW5jdGlvbiBsb29wcyB0aHJvdWdoIHRoZSBtYXAgY29maWcgYW5kIGZpbGxzIHRoZSBMZWdlbmRJdGVtcyh0aGlzIGlzIHdoYXQgaXMgZGlzcGxheWVkIG9uIHRoZSBkcm9wIGRvd24pXHJcbiAqIFxyXG4gKiBpdCBhbHNvIGZpbGxzIHRoZSBsb2NhdGlvbkxpc3Qgc28gd2hlbiBjbGlja2VkIGl0IGtub3dzIHdoaWNoIGxhdCBhbmQgbG9uZyB0byB6b29tIGluIG9uLlxyXG4gKiBcclxuICovXHJcbiAgU2V0TG9jYXRpb25MaXN0KG1hcDpJbmRpdmlkdWFsTWFwKXtcclxuICAgIC8vY29uc29sZS5sb2coXCJNYXAgdGl0bGUgPSBcIiArIG1hcC50aXRsZSk7XHJcbiAgICB2YXIgbG9jTGlzdCA9IG1hcC5sb2NhdGlvbkxpc3Q7XHJcbiAgICAvL2NvbnNvbGUubG9nKFwiTG9jYXRpb24gTGlzdCA9IFwiICsgbG9jTGlzdCk7XHJcbiAgICBmb3IodmFyIGk9MDsgaTxsb2NMaXN0Lmxlbmd0aDsgaSsrKXtcclxuICAgICAgdmFyIHRlbXA6IGFueSA9IGxvY0xpc3RbaV07XHJcbiAgICAgIHZhciB0ZW1wTG9jOiBMb2NhdGlvbkxpc3RNb2RlbCA9IG5ldyBMb2NhdGlvbkxpc3RNb2RlbCh0ZW1wLnRpdGxlLCB0ZW1wLmxhdCwgdGVtcC5sb25nKTtcclxuICAgICAgdGhpcy5Mb2NhdGlvbnNMaXN0LnB1c2godGVtcExvYyk7XHJcbiAgICB9XHJcbiAgfVxyXG4gICAgXHJcbiAgZHJvcChldmVudDogQ2RrRHJhZ0Ryb3A8c3RyaW5nW10+KSB7XHJcbiAgICBtb3ZlSXRlbUluQXJyYXkodGhpcy5Mb2NhdGlvbnNMaXN0LCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xyXG4gICAgLy90aGlzLk1vdmVMb2NhdGlvbkluQXJyYXkodGhpcy5MZWdlbmRJdGVtcywgZXZlbnQucHJldmlvdXNJbmRleCwgZXZlbnQuY3VycmVudEluZGV4KTtcclxuICB9XHJcbi8vIHB1YmxpYyBNb3ZlTG9jYXRpb25JbkFycmF5KEl0ZW1BcnJheTpBcnJheTxTdHJpbmc+LCBQcmV2SW5kZXg6bnVtYmVyLCBDdXJySW5kZXg6bnVtYmVyKXtcclxuLy8gICB2YXIgZWxlbWVudCA9IEl0ZW1BcnJheVtQcmV2SW5kZXhdO1xyXG4vLyAgICAgSXRlbUFycmF5LnNwbGljZShQcmV2SW5kZXgsIDEpO1xyXG4vLyAgICAgSXRlbUFycmF5LnNwbGljZShDdXJySW5kZXgsIDAsIGVsZW1lbnQpO1xyXG4vLyB9XHJcblxyXG59XHJcbiJdfQ==

@@ -8,3 +8,3 @@ /**

*/
export { UsersStateManagerContext, UsersState, Constants, LandingPageComponent, LcuAmblOnModule, MyAtlasComponent, LegendComponent } from './lcu.api';
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1ibC1vbi1sY3UtYW1ibC1vbi1jb21tb24uanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AYW1ibC1vbi9sY3UtYW1ibC1vbi1jb21tb24vIiwic291cmNlcyI6WyJhbWJsLW9uLWxjdS1hbWJsLW9uLWNvbW1vbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBSUEsMElBQWMsV0FBVyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xjdS5hcGknO1xuIl19
export { UsersStateManagerContext, UsersState, Constants, LandingPageComponent, LcuAmblOnModule, MyAtlasComponent, LegendComponent, LocationListModel, MapService } from './lcu.api';
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1ibC1vbi1sY3UtYW1ibC1vbi1jb21tb24uanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AYW1ibC1vbi9sY3UtYW1ibC1vbi1jb21tb24vIiwic291cmNlcyI6WyJhbWJsLW9uLWxjdS1hbWJsLW9uLWNvbW1vbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBSUEseUtBQWMsV0FBVyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xjdS5hcGknO1xuIl19

@@ -12,2 +12,4 @@ /**

export { LegendComponent } from './lib/controls/legend/legend.component';
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGN1LmFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhbWJsLW9uL2xjdS1hbWJsLW9uLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxjdS5hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLHlDQUFjLCtDQUErQyxDQUFDO0FBQzlELDJCQUFjLHFDQUFxQyxDQUFDO0FBQ3BELDBCQUFjLGlDQUFpQyxDQUFDO0FBQ2hELHFDQUFjLG9EQUFvRCxDQUFDO0FBQ25FLGdDQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGlDQUFjLDRDQUE0QyxDQUFDO0FBQzNELGdDQUFjLHdDQUF3QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvc3RhdGUvdXNlcnMvdXNlcnMtc3RhdGUtbWFuYWdlci5jb250ZXh0JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RhdGUvdXNlcnMvdXNlcnMtc3RhdGUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi91dGlscy9jb25zdGFudHMvY29uc3RhbnRzJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udHJvbHMvbGFuZGluZy1wYWdlL2xhbmRpbmctcGFnZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9sY3UtYW1ibC1vbi5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250cm9scy9teS1hdGxhcy9teS1hdGxhcy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250cm9scy9sZWdlbmQvbGVnZW5kLmNvbXBvbmVudCc7XHJcblxyXG4iXX0=
export { LocationListModel } from './lib/models/location-list.model';
export { MapService } from './lib/services/map.service';
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGN1LmFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhbWJsLW9uL2xjdS1hbWJsLW9uLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxjdS5hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLHlDQUFjLCtDQUErQyxDQUFDO0FBQzlELDJCQUFjLHFDQUFxQyxDQUFDO0FBQ3BELDBCQUFjLGlDQUFpQyxDQUFDO0FBQ2hELHFDQUFjLG9EQUFvRCxDQUFDO0FBQ25FLGdDQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGlDQUFjLDRDQUE0QyxDQUFDO0FBQzNELGdDQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGtDQUFjLGtDQUFrQyxDQUFDO0FBQ2pELDJCQUFjLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvc3RhdGUvdXNlcnMvdXNlcnMtc3RhdGUtbWFuYWdlci5jb250ZXh0JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RhdGUvdXNlcnMvdXNlcnMtc3RhdGUubW9kZWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi91dGlscy9jb25zdGFudHMvY29uc3RhbnRzJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udHJvbHMvbGFuZGluZy1wYWdlL2xhbmRpbmctcGFnZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9sY3UtYW1ibC1vbi5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250cm9scy9teS1hdGxhcy9teS1hdGxhcy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250cm9scy9sZWdlbmQvbGVnZW5kLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9sb2NhdGlvbi1saXN0Lm1vZGVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvbWFwLnNlcnZpY2UnO1xyXG5cclxuIl19

@@ -7,54 +7,79 @@ /**

import { moveItemInArray } from '@angular/cdk/drag-drop';
import { LocationListModel } from '../../models/location-list.model';
import { MapService } from '../../services/map.service';
var LegendComponent = /** @class */ (function () {
function LegendComponent() {
this.LegendItems = [
'Episode I - The Phantom Menace',
'Episode II - Attack of the Clones',
'Episode III - Revenge of the Sith',
'Episode IV - A New Hope',
'Episode V - The Empire Strikes Back',
'Episode VI - Return of the Jedi',
'Episode VII - The Force Awakens',
'Episode VIII - The Last Jedi'
];
function LegendComponent(mapService) {
this.mapService = mapService;
this.mapList = this.mapService.GetMapList();
//public LegendItems: Array<String>;
this.LocationsList = new Array();
}
/**
* @param {?} event
* @return {?}
*/
LegendComponent.prototype.drop = /**
* @param {?} event
LegendComponent.prototype.ngOnInit = /**
* @return {?}
*/
function (event) {
moveItemInArray(this.LegendItems, event.previousIndex, event.currentIndex);
//this.MoveLocationInArray(this.LegendItems, event.previousIndex, event.currentIndex);
function () {
//console.log("MapList = " + this.mapList[0]);
this.SetLocationList(this.mapList[0]);
};
// public MoveLocationInArray(ItemArray:Array<String>, PrevIndex:number, CurrIndex:number){
// var element = ItemArray[PrevIndex];
// ItemArray.splice(PrevIndex, 1);
// ItemArray.splice(CurrIndex, 0, element);
// }
// public MoveLocationInArray(ItemArray:Array<String>, PrevIndex:number, CurrIndex:number){
// var element = ItemArray[PrevIndex];
// ItemArray.splice(PrevIndex, 1);
// ItemArray.splice(CurrIndex, 0, element);
// }
/**
*
* @param map the map config that is passed in
*
* this function loops through the map cofig and fills the LegendItems(this is what is displayed on the drop down)
*
* it also fills the locationList so when clicked it knows which lat and long to zoom in on.
*
*/
/**
*
* @param {?} map the map config that is passed in
*
* this function loops through the map cofig and fills the LegendItems(this is what is displayed on the drop down)
*
* it also fills the locationList so when clicked it knows which lat and long to zoom in on.
*
* @return {?}
*/
LegendComponent.prototype.ngOnInit =
// public MoveLocationInArray(ItemArray:Array<String>, PrevIndex:number, CurrIndex:number){
// var element = ItemArray[PrevIndex];
// ItemArray.splice(PrevIndex, 1);
// ItemArray.splice(CurrIndex, 0, element);
// }
LegendComponent.prototype.SetLocationList = /**
*
* @param {?} map the map config that is passed in
*
* this function loops through the map cofig and fills the LegendItems(this is what is displayed on the drop down)
*
* it also fills the locationList so when clicked it knows which lat and long to zoom in on.
*
* @return {?}
*/
function (map) {
//console.log("Map title = " + map.title);
/** @type {?} */
var locList = map.locationList;
//console.log("Location List = " + locList);
for (var i = 0; i < locList.length; i++) {
/** @type {?} */
var temp = locList[i];
/** @type {?} */
var tempLoc = new LocationListModel(temp.title, temp.lat, temp.long);
this.LocationsList.push(tempLoc);
}
};
/**
* @param {?} event
* @return {?}
*/
function () { };
LegendComponent.prototype.drop = /**
* @param {?} event
* @return {?}
*/
function (event) {
moveItemInArray(this.LocationsList, event.previousIndex, event.currentIndex);
//this.MoveLocationInArray(this.LegendItems, event.previousIndex, event.currentIndex);
};
LegendComponent.decorators = [
{ type: Component, args: [{
selector: 'lcu-legend',
template: "<button class=\"chevron-legend\" mat-icon-button [matMenuTriggerFor]=\"legend\">\r\n <mat-icon [inline]=\"true\">chevron_left</mat-icon>\r\n</button>\r\n\r\n<mat-menu #legend=\"matMenu\">\r\n <div cdkDropList class=\"example-list\" (cdkDropListDropped)=\"drop($event)\">\r\n <div class=\"example-box\" *ngFor=\"let item of LegendItems\" cdkDrag>{{ item }}</div>\r\n </div>\r\n</mat-menu>\r\n",
template: "<button class=\"chevron-legend\" mat-icon-button [matMenuTriggerFor]=\"legend\">\r\n <mat-icon [inline]=\"true\">chevron_left</mat-icon>\r\n</button>\r\n\r\n<mat-menu #legend=\"matMenu\">\r\n <div cdkDropList class=\"example-list\" (cdkDropListDropped)=\"drop($event)\">\r\n <div class=\"example-box\" *ngFor=\"let item of LocationsList\" cdkDrag>{{ item.Title }}</div>\r\n </div>\r\n</mat-menu>\r\n",
styles: [".chevron-legend{background-color:transparent;border-width:0;outline:0;font-size:30px}.example-list{width:500px;max-width:100%;border:1px solid #ccc;min-height:60px;display:block;background:#fff;border-radius:4px;overflow:hidden}.example-box{padding:20px 10px;border-bottom:1px solid #ccc;color:rgba(0,0,0,.87);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}"]

@@ -64,3 +89,5 @@ }] }

/** @nocollapse */
LegendComponent.ctorParameters = function () { return []; };
LegendComponent.ctorParameters = function () { return [
{ type: MapService }
]; };
return LegendComponent;

@@ -70,5 +97,15 @@ }());

if (false) {
/**
* @type {?}
* @private
*/
LegendComponent.prototype.mapList;
/** @type {?} */
LegendComponent.prototype.LegendItems;
LegendComponent.prototype.LocationsList;
/**
* @type {?}
* @private
*/
LegendComponent.prototype.mapService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVnZW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhbWJsLW9uL2xjdS1hbWJsLW9uLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxpYi9jb250cm9scy9sZWdlbmQvbGVnZW5kLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQWUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFHdEU7SUFNRTtRQUNPLGdCQUFXLEdBQWlCO1lBQ2pDLGdDQUFnQztZQUNoQyxtQ0FBbUM7WUFDbkMsbUNBQW1DO1lBQ25DLHlCQUF5QjtZQUN6QixxQ0FBcUM7WUFDckMsaUNBQWlDO1lBQ2pDLGlDQUFpQztZQUNqQyw4QkFBOEI7U0FDL0IsQ0FBQztJQVZjLENBQUM7Ozs7O0lBWWpCLDhCQUFJOzs7O0lBQUosVUFBSyxLQUE0QjtRQUMvQixlQUFlLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxLQUFLLENBQUMsYUFBYSxFQUFFLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUMzRSxzRkFBc0Y7SUFDeEYsQ0FBQztJQUNILDJGQUEyRjtJQUMzRix3Q0FBd0M7SUFDeEMsc0NBQXNDO0lBQ3RDLCtDQUErQztJQUMvQyxJQUFJOzs7Ozs7Ozs7SUFJSCxrQ0FBUTs7Ozs7Ozs7O0lBQVIsY0FBWSxDQUFDOztnQkE5QmIsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxZQUFZO29CQUN0QixrYUFBc0M7O2lCQUV2Qzs7OztJQTRCRCxzQkFBQztDQUFBLEFBaENELElBZ0NDO1NBM0JZLGVBQWU7OztJQUUxQixzQ0FTRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENka0RyYWdEcm9wLCBtb3ZlSXRlbUluQXJyYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xjdS1sZWdlbmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sZWdlbmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xlZ2VuZC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMZWdlbmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcbiAgcHVibGljIExlZ2VuZEl0ZW1zOiBBcnJheTxTdHJpbmc+PSBbXHJcbiAgICAnRXBpc29kZSBJIC0gVGhlIFBoYW50b20gTWVuYWNlJyxcclxuICAgICdFcGlzb2RlIElJIC0gQXR0YWNrIG9mIHRoZSBDbG9uZXMnLFxyXG4gICAgJ0VwaXNvZGUgSUlJIC0gUmV2ZW5nZSBvZiB0aGUgU2l0aCcsXHJcbiAgICAnRXBpc29kZSBJViAtIEEgTmV3IEhvcGUnLFxyXG4gICAgJ0VwaXNvZGUgViAtIFRoZSBFbXBpcmUgU3RyaWtlcyBCYWNrJyxcclxuICAgICdFcGlzb2RlIFZJIC0gUmV0dXJuIG9mIHRoZSBKZWRpJyxcclxuICAgICdFcGlzb2RlIFZJSSAtIFRoZSBGb3JjZSBBd2FrZW5zJyxcclxuICAgICdFcGlzb2RlIFZJSUkgLSBUaGUgTGFzdCBKZWRpJ1xyXG4gIF07XHJcblxyXG4gIGRyb3AoZXZlbnQ6IENka0RyYWdEcm9wPHN0cmluZ1tdPikge1xyXG4gICAgbW92ZUl0ZW1JbkFycmF5KHRoaXMuTGVnZW5kSXRlbXMsIGV2ZW50LnByZXZpb3VzSW5kZXgsIGV2ZW50LmN1cnJlbnRJbmRleCk7XHJcbiAgICAvL3RoaXMuTW92ZUxvY2F0aW9uSW5BcnJheSh0aGlzLkxlZ2VuZEl0ZW1zLCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xyXG4gIH1cclxuLy8gcHVibGljIE1vdmVMb2NhdGlvbkluQXJyYXkoSXRlbUFycmF5OkFycmF5PFN0cmluZz4sIFByZXZJbmRleDpudW1iZXIsIEN1cnJJbmRleDpudW1iZXIpe1xyXG4vLyAgIHZhciBlbGVtZW50ID0gSXRlbUFycmF5W1ByZXZJbmRleF07XHJcbi8vICAgICBJdGVtQXJyYXkuc3BsaWNlKFByZXZJbmRleCwgMSk7XHJcbi8vICAgICBJdGVtQXJyYXkuc3BsaWNlKEN1cnJJbmRleCwgMCwgZWxlbWVudCk7XHJcbi8vIH1cclxuXHJcbiAgXHJcblxyXG4gbmdPbkluaXQoKSB7fVxyXG5cclxufVxyXG4iXX0=
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVnZW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhbWJsLW9uL2xjdS1hbWJsLW9uLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxpYi9jb250cm9scy9sZWdlbmQvbGVnZW5kLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQWUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBR3hEO0lBVUUseUJBQW9CLFVBQXFCO1FBQXJCLGVBQVUsR0FBVixVQUFVLENBQVc7UUFIakMsWUFBTyxHQUF3QixJQUFJLENBQUMsVUFBVSxDQUFDLFVBQVUsRUFBRSxDQUFDOztRQUU3RCxrQkFBYSxHQUE2QixJQUFJLEtBQUssRUFBcUIsQ0FBQztJQUVoRixDQUFDOzs7O0lBRUQsa0NBQVE7OztJQUFSO1FBQ0UsOENBQThDO1FBQzlDLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFSDs7Ozs7Ozs7T0FRRzs7Ozs7Ozs7Ozs7SUFDRCx5Q0FBZTs7Ozs7Ozs7OztJQUFmLFVBQWdCLEdBQWlCOzs7WUFFM0IsT0FBTyxHQUFHLEdBQUcsQ0FBQyxZQUFZO1FBQzlCLDRDQUE0QztRQUM1QyxLQUFJLElBQUksQ0FBQyxHQUFDLENBQUMsRUFBRSxDQUFDLEdBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBQzs7Z0JBQzdCLElBQUksR0FBUSxPQUFPLENBQUMsQ0FBQyxDQUFDOztnQkFDdEIsT0FBTyxHQUFzQixJQUFJLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDO1lBQ3ZGLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1NBQ2xDO0lBQ0gsQ0FBQzs7Ozs7SUFFRCw4QkFBSTs7OztJQUFKLFVBQUssS0FBNEI7UUFDL0IsZUFBZSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLGFBQWEsRUFBRSxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDN0Usc0ZBQXNGO0lBQ3hGLENBQUM7O2dCQXpDRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLDBhQUFzQzs7aUJBRXZDOzs7O2dCQVBRLFVBQVU7O0lBbURuQixzQkFBQztDQUFBLEFBaERELElBZ0RDO1NBMUNZLGVBQWU7Ozs7OztJQUMxQixrQ0FBb0U7O0lBRXBFLHdDQUFnRjs7Ozs7SUFDcEUscUNBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ2RrRHJhZ0Ryb3AsIG1vdmVJdGVtSW5BcnJheSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xyXG5pbXBvcnQgeyBJbmRpdmlkdWFsTWFwIH0gZnJvbSAnQGxvd2NvZGV1bml0L2xjdS1tYXAtY29tbW9uJztcclxuaW1wb3J0IHsgTG9jYXRpb25MaXN0TW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvbG9jYXRpb24tbGlzdC5tb2RlbCc7XHJcbmltcG9ydCB7IE1hcFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9tYXAuc2VydmljZSc7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsY3UtbGVnZW5kJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbGVnZW5kLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9sZWdlbmQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIExlZ2VuZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgcHJpdmF0ZSBtYXBMaXN0OkFycmF5PEluZGl2aWR1YWxNYXA+ID0gdGhpcy5tYXBTZXJ2aWNlLkdldE1hcExpc3QoKTtcclxuICAvL3B1YmxpYyBMZWdlbmRJdGVtczogQXJyYXk8U3RyaW5nPjsgXHJcbiAgcHVibGljIExvY2F0aW9uc0xpc3Q6IEFycmF5PExvY2F0aW9uTGlzdE1vZGVsPiA9IG5ldyBBcnJheTxMb2NhdGlvbkxpc3RNb2RlbD4oKTtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG1hcFNlcnZpY2U6TWFwU2VydmljZSkgeyBcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgLy9jb25zb2xlLmxvZyhcIk1hcExpc3QgPSBcIiArIHRoaXMubWFwTGlzdFswXSk7XHJcbiAgICB0aGlzLlNldExvY2F0aW9uTGlzdCh0aGlzLm1hcExpc3RbMF0pO1xyXG4gIH1cclxuXHJcbi8qKlxyXG4gKiBcclxuICogQHBhcmFtIG1hcCB0aGUgbWFwIGNvbmZpZyB0aGF0IGlzIHBhc3NlZCBpblxyXG4gKiBcclxuICogdGhpcyBmdW5jdGlvbiBsb29wcyB0aHJvdWdoIHRoZSBtYXAgY29maWcgYW5kIGZpbGxzIHRoZSBMZWdlbmRJdGVtcyh0aGlzIGlzIHdoYXQgaXMgZGlzcGxheWVkIG9uIHRoZSBkcm9wIGRvd24pXHJcbiAqIFxyXG4gKiBpdCBhbHNvIGZpbGxzIHRoZSBsb2NhdGlvbkxpc3Qgc28gd2hlbiBjbGlja2VkIGl0IGtub3dzIHdoaWNoIGxhdCBhbmQgbG9uZyB0byB6b29tIGluIG9uLlxyXG4gKiBcclxuICovXHJcbiAgU2V0TG9jYXRpb25MaXN0KG1hcDpJbmRpdmlkdWFsTWFwKXtcclxuICAgIC8vY29uc29sZS5sb2coXCJNYXAgdGl0bGUgPSBcIiArIG1hcC50aXRsZSk7XHJcbiAgICB2YXIgbG9jTGlzdCA9IG1hcC5sb2NhdGlvbkxpc3Q7XHJcbiAgICAvL2NvbnNvbGUubG9nKFwiTG9jYXRpb24gTGlzdCA9IFwiICsgbG9jTGlzdCk7XHJcbiAgICBmb3IodmFyIGk9MDsgaTxsb2NMaXN0Lmxlbmd0aDsgaSsrKXtcclxuICAgICAgdmFyIHRlbXA6IGFueSA9IGxvY0xpc3RbaV07XHJcbiAgICAgIHZhciB0ZW1wTG9jOiBMb2NhdGlvbkxpc3RNb2RlbCA9IG5ldyBMb2NhdGlvbkxpc3RNb2RlbCh0ZW1wLnRpdGxlLCB0ZW1wLmxhdCwgdGVtcC5sb25nKTtcclxuICAgICAgdGhpcy5Mb2NhdGlvbnNMaXN0LnB1c2godGVtcExvYyk7XHJcbiAgICB9XHJcbiAgfVxyXG4gICAgXHJcbiAgZHJvcChldmVudDogQ2RrRHJhZ0Ryb3A8c3RyaW5nW10+KSB7XHJcbiAgICBtb3ZlSXRlbUluQXJyYXkodGhpcy5Mb2NhdGlvbnNMaXN0LCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xyXG4gICAgLy90aGlzLk1vdmVMb2NhdGlvbkluQXJyYXkodGhpcy5MZWdlbmRJdGVtcywgZXZlbnQucHJldmlvdXNJbmRleCwgZXZlbnQuY3VycmVudEluZGV4KTtcclxuICB9XHJcbi8vIHB1YmxpYyBNb3ZlTG9jYXRpb25JbkFycmF5KEl0ZW1BcnJheTpBcnJheTxTdHJpbmc+LCBQcmV2SW5kZXg6bnVtYmVyLCBDdXJySW5kZXg6bnVtYmVyKXtcclxuLy8gICB2YXIgZWxlbWVudCA9IEl0ZW1BcnJheVtQcmV2SW5kZXhdO1xyXG4vLyAgICAgSXRlbUFycmF5LnNwbGljZShQcmV2SW5kZXgsIDEpO1xyXG4vLyAgICAgSXRlbUFycmF5LnNwbGljZShDdXJySW5kZXgsIDAsIGVsZW1lbnQpO1xyXG4vLyB9XHJcblxyXG59XHJcbiJdfQ==

@@ -161,16 +161,106 @@ import { __awaiter } from 'tslib';

*/
class LegendComponent {
class LocationListModel {
/**
* \@title the name of the location
*
* \@lat the latitude of the location
*
* \@long the longitude of the location
*
* @param {?} title
* @param {?} lat
* @param {?} long
*/
constructor(title, lat, long) {
this.Title = title;
this.Lat = lat;
this.Long = long;
}
}
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class MapService {
constructor() {
this.LegendItems = [
'Episode I - The Phantom Menace',
'Episode II - Attack of the Clones',
'Episode III - Revenge of the Sith',
'Episode IV - A New Hope',
'Episode V - The Empire Strikes Back',
'Episode VI - Return of the Jedi',
'Episode VII - The Force Awakens',
'Episode VIII - The Last Jedi'
];
this.MapList = [{
title: 'Default Map',
origin: { lat: 40.037757, lng: -105.278324 },
zoom: 13,
locationList: [
{ title: 'Favorite steak house', lat: 40.017557, lng: -105.278199, iconName: 'restaurant', iconImageUrl: './assets/restaurant.png' },
{ title: 'Favorite UNESCO', lat: 40.027657, lng: -105.288199, iconName: 'UNESCO', iconImageUrl: './assets/UNESCO.png' },
{ title: 'Favorite museum', lat: 40.060657, lng: -105.298199, iconName: 'museum', iconImageUrl: './assets/museum.png' },
{ title: 'Good brewery', lat: 40.047857, lng: -105.268199, iconName: 'brewery', iconImageUrl: './assets/brewery.png' },
{ title: 'Favorite ski area', lat: 40.057557, lng: -105.288199, iconName: 'ski area', iconImageUrl: './assets/ski area.png' },
{ title: 'Favorite vineyard', lat: 40.037757, lng: -105.298199, iconName: 'vineyard', iconImageUrl: './assets/vineyard.png' },
{ title: 'Nice golf course', lat: 40.037757, lng: -105.258199, iconName: 'golf course', iconImageUrl: './assets/golf course.png' },
{ title: 'Good lodging', lat: 40.037757, lng: -105.278199, iconName: 'lodging', iconImageUrl: './assets/lodging.png' },
{ title: 'Nice national park', lat: 40.060657, lng: -105.278199, iconName: 'national park', iconImageUrl: './assets/national park.png' },
{ title: 'Good bar', lat: 40.017557, lng: -105.288199, iconName: 'bar', iconImageUrl: './assets/bar.png' }
]
}];
}
/**
* @return {?}
*/
GetMapList() {
return this.MapList;
}
}
MapService.decorators = [
{ type: Injectable, args: [{
providedIn: 'root'
},] }
];
/** @nocollapse */
MapService.ctorParameters = () => [];
/** @nocollapse */ MapService.ngInjectableDef = defineInjectable({ factory: function MapService_Factory() { return new MapService(); }, token: MapService, providedIn: "root" });
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class LegendComponent {
/**
* @param {?} mapService
*/
constructor(mapService) {
this.mapService = mapService;
this.mapList = this.mapService.GetMapList();
//public LegendItems: Array<String>;
this.LocationsList = new Array();
}
/**
* @return {?}
*/
ngOnInit() {
//console.log("MapList = " + this.mapList[0]);
this.SetLocationList(this.mapList[0]);
}
/**
*
* @param {?} map the map config that is passed in
*
* this function loops through the map cofig and fills the LegendItems(this is what is displayed on the drop down)
*
* it also fills the locationList so when clicked it knows which lat and long to zoom in on.
*
* @return {?}
*/
SetLocationList(map) {
//console.log("Map title = " + map.title);
/** @type {?} */
var locList = map.locationList;
//console.log("Location List = " + locList);
for (var i = 0; i < locList.length; i++) {
/** @type {?} */
var temp = locList[i];
/** @type {?} */
var tempLoc = new LocationListModel(temp.title, temp.lat, temp.long);
this.LocationsList.push(tempLoc);
}
}
/**
* @param {?} event

@@ -180,14 +270,5 @@ * @return {?}

drop(event) {
moveItemInArray(this.LegendItems, event.previousIndex, event.currentIndex);
moveItemInArray(this.LocationsList, event.previousIndex, event.currentIndex);
//this.MoveLocationInArray(this.LegendItems, event.previousIndex, event.currentIndex);
}
// public MoveLocationInArray(ItemArray:Array<String>, PrevIndex:number, CurrIndex:number){
// var element = ItemArray[PrevIndex];
// ItemArray.splice(PrevIndex, 1);
// ItemArray.splice(CurrIndex, 0, element);
// }
/**
* @return {?}
*/
ngOnInit() { }
}

@@ -197,3 +278,3 @@ LegendComponent.decorators = [

selector: 'lcu-legend',
template: "<button class=\"chevron-legend\" mat-icon-button [matMenuTriggerFor]=\"legend\">\r\n <mat-icon [inline]=\"true\">chevron_left</mat-icon>\r\n</button>\r\n\r\n<mat-menu #legend=\"matMenu\">\r\n <div cdkDropList class=\"example-list\" (cdkDropListDropped)=\"drop($event)\">\r\n <div class=\"example-box\" *ngFor=\"let item of LegendItems\" cdkDrag>{{ item }}</div>\r\n </div>\r\n</mat-menu>\r\n",
template: "<button class=\"chevron-legend\" mat-icon-button [matMenuTriggerFor]=\"legend\">\r\n <mat-icon [inline]=\"true\">chevron_left</mat-icon>\r\n</button>\r\n\r\n<mat-menu #legend=\"matMenu\">\r\n <div cdkDropList class=\"example-list\" (cdkDropListDropped)=\"drop($event)\">\r\n <div class=\"example-box\" *ngFor=\"let item of LocationsList\" cdkDrag>{{ item.Title }}</div>\r\n </div>\r\n</mat-menu>\r\n",
styles: [".chevron-legend{background-color:transparent;border-width:0;outline:0;font-size:30px}.example-list{width:500px;max-width:100%;border:1px solid #ccc;min-height:60px;display:block;background:#fff;border-radius:4px;overflow:hidden}.example-box{padding:20px 10px;border-bottom:1px solid #ccc;color:rgba(0,0,0,.87);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}"]

@@ -203,3 +284,5 @@ }] }

/** @nocollapse */
LegendComponent.ctorParameters = () => [];
LegendComponent.ctorParameters = () => [
{ type: MapService }
];

@@ -254,4 +337,4 @@ /**

export { UsersStateManagerContext, UsersState, Constants, LandingPageComponent, LcuAmblOnModule, MyAtlasComponent, LegendComponent };
export { UsersStateManagerContext, UsersState, Constants, LandingPageComponent, LcuAmblOnModule, MyAtlasComponent, LegendComponent, LocationListModel, MapService };
//# sourceMappingURL=ambl-on-lcu-ambl-on-common.js.map

@@ -201,54 +201,142 @@ import { __extends, __awaiter, __generator } from 'tslib';

*/
var LocationListModel = /** @class */ (function () {
/**
* @title the name of the location
*
* @lat the latitude of the location
*
* @long the longitude of the location
*
*/
function LocationListModel(title, lat, long) {
this.Title = title;
this.Lat = lat;
this.Long = long;
}
return LocationListModel;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var MapService = /** @class */ (function () {
function MapService() {
this.MapList = [{
title: 'Default Map',
origin: { lat: 40.037757, lng: -105.278324 },
zoom: 13,
locationList: [
{ title: 'Favorite steak house', lat: 40.017557, lng: -105.278199, iconName: 'restaurant', iconImageUrl: './assets/restaurant.png' },
{ title: 'Favorite UNESCO', lat: 40.027657, lng: -105.288199, iconName: 'UNESCO', iconImageUrl: './assets/UNESCO.png' },
{ title: 'Favorite museum', lat: 40.060657, lng: -105.298199, iconName: 'museum', iconImageUrl: './assets/museum.png' },
{ title: 'Good brewery', lat: 40.047857, lng: -105.268199, iconName: 'brewery', iconImageUrl: './assets/brewery.png' },
{ title: 'Favorite ski area', lat: 40.057557, lng: -105.288199, iconName: 'ski area', iconImageUrl: './assets/ski area.png' },
{ title: 'Favorite vineyard', lat: 40.037757, lng: -105.298199, iconName: 'vineyard', iconImageUrl: './assets/vineyard.png' },
{ title: 'Nice golf course', lat: 40.037757, lng: -105.258199, iconName: 'golf course', iconImageUrl: './assets/golf course.png' },
{ title: 'Good lodging', lat: 40.037757, lng: -105.278199, iconName: 'lodging', iconImageUrl: './assets/lodging.png' },
{ title: 'Nice national park', lat: 40.060657, lng: -105.278199, iconName: 'national park', iconImageUrl: './assets/national park.png' },
{ title: 'Good bar', lat: 40.017557, lng: -105.288199, iconName: 'bar', iconImageUrl: './assets/bar.png' }
]
}];
}
/**
* @return {?}
*/
MapService.prototype.GetMapList = /**
* @return {?}
*/
function () {
return this.MapList;
};
MapService.decorators = [
{ type: Injectable, args: [{
providedIn: 'root'
},] }
];
/** @nocollapse */
MapService.ctorParameters = function () { return []; };
/** @nocollapse */ MapService.ngInjectableDef = defineInjectable({ factory: function MapService_Factory() { return new MapService(); }, token: MapService, providedIn: "root" });
return MapService;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var LegendComponent = /** @class */ (function () {
function LegendComponent() {
this.LegendItems = [
'Episode I - The Phantom Menace',
'Episode II - Attack of the Clones',
'Episode III - Revenge of the Sith',
'Episode IV - A New Hope',
'Episode V - The Empire Strikes Back',
'Episode VI - Return of the Jedi',
'Episode VII - The Force Awakens',
'Episode VIII - The Last Jedi'
];
function LegendComponent(mapService) {
this.mapService = mapService;
this.mapList = this.mapService.GetMapList();
//public LegendItems: Array<String>;
this.LocationsList = new Array();
}
/**
* @param {?} event
* @return {?}
*/
LegendComponent.prototype.drop = /**
* @param {?} event
LegendComponent.prototype.ngOnInit = /**
* @return {?}
*/
function (event) {
moveItemInArray(this.LegendItems, event.previousIndex, event.currentIndex);
//this.MoveLocationInArray(this.LegendItems, event.previousIndex, event.currentIndex);
function () {
//console.log("MapList = " + this.mapList[0]);
this.SetLocationList(this.mapList[0]);
};
// public MoveLocationInArray(ItemArray:Array<String>, PrevIndex:number, CurrIndex:number){
// var element = ItemArray[PrevIndex];
// ItemArray.splice(PrevIndex, 1);
// ItemArray.splice(CurrIndex, 0, element);
// }
// public MoveLocationInArray(ItemArray:Array<String>, PrevIndex:number, CurrIndex:number){
// var element = ItemArray[PrevIndex];
// ItemArray.splice(PrevIndex, 1);
// ItemArray.splice(CurrIndex, 0, element);
// }
/**
*
* @param map the map config that is passed in
*
* this function loops through the map cofig and fills the LegendItems(this is what is displayed on the drop down)
*
* it also fills the locationList so when clicked it knows which lat and long to zoom in on.
*
*/
/**
*
* @param {?} map the map config that is passed in
*
* this function loops through the map cofig and fills the LegendItems(this is what is displayed on the drop down)
*
* it also fills the locationList so when clicked it knows which lat and long to zoom in on.
*
* @return {?}
*/
LegendComponent.prototype.ngOnInit =
// public MoveLocationInArray(ItemArray:Array<String>, PrevIndex:number, CurrIndex:number){
// var element = ItemArray[PrevIndex];
// ItemArray.splice(PrevIndex, 1);
// ItemArray.splice(CurrIndex, 0, element);
// }
LegendComponent.prototype.SetLocationList = /**
*
* @param {?} map the map config that is passed in
*
* this function loops through the map cofig and fills the LegendItems(this is what is displayed on the drop down)
*
* it also fills the locationList so when clicked it knows which lat and long to zoom in on.
*
* @return {?}
*/
function (map) {
//console.log("Map title = " + map.title);
/** @type {?} */
var locList = map.locationList;
//console.log("Location List = " + locList);
for (var i = 0; i < locList.length; i++) {
/** @type {?} */
var temp = locList[i];
/** @type {?} */
var tempLoc = new LocationListModel(temp.title, temp.lat, temp.long);
this.LocationsList.push(tempLoc);
}
};
/**
* @param {?} event
* @return {?}
*/
function () { };
LegendComponent.prototype.drop = /**
* @param {?} event
* @return {?}
*/
function (event) {
moveItemInArray(this.LocationsList, event.previousIndex, event.currentIndex);
//this.MoveLocationInArray(this.LegendItems, event.previousIndex, event.currentIndex);
};
LegendComponent.decorators = [
{ type: Component, args: [{
selector: 'lcu-legend',
template: "<button class=\"chevron-legend\" mat-icon-button [matMenuTriggerFor]=\"legend\">\r\n <mat-icon [inline]=\"true\">chevron_left</mat-icon>\r\n</button>\r\n\r\n<mat-menu #legend=\"matMenu\">\r\n <div cdkDropList class=\"example-list\" (cdkDropListDropped)=\"drop($event)\">\r\n <div class=\"example-box\" *ngFor=\"let item of LegendItems\" cdkDrag>{{ item }}</div>\r\n </div>\r\n</mat-menu>\r\n",
template: "<button class=\"chevron-legend\" mat-icon-button [matMenuTriggerFor]=\"legend\">\r\n <mat-icon [inline]=\"true\">chevron_left</mat-icon>\r\n</button>\r\n\r\n<mat-menu #legend=\"matMenu\">\r\n <div cdkDropList class=\"example-list\" (cdkDropListDropped)=\"drop($event)\">\r\n <div class=\"example-box\" *ngFor=\"let item of LocationsList\" cdkDrag>{{ item.Title }}</div>\r\n </div>\r\n</mat-menu>\r\n",
styles: [".chevron-legend{background-color:transparent;border-width:0;outline:0;font-size:30px}.example-list{width:500px;max-width:100%;border:1px solid #ccc;min-height:60px;display:block;background:#fff;border-radius:4px;overflow:hidden}.example-box{padding:20px 10px;border-bottom:1px solid #ccc;color:rgba(0,0,0,.87);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1);transition:transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)}"]

@@ -258,3 +346,5 @@ }] }

/** @nocollapse */
LegendComponent.ctorParameters = function () { return []; };
LegendComponent.ctorParameters = function () { return [
{ type: MapService }
]; };
return LegendComponent;

@@ -317,4 +407,4 @@ }());

export { UsersStateManagerContext, UsersState, Constants, LandingPageComponent, LcuAmblOnModule, MyAtlasComponent, LegendComponent };
export { UsersStateManagerContext, UsersState, Constants, LandingPageComponent, LcuAmblOnModule, MyAtlasComponent, LegendComponent, LocationListModel, MapService };
//# sourceMappingURL=ambl-on-lcu-ambl-on-common.js.map

@@ -8,1 +8,3 @@ export * from './lib/state/users/users-state-manager.context';

export * from './lib/controls/legend/legend.component';
export * from './lib/models/location-list.model';
export * from './lib/services/map.service';
import { OnInit } from '@angular/core';
import { CdkDragDrop } from '@angular/cdk/drag-drop';
import { IndividualMap } from '@lowcodeunit/lcu-map-common';
import { LocationListModel } from '../../models/location-list.model';
import { MapService } from '../../services/map.service';
export declare class LegendComponent implements OnInit {
constructor();
LegendItems: Array<String>;
private mapService;
private mapList;
LocationsList: Array<LocationListModel>;
constructor(mapService: MapService);
ngOnInit(): void;
/**
*
* @param map the map config that is passed in
*
* this function loops through the map cofig and fills the LegendItems(this is what is displayed on the drop down)
*
* it also fills the locationList so when clicked it knows which lat and long to zoom in on.
*
*/
SetLocationList(map: IndividualMap): void;
drop(event: CdkDragDrop<string[]>): void;
ngOnInit(): void;
}
{
"name": "@ambl-on/lcu-ambl-on-common",
"version": "0.1.65-my-atlas",
"version": "0.1.66-my-atlas",
"peerDependencies": {

@@ -5,0 +5,0 @@ "@angular/common": "^7.2.0",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc