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

Comparing version 0.1.62-google-map to 0.1.63-my-atlas

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":"My Atlas","Url":"/map","Disabled":"false","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 movie of movies\" cdkDrag>{{ movie }}</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":{"drop":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}],"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":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"}

bundles/ambl-on-lcu-ambl-on-common.umd.js

@@ -242,3 +242,4 @@ (function (global, factory) {
             { Label: 'Home', Url: '/home', Disabled: 'false', Icon: 'home', },
-            { Label: 'My Atlas', Url: '/map', Disabled: 'false', Icon: 'public' },
+            { 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' },
@@ -315,3 +316,3 @@ { Label: 'My Top Lists', Url: 'www', Disabled: 'true', Icon: 'sort' },
         function LegendComponent() {
-            this.movies = [
+            this.LegendItems = [
                 'Episode I - The Phantom Menace',
@@ -336,10 +337,27 @@ 'Episode II - Attack of the Clones',
             function (event) {
-                dragDrop.moveItemInArray(this.movies, event.previousIndex, event.currentIndex);
+                dragDrop.moveItemInArray(this.LegendItems, 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 = /**
-         * @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 () { };
@@ -349,3 +367,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 movie of movies\" cdkDrag>{{ movie }}</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 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)}"]
@@ -352,0 +370,0 @@ }] }

bundles/ambl-on-lcu-ambl-on-common.umd.min.js

@@ -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:"My Atlas",Url:"/map",Disabled:"false",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 M=(I.prototype.ngOnInit=function(){},I.decorators=[{type:u.Component,args:[{selector:"lcu-my-atlas",template:"<p>\r\n  my-atlas works!\r\n</p>\r\n",styles:[""]}]}],I.ctorParameters=function(){return[]},I);function I(){}var k=(L.prototype.drop=function(e){s.moveItemInArray(this.movies,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 movie of movies" cdkDrag>{{ movie }}</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.movies=["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,M,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,M,k],entryComponents:[v,k,M]}]}],D);function D(){}e.UsersStateManagerContext=g,e.UsersState=y,e.Constants=x,e.LandingPageComponent=v,e.LcuAmblOnModule=A,e.MyAtlasComponent=M,e.LegendComponent=k,Object.defineProperty(e,"__esModule",{value:!0})});
+!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})});
 //# sourceMappingURL=ambl-on-lcu-ambl-on-common.umd.min.js.map

esm2015/lib/controls/legend/legend.component.js

@@ -9,3 +9,3 @@ /**
     constructor() {
-        this.movies = [
+        this.LegendItems = [
             'Episode I - The Phantom Menace',
@@ -26,4 +26,10 @@ 'Episode II - Attack of the Clones',
     drop(event) {
-        moveItemInArray(this.movies, event.previousIndex, event.currentIndex);
+        moveItemInArray(this.LegendItems, 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);
+    // }
     /**
@@ -37,3 +43,3 @@ * @return {?}
                 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 movie of movies\" cdkDrag>{{ movie }}</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 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)}"]
@@ -46,4 +52,4 @@ }] }
     /** @type {?} */
-    LegendComponent.prototype.movies;
+    LegendComponent.prototype.LegendItems;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVnZW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhbWJsLW9uL2xjdS1hbWJsLW9uLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxpYi9jb250cm9scy9sZWdlbmQvbGVnZW5kLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQWUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFRdEUsTUFBTSxPQUFPLGVBQWU7SUFlMUI7UUFkQSxXQUFNLEdBQUc7WUFDUCxnQ0FBZ0M7WUFDaEMsbUNBQW1DO1lBQ25DLG1DQUFtQztZQUNuQyx5QkFBeUI7WUFDekIscUNBQXFDO1lBQ3JDLGlDQUFpQztZQUNqQyxpQ0FBaUM7WUFDakMsOEJBQThCO1NBQy9CLENBQUM7SUFLYyxDQUFDOzs7OztJQUpqQixJQUFJLENBQUMsS0FBNEI7UUFDL0IsZUFBZSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLGFBQWEsRUFBRSxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDeEUsQ0FBQzs7OztJQUlGLFFBQVEsS0FBSSxDQUFDOzs7WUF0QmIsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0QiwrWkFBc0M7O2FBRXZDOzs7Ozs7SUFFQyxpQ0FTRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENka0RyYWdEcm9wLCBtb3ZlSXRlbUluQXJyYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xjdS1sZWdlbmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sZWdlbmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xlZ2VuZC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMZWdlbmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIG1vdmllcyA9IFtcclxuICAgICdFcGlzb2RlIEkgLSBUaGUgUGhhbnRvbSBNZW5hY2UnLFxyXG4gICAgJ0VwaXNvZGUgSUkgLSBBdHRhY2sgb2YgdGhlIENsb25lcycsXHJcbiAgICAnRXBpc29kZSBJSUkgLSBSZXZlbmdlIG9mIHRoZSBTaXRoJyxcclxuICAgICdFcGlzb2RlIElWIC0gQSBOZXcgSG9wZScsXHJcbiAgICAnRXBpc29kZSBWIC0gVGhlIEVtcGlyZSBTdHJpa2VzIEJhY2snLFxyXG4gICAgJ0VwaXNvZGUgVkkgLSBSZXR1cm4gb2YgdGhlIEplZGknLFxyXG4gICAgJ0VwaXNvZGUgVklJIC0gVGhlIEZvcmNlIEF3YWtlbnMnLFxyXG4gICAgJ0VwaXNvZGUgVklJSSAtIFRoZSBMYXN0IEplZGknXHJcbiAgXTtcclxuICBkcm9wKGV2ZW50OiBDZGtEcmFnRHJvcDxzdHJpbmdbXT4pIHtcclxuICAgIG1vdmVJdGVtSW5BcnJheSh0aGlzLm1vdmllcywgZXZlbnQucHJldmlvdXNJbmRleCwgZXZlbnQuY3VycmVudEluZGV4KTtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gbmdPbkluaXQoKSB7fVxyXG5cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVnZW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhbWJsLW9uL2xjdS1hbWJsLW9uLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxpYi9jb250cm9scy9sZWdlbmQvbGVnZW5kLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQWUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFRdEUsTUFBTSxPQUFPLGVBQWU7SUFDMUI7UUFDTyxnQkFBVyxHQUFpQjtZQUNqQyxnQ0FBZ0M7WUFDaEMsbUNBQW1DO1lBQ25DLG1DQUFtQztZQUNuQyx5QkFBeUI7WUFDekIscUNBQXFDO1lBQ3JDLGlDQUFpQztZQUNqQyxpQ0FBaUM7WUFDakMsOEJBQThCO1NBQy9CLENBQUM7SUFWYyxDQUFDOzs7OztJQVlqQixJQUFJLENBQUMsS0FBNEI7UUFDL0IsZUFBZSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLGFBQWEsRUFBRSxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDM0Usc0ZBQXNGO0lBQ3hGLENBQUM7Ozs7Ozs7OztJQVNGLFFBQVEsS0FBSSxDQUFDOzs7WUE5QmIsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0QixrYUFBc0M7O2FBRXZDOzs7Ozs7SUFHQyxzQ0FTRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENka0RyYWdEcm9wLCBtb3ZlSXRlbUluQXJyYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xjdS1sZWdlbmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sZWdlbmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xlZ2VuZC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMZWdlbmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcbiAgcHVibGljIExlZ2VuZEl0ZW1zOiBBcnJheTxTdHJpbmc+PSBbXHJcbiAgICAnRXBpc29kZSBJIC0gVGhlIFBoYW50b20gTWVuYWNlJyxcclxuICAgICdFcGlzb2RlIElJIC0gQXR0YWNrIG9mIHRoZSBDbG9uZXMnLFxyXG4gICAgJ0VwaXNvZGUgSUlJIC0gUmV2ZW5nZSBvZiB0aGUgU2l0aCcsXHJcbiAgICAnRXBpc29kZSBJViAtIEEgTmV3IEhvcGUnLFxyXG4gICAgJ0VwaXNvZGUgViAtIFRoZSBFbXBpcmUgU3RyaWtlcyBCYWNrJyxcclxuICAgICdFcGlzb2RlIFZJIC0gUmV0dXJuIG9mIHRoZSBKZWRpJyxcclxuICAgICdFcGlzb2RlIFZJSSAtIFRoZSBGb3JjZSBBd2FrZW5zJyxcclxuICAgICdFcGlzb2RlIFZJSUkgLSBUaGUgTGFzdCBKZWRpJ1xyXG4gIF07XHJcblxyXG4gIGRyb3AoZXZlbnQ6IENka0RyYWdEcm9wPHN0cmluZ1tdPikge1xyXG4gICAgbW92ZUl0ZW1JbkFycmF5KHRoaXMuTGVnZW5kSXRlbXMsIGV2ZW50LnByZXZpb3VzSW5kZXgsIGV2ZW50LmN1cnJlbnRJbmRleCk7XHJcbiAgICAvL3RoaXMuTW92ZUxvY2F0aW9uSW5BcnJheSh0aGlzLkxlZ2VuZEl0ZW1zLCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xyXG4gIH1cclxuLy8gcHVibGljIE1vdmVMb2NhdGlvbkluQXJyYXkoSXRlbUFycmF5OkFycmF5PFN0cmluZz4sIFByZXZJbmRleDpudW1iZXIsIEN1cnJJbmRleDpudW1iZXIpe1xyXG4vLyAgIHZhciBlbGVtZW50ID0gSXRlbUFycmF5W1ByZXZJbmRleF07XHJcbi8vICAgICBJdGVtQXJyYXkuc3BsaWNlKFByZXZJbmRleCwgMSk7XHJcbi8vICAgICBJdGVtQXJyYXkuc3BsaWNlKEN1cnJJbmRleCwgMCwgZWxlbWVudCk7XHJcbi8vIH1cclxuXHJcbiAgXHJcblxyXG4gbmdPbkluaXQoKSB7fVxyXG5cclxufVxyXG4iXX0=

esm2015/lib/utils/constants/constants.js

@@ -15,3 +15,4 @@ /**
     { Label: 'Home', Url: '/home', Disabled: 'false', Icon: 'home', },
-    { Label: 'My Atlas', Url: '/map', Disabled: 'false', Icon: 'public' },
+    { 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' },
@@ -27,2 +28,2 @@ { Label: 'My Top Lists', Url: 'www', Disabled: 'true', Icon: 'sort' },
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFtYmwtb24vbGN1LWFtYmwtb24tY29tbW9uLyIsInNvdXJjZXMiOlsibGliL3V0aWxzL2NvbnN0YW50cy9jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQU9BLE1BQU0sT0FBTyxTQUFTOztBQUNLLHdCQUFjLEdBQThCO0lBQy9ELEVBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUMsT0FBTyxFQUFFLFFBQVEsRUFBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sR0FBRTtJQUM3RCxFQUFDLEtBQUssRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUM7SUFDakUsRUFBQyxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsR0FBRyxFQUFDLEtBQUssRUFBRSxRQUFRLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUM7SUFDbkUsRUFBQyxLQUFLLEVBQUUsY0FBYyxFQUFFLEdBQUcsRUFBQyxLQUFLLEVBQUUsUUFBUSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFDO0lBQ2pFLEVBQUMsS0FBSyxFQUFFLFdBQVcsRUFBRSxHQUFHLEVBQUMsS0FBSyxFQUFFLFFBQVEsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLGVBQWUsRUFBQztJQUN2RSxFQUFDLEtBQUssRUFBRSxZQUFZLEVBQUUsR0FBRyxFQUFDLEtBQUssRUFBRSxRQUFRLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUM7SUFDaEUsRUFBQyxLQUFLLEVBQUUsWUFBWSxFQUFFLEdBQUcsRUFBQyxLQUFLLEVBQUUsUUFBUSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFDO0NBQUMsQ0FBQzs7O0lBUHZFLHlCQU91RSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEhhbWJ1cmdlck1lbnVNb2RlbCB9IGZyb20gJ0Bsb3djb2RldW5pdC9sY3UtaGFtYnVyZ2VyLW1lbnUtY29tbW9uJztcclxuLy8gQGR5bmFtaWNcclxuLyoqXHJcbiogQGR5bmFtaWMgaXMgdXNlZCBiZWNhdXNlIHRoaXMgY2xhc3MgY29udGFpbnMgc3RhdGljIHByb3BlcnRpZXNcclxuKlxyXG4qIFVzZWQgdG8gYnVpbGQgdGhlIGl0ZW1zIGluIHRoZSBoYW1idXJnZXIgbWVudVxyXG4qL1xyXG5leHBvcnQgY2xhc3MgQ29uc3RhbnRze1xyXG4gICAgcHVibGljIHN0YXRpYyByZWFkb25seSBWQVJfTkFNRVNfTUVOVTogQXJyYXk8SGFtYnVyZ2VyTWVudU1vZGVsPiA9IFtcclxuICAgICAgICB7TGFiZWw6ICdIb21lJywgVXJsOicvaG9tZScsIERpc2FibGVkOidmYWxzZScsIEljb246ICdob21lJyx9LFxyXG4gICAgICAgIHtMYWJlbDogJ015IEF0bGFzJywgVXJsOicvbWFwJywgRGlzYWJsZWQ6J2ZhbHNlJywgSWNvbjogJ3B1YmxpYyd9LFxyXG4gICAgICAgIHtMYWJlbDogJ015IEl0ZW5lcmFycmllcycsIFVybDond3d3JywgRGlzYWJsZWQ6J3RydWUnLCBJY29uOiAnbWFwJ30sXHJcbiAgICAgICAge0xhYmVsOiAnTXkgVG9wIExpc3RzJywgVXJsOid3d3cnLCBEaXNhYmxlZDondHJ1ZScsIEljb246ICdzb3J0J30sXHJcbiAgICAgICAge0xhYmVsOiAnTXkgQWxidW1zJywgVXJsOid3d3cnLCBEaXNhYmxlZDondHJ1ZScsIEljb246ICdwaG90b19saWJyYXJ5J30sXHJcbiAgICAgICAge0xhYmVsOiAnTXkgRnJpZW5kcycsIFVybDond3d3JywgRGlzYWJsZWQ6J3RydWUnLCBJY29uOiAnZ3JvdXAnfSxcclxuICAgICAgICB7TGFiZWw6ICdNeSBQcm9maWxlJywgVXJsOid3d3cnLCBEaXNhYmxlZDondHJ1ZScsIEljb246ICdwZXJzb24nfV07XHJcbn0iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFtYmwtb24vbGN1LWFtYmwtb24tY29tbW9uLyIsInNvdXJjZXMiOlsibGliL3V0aWxzL2NvbnN0YW50cy9jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQU9BLE1BQU0sT0FBTyxTQUFTOztBQUNLLHdCQUFjLEdBQThCO0lBQy9ELEVBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUMsT0FBTyxFQUFFLFFBQVEsRUFBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sR0FBRTtJQUM3RCxFQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUM7SUFDNUQsRUFBQyxLQUFLLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBQyxNQUFNLEVBQUUsUUFBUSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFDO0lBQ2hFLEVBQUMsS0FBSyxFQUFFLGlCQUFpQixFQUFFLEdBQUcsRUFBQyxLQUFLLEVBQUUsUUFBUSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFDO0lBQ25FLEVBQUMsS0FBSyxFQUFFLGNBQWMsRUFBRSxHQUFHLEVBQUMsS0FBSyxFQUFFLFFBQVEsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBQztJQUNqRSxFQUFDLEtBQUssRUFBRSxXQUFXLEVBQUUsR0FBRyxFQUFDLEtBQUssRUFBRSxRQUFRLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxlQUFlLEVBQUM7SUFDdkUsRUFBQyxLQUFLLEVBQUUsWUFBWSxFQUFFLEdBQUcsRUFBQyxLQUFLLEVBQUUsUUFBUSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFDO0lBQ2hFLEVBQUMsS0FBSyxFQUFFLFlBQVksRUFBRSxHQUFHLEVBQUMsS0FBSyxFQUFFLFFBQVEsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBQztDQUFDLENBQUM7OztJQVJ2RSx5QkFRdUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBIYW1idXJnZXJNZW51TW9kZWwgfSBmcm9tICdAbG93Y29kZXVuaXQvbGN1LWhhbWJ1cmdlci1tZW51LWNvbW1vbic7XHJcbi8vIEBkeW5hbWljXHJcbi8qKlxyXG4qIEBkeW5hbWljIGlzIHVzZWQgYmVjYXVzZSB0aGlzIGNsYXNzIGNvbnRhaW5zIHN0YXRpYyBwcm9wZXJ0aWVzXHJcbipcclxuKiBVc2VkIHRvIGJ1aWxkIHRoZSBpdGVtcyBpbiB0aGUgaGFtYnVyZ2VyIG1lbnVcclxuKi9cclxuZXhwb3J0IGNsYXNzIENvbnN0YW50c3tcclxuICAgIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgVkFSX05BTUVTX01FTlU6IEFycmF5PEhhbWJ1cmdlck1lbnVNb2RlbD4gPSBbXHJcbiAgICAgICAge0xhYmVsOiAnSG9tZScsIFVybDonL2hvbWUnLCBEaXNhYmxlZDonZmFsc2UnLCBJY29uOiAnaG9tZScsfSxcclxuICAgICAgICB7TGFiZWw6ICdNYXAnLCBVcmw6Jy9tYXAnLCBEaXNhYmxlZDonZmFsc2UnLCBJY29uOiAncHVibGljJ30sXHJcbiAgICAgICAge0xhYmVsOiAnTXkgQXRsYXMnLCBVcmw6Jy9tYXAnLCBEaXNhYmxlZDondHJ1ZScsIEljb246ICdwdWJsaWMnfSxcclxuICAgICAgICB7TGFiZWw6ICdNeSBJdGVuZXJhcnJpZXMnLCBVcmw6J3d3dycsIERpc2FibGVkOid0cnVlJywgSWNvbjogJ21hcCd9LFxyXG4gICAgICAgIHtMYWJlbDogJ015IFRvcCBMaXN0cycsIFVybDond3d3JywgRGlzYWJsZWQ6J3RydWUnLCBJY29uOiAnc29ydCd9LFxyXG4gICAgICAgIHtMYWJlbDogJ015IEFsYnVtcycsIFVybDond3d3JywgRGlzYWJsZWQ6J3RydWUnLCBJY29uOiAncGhvdG9fbGlicmFyeSd9LFxyXG4gICAgICAgIHtMYWJlbDogJ015IEZyaWVuZHMnLCBVcmw6J3d3dycsIERpc2FibGVkOid0cnVlJywgSWNvbjogJ2dyb3VwJ30sXHJcbiAgICAgICAge0xhYmVsOiAnTXkgUHJvZmlsZScsIFVybDond3d3JywgRGlzYWJsZWQ6J3RydWUnLCBJY29uOiAncGVyc29uJ31dO1xyXG59Il19

esm5/lib/controls/legend/legend.component.js

@@ -9,3 +9,3 @@ /**
     function LegendComponent() {
-        this.movies = [
+        this.LegendItems = [
             'Episode I - The Phantom Menace',
@@ -30,8 +30,25 @@ 'Episode II - Attack of the Clones',
     function (event) {
-        moveItemInArray(this.movies, event.previousIndex, event.currentIndex);
+        moveItemInArray(this.LegendItems, 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 = /**
+    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 {?}
@@ -43,3 +60,3 @@ */
                     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 movie of movies\" cdkDrag>{{ movie }}</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 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)}"]
@@ -55,4 +72,4 @@ }] }
     /** @type {?} */
-    LegendComponent.prototype.movies;
+    LegendComponent.prototype.LegendItems;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVnZW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhbWJsLW9uL2xjdS1hbWJsLW9uLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxpYi9jb250cm9scy9sZWdlbmQvbGVnZW5kLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQWUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFHdEU7SUFvQkU7UUFkQSxXQUFNLEdBQUc7WUFDUCxnQ0FBZ0M7WUFDaEMsbUNBQW1DO1lBQ25DLG1DQUFtQztZQUNuQyx5QkFBeUI7WUFDekIscUNBQXFDO1lBQ3JDLGlDQUFpQztZQUNqQyxpQ0FBaUM7WUFDakMsOEJBQThCO1NBQy9CLENBQUM7SUFLYyxDQUFDOzs7OztJQUpqQiw4QkFBSTs7OztJQUFKLFVBQUssS0FBNEI7UUFDL0IsZUFBZSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLGFBQWEsRUFBRSxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDeEUsQ0FBQzs7OztJQUlGLGtDQUFROzs7SUFBUixjQUFZLENBQUM7O2dCQXRCYixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLCtaQUFzQzs7aUJBRXZDOzs7O0lBb0JELHNCQUFDO0NBQUEsQUF4QkQsSUF3QkM7U0FuQlksZUFBZTs7O0lBQzFCLGlDQVNFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ2RrRHJhZ0Ryb3AsIG1vdmVJdGVtSW5BcnJheSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGN1LWxlZ2VuZCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xlZ2VuZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbGVnZW5kLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIExlZ2VuZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgbW92aWVzID0gW1xyXG4gICAgJ0VwaXNvZGUgSSAtIFRoZSBQaGFudG9tIE1lbmFjZScsXHJcbiAgICAnRXBpc29kZSBJSSAtIEF0dGFjayBvZiB0aGUgQ2xvbmVzJyxcclxuICAgICdFcGlzb2RlIElJSSAtIFJldmVuZ2Ugb2YgdGhlIFNpdGgnLFxyXG4gICAgJ0VwaXNvZGUgSVYgLSBBIE5ldyBIb3BlJyxcclxuICAgICdFcGlzb2RlIFYgLSBUaGUgRW1waXJlIFN0cmlrZXMgQmFjaycsXHJcbiAgICAnRXBpc29kZSBWSSAtIFJldHVybiBvZiB0aGUgSmVkaScsXHJcbiAgICAnRXBpc29kZSBWSUkgLSBUaGUgRm9yY2UgQXdha2VucycsXHJcbiAgICAnRXBpc29kZSBWSUlJIC0gVGhlIExhc3QgSmVkaSdcclxuICBdO1xyXG4gIGRyb3AoZXZlbnQ6IENka0RyYWdEcm9wPHN0cmluZ1tdPikge1xyXG4gICAgbW92ZUl0ZW1JbkFycmF5KHRoaXMubW92aWVzLCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiBuZ09uSW5pdCgpIHt9XHJcblxyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVnZW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhbWJsLW9uL2xjdS1hbWJsLW9uLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxpYi9jb250cm9scy9sZWdlbmQvbGVnZW5kLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQWUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFHdEU7SUFNRTtRQUNPLGdCQUFXLEdBQWlCO1lBQ2pDLGdDQUFnQztZQUNoQyxtQ0FBbUM7WUFDbkMsbUNBQW1DO1lBQ25DLHlCQUF5QjtZQUN6QixxQ0FBcUM7WUFDckMsaUNBQWlDO1lBQ2pDLGlDQUFpQztZQUNqQyw4QkFBOEI7U0FDL0IsQ0FBQztJQVZjLENBQUM7Ozs7O0lBWWpCLDhCQUFJOzs7O0lBQUosVUFBSyxLQUE0QjtRQUMvQixlQUFlLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxLQUFLLENBQUMsYUFBYSxFQUFFLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUMzRSxzRkFBc0Y7SUFDeEYsQ0FBQztJQUNILDJGQUEyRjtJQUMzRix3Q0FBd0M7SUFDeEMsc0NBQXNDO0lBQ3RDLCtDQUErQztJQUMvQyxJQUFJOzs7Ozs7Ozs7SUFJSCxrQ0FBUTs7Ozs7Ozs7O0lBQVIsY0FBWSxDQUFDOztnQkE5QmIsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxZQUFZO29CQUN0QixrYUFBc0M7O2lCQUV2Qzs7OztJQTRCRCxzQkFBQztDQUFBLEFBaENELElBZ0NDO1NBM0JZLGVBQWU7OztJQUUxQixzQ0FTRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENka0RyYWdEcm9wLCBtb3ZlSXRlbUluQXJyYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xjdS1sZWdlbmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sZWdlbmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xlZ2VuZC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMZWdlbmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcbiAgcHVibGljIExlZ2VuZEl0ZW1zOiBBcnJheTxTdHJpbmc+PSBbXHJcbiAgICAnRXBpc29kZSBJIC0gVGhlIFBoYW50b20gTWVuYWNlJyxcclxuICAgICdFcGlzb2RlIElJIC0gQXR0YWNrIG9mIHRoZSBDbG9uZXMnLFxyXG4gICAgJ0VwaXNvZGUgSUlJIC0gUmV2ZW5nZSBvZiB0aGUgU2l0aCcsXHJcbiAgICAnRXBpc29kZSBJViAtIEEgTmV3IEhvcGUnLFxyXG4gICAgJ0VwaXNvZGUgViAtIFRoZSBFbXBpcmUgU3RyaWtlcyBCYWNrJyxcclxuICAgICdFcGlzb2RlIFZJIC0gUmV0dXJuIG9mIHRoZSBKZWRpJyxcclxuICAgICdFcGlzb2RlIFZJSSAtIFRoZSBGb3JjZSBBd2FrZW5zJyxcclxuICAgICdFcGlzb2RlIFZJSUkgLSBUaGUgTGFzdCBKZWRpJ1xyXG4gIF07XHJcblxyXG4gIGRyb3AoZXZlbnQ6IENka0RyYWdEcm9wPHN0cmluZ1tdPikge1xyXG4gICAgbW92ZUl0ZW1JbkFycmF5KHRoaXMuTGVnZW5kSXRlbXMsIGV2ZW50LnByZXZpb3VzSW5kZXgsIGV2ZW50LmN1cnJlbnRJbmRleCk7XHJcbiAgICAvL3RoaXMuTW92ZUxvY2F0aW9uSW5BcnJheSh0aGlzLkxlZ2VuZEl0ZW1zLCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xyXG4gIH1cclxuLy8gcHVibGljIE1vdmVMb2NhdGlvbkluQXJyYXkoSXRlbUFycmF5OkFycmF5PFN0cmluZz4sIFByZXZJbmRleDpudW1iZXIsIEN1cnJJbmRleDpudW1iZXIpe1xyXG4vLyAgIHZhciBlbGVtZW50ID0gSXRlbUFycmF5W1ByZXZJbmRleF07XHJcbi8vICAgICBJdGVtQXJyYXkuc3BsaWNlKFByZXZJbmRleCwgMSk7XHJcbi8vICAgICBJdGVtQXJyYXkuc3BsaWNlKEN1cnJJbmRleCwgMCwgZWxlbWVudCk7XHJcbi8vIH1cclxuXHJcbiAgXHJcblxyXG4gbmdPbkluaXQoKSB7fVxyXG5cclxufVxyXG4iXX0=

esm5/lib/utils/constants/constants.js

@@ -16,3 +16,4 @@ /**
         { Label: 'Home', Url: '/home', Disabled: 'false', Icon: 'home', },
-        { Label: 'My Atlas', Url: '/map', Disabled: 'false', Icon: 'public' },
+        { 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' },
@@ -31,2 +32,2 @@ { Label: 'My Top Lists', Url: 'www', Disabled: 'true', Icon: 'sort' },
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFtYmwtb24vbGN1LWFtYmwtb24tY29tbW9uLyIsInNvdXJjZXMiOlsibGliL3V0aWxzL2NvbnN0YW50cy9jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQU9BO0lBQUE7SUFTQSxDQUFDO0lBUjBCLHdCQUFjLEdBQThCO1FBQy9ELEVBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUMsT0FBTyxFQUFFLFFBQVEsRUFBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sR0FBRTtRQUM3RCxFQUFDLEtBQUssRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUM7UUFDakUsRUFBQyxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsR0FBRyxFQUFDLEtBQUssRUFBRSxRQUFRLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUM7UUFDbkUsRUFBQyxLQUFLLEVBQUUsY0FBYyxFQUFFLEdBQUcsRUFBQyxLQUFLLEVBQUUsUUFBUSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFDO1FBQ2pFLEVBQUMsS0FBSyxFQUFFLFdBQVcsRUFBRSxHQUFHLEVBQUMsS0FBSyxFQUFFLFFBQVEsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLGVBQWUsRUFBQztRQUN2RSxFQUFDLEtBQUssRUFBRSxZQUFZLEVBQUUsR0FBRyxFQUFDLEtBQUssRUFBRSxRQUFRLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUM7UUFDaEUsRUFBQyxLQUFLLEVBQUUsWUFBWSxFQUFFLEdBQUcsRUFBQyxLQUFLLEVBQUUsUUFBUSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFDO0tBQUMsQ0FBQztJQUMzRSxnQkFBQztDQUFBLEFBVEQsSUFTQztTQVRZLFNBQVM7OztJQUNsQix5QkFPdUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBIYW1idXJnZXJNZW51TW9kZWwgfSBmcm9tICdAbG93Y29kZXVuaXQvbGN1LWhhbWJ1cmdlci1tZW51LWNvbW1vbic7XHJcbi8vIEBkeW5hbWljXHJcbi8qKlxyXG4qIEBkeW5hbWljIGlzIHVzZWQgYmVjYXVzZSB0aGlzIGNsYXNzIGNvbnRhaW5zIHN0YXRpYyBwcm9wZXJ0aWVzXHJcbipcclxuKiBVc2VkIHRvIGJ1aWxkIHRoZSBpdGVtcyBpbiB0aGUgaGFtYnVyZ2VyIG1lbnVcclxuKi9cclxuZXhwb3J0IGNsYXNzIENvbnN0YW50c3tcclxuICAgIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgVkFSX05BTUVTX01FTlU6IEFycmF5PEhhbWJ1cmdlck1lbnVNb2RlbD4gPSBbXHJcbiAgICAgICAge0xhYmVsOiAnSG9tZScsIFVybDonL2hvbWUnLCBEaXNhYmxlZDonZmFsc2UnLCBJY29uOiAnaG9tZScsfSxcclxuICAgICAgICB7TGFiZWw6ICdNeSBBdGxhcycsIFVybDonL21hcCcsIERpc2FibGVkOidmYWxzZScsIEljb246ICdwdWJsaWMnfSxcclxuICAgICAgICB7TGFiZWw6ICdNeSBJdGVuZXJhcnJpZXMnLCBVcmw6J3d3dycsIERpc2FibGVkOid0cnVlJywgSWNvbjogJ21hcCd9LFxyXG4gICAgICAgIHtMYWJlbDogJ015IFRvcCBMaXN0cycsIFVybDond3d3JywgRGlzYWJsZWQ6J3RydWUnLCBJY29uOiAnc29ydCd9LFxyXG4gICAgICAgIHtMYWJlbDogJ015IEFsYnVtcycsIFVybDond3d3JywgRGlzYWJsZWQ6J3RydWUnLCBJY29uOiAncGhvdG9fbGlicmFyeSd9LFxyXG4gICAgICAgIHtMYWJlbDogJ015IEZyaWVuZHMnLCBVcmw6J3d3dycsIERpc2FibGVkOid0cnVlJywgSWNvbjogJ2dyb3VwJ30sXHJcbiAgICAgICAge0xhYmVsOiAnTXkgUHJvZmlsZScsIFVybDond3d3JywgRGlzYWJsZWQ6J3RydWUnLCBJY29uOiAncGVyc29uJ31dO1xyXG59Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFtYmwtb24vbGN1LWFtYmwtb24tY29tbW9uLyIsInNvdXJjZXMiOlsibGliL3V0aWxzL2NvbnN0YW50cy9jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQU9BO0lBQUE7SUFVQSxDQUFDO0lBVDBCLHdCQUFjLEdBQThCO1FBQy9ELEVBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUMsT0FBTyxFQUFFLFFBQVEsRUFBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sR0FBRTtRQUM3RCxFQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUM7UUFDNUQsRUFBQyxLQUFLLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBQyxNQUFNLEVBQUUsUUFBUSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFDO1FBQ2hFLEVBQUMsS0FBSyxFQUFFLGlCQUFpQixFQUFFLEdBQUcsRUFBQyxLQUFLLEVBQUUsUUFBUSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFDO1FBQ25FLEVBQUMsS0FBSyxFQUFFLGNBQWMsRUFBRSxHQUFHLEVBQUMsS0FBSyxFQUFFLFFBQVEsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBQztRQUNqRSxFQUFDLEtBQUssRUFBRSxXQUFXLEVBQUUsR0FBRyxFQUFDLEtBQUssRUFBRSxRQUFRLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxlQUFlLEVBQUM7UUFDdkUsRUFBQyxLQUFLLEVBQUUsWUFBWSxFQUFFLEdBQUcsRUFBQyxLQUFLLEVBQUUsUUFBUSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFDO1FBQ2hFLEVBQUMsS0FBSyxFQUFFLFlBQVksRUFBRSxHQUFHLEVBQUMsS0FBSyxFQUFFLFFBQVEsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBQztLQUFDLENBQUM7SUFDM0UsZ0JBQUM7Q0FBQSxBQVZELElBVUM7U0FWWSxTQUFTOzs7SUFDbEIseUJBUXVFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSGFtYnVyZ2VyTWVudU1vZGVsIH0gZnJvbSAnQGxvd2NvZGV1bml0L2xjdS1oYW1idXJnZXItbWVudS1jb21tb24nO1xyXG4vLyBAZHluYW1pY1xyXG4vKipcclxuKiBAZHluYW1pYyBpcyB1c2VkIGJlY2F1c2UgdGhpcyBjbGFzcyBjb250YWlucyBzdGF0aWMgcHJvcGVydGllc1xyXG4qXHJcbiogVXNlZCB0byBidWlsZCB0aGUgaXRlbXMgaW4gdGhlIGhhbWJ1cmdlciBtZW51XHJcbiovXHJcbmV4cG9ydCBjbGFzcyBDb25zdGFudHN7XHJcbiAgICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IFZBUl9OQU1FU19NRU5VOiBBcnJheTxIYW1idXJnZXJNZW51TW9kZWw+ID0gW1xyXG4gICAgICAgIHtMYWJlbDogJ0hvbWUnLCBVcmw6Jy9ob21lJywgRGlzYWJsZWQ6J2ZhbHNlJywgSWNvbjogJ2hvbWUnLH0sXHJcbiAgICAgICAge0xhYmVsOiAnTWFwJywgVXJsOicvbWFwJywgRGlzYWJsZWQ6J2ZhbHNlJywgSWNvbjogJ3B1YmxpYyd9LFxyXG4gICAgICAgIHtMYWJlbDogJ015IEF0bGFzJywgVXJsOicvbWFwJywgRGlzYWJsZWQ6J3RydWUnLCBJY29uOiAncHVibGljJ30sXHJcbiAgICAgICAge0xhYmVsOiAnTXkgSXRlbmVyYXJyaWVzJywgVXJsOid3d3cnLCBEaXNhYmxlZDondHJ1ZScsIEljb246ICdtYXAnfSxcclxuICAgICAgICB7TGFiZWw6ICdNeSBUb3AgTGlzdHMnLCBVcmw6J3d3dycsIERpc2FibGVkOid0cnVlJywgSWNvbjogJ3NvcnQnfSxcclxuICAgICAgICB7TGFiZWw6ICdNeSBBbGJ1bXMnLCBVcmw6J3d3dycsIERpc2FibGVkOid0cnVlJywgSWNvbjogJ3Bob3RvX2xpYnJhcnknfSxcclxuICAgICAgICB7TGFiZWw6ICdNeSBGcmllbmRzJywgVXJsOid3d3cnLCBEaXNhYmxlZDondHJ1ZScsIEljb246ICdncm91cCd9LFxyXG4gICAgICAgIHtMYWJlbDogJ015IFByb2ZpbGUnLCBVcmw6J3d3dycsIERpc2FibGVkOid0cnVlJywgSWNvbjogJ3BlcnNvbid9XTtcclxufSJdfQ==

fesm2015/ambl-on-lcu-ambl-on-common.js

@@ -101,3 +101,4 @@ import { __awaiter } from 'tslib';
     { Label: 'Home', Url: '/home', Disabled: 'false', Icon: 'home', },
-    { Label: 'My Atlas', Url: '/map', Disabled: 'false', Icon: 'public' },
+    { 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' },
@@ -163,3 +164,3 @@ { Label: 'My Top Lists', Url: 'www', Disabled: 'true', Icon: 'sort' },
     constructor() {
-        this.movies = [
+        this.LegendItems = [
             'Episode I - The Phantom Menace',
@@ -180,4 +181,10 @@ 'Episode II - Attack of the Clones',
     drop(event) {
-        moveItemInArray(this.movies, event.previousIndex, event.currentIndex);
+        moveItemInArray(this.LegendItems, 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);
+    // }
     /**
@@ -191,3 +198,3 @@ * @return {?}
                 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 movie of movies\" cdkDrag>{{ movie }}</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 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)}"]
@@ -194,0 +201,0 @@ }] }

fesm5/ambl-on-lcu-ambl-on-common.js

@@ -130,3 +130,4 @@ import { __extends, __awaiter, __generator } from 'tslib';
         { Label: 'Home', Url: '/home', Disabled: 'false', Icon: 'home', },
-        { Label: 'My Atlas', Url: '/map', Disabled: 'false', Icon: 'public' },
+        { 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' },
@@ -203,3 +204,3 @@ { Label: 'My Top Lists', Url: 'www', Disabled: 'true', Icon: 'sort' },
     function LegendComponent() {
-        this.movies = [
+        this.LegendItems = [
             'Episode I - The Phantom Menace',
@@ -224,8 +225,25 @@ 'Episode II - Attack of the Clones',
     function (event) {
-        moveItemInArray(this.movies, event.previousIndex, event.currentIndex);
+        moveItemInArray(this.LegendItems, 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 = /**
+    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 {?}
@@ -237,3 +255,3 @@ */
                     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 movie of movies\" cdkDrag>{{ movie }}</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 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)}"]
@@ -240,0 +258,0 @@ }] }

lib/controls/legend/legend.component.d.ts

 import { OnInit } from '@angular/core';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 export declare class LegendComponent implements OnInit {
-    movies: string[];
+    constructor();
+    LegendItems: Array<String>;
     drop(event: CdkDragDrop<string[]>): void;
-    constructor();
     ngOnInit(): void;
 }

package.json

 {
   "name": "@ambl-on/lcu-ambl-on-common",
-  "version": "0.1.62-google-map",
+  "version": "0.1.63-my-atlas",
   "peerDependencies": {
@@ -5,0 +5,0 @@ "@angular/common": "^7.2.0",

No alert changes

Improved metrics

Total package byte prevSize

186987

increased by4.28%

Lines of code

1746

increased by4.05%

No dependency changes