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

Comparing version 0.1.38-google-map to 0.1.39-landing-page

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":{}},"HamburgerMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lcu-hamburger-menu","template":"<!-- <nav class=\"hamburger-nav\"> -->\r\n  <button class=\"hamburger-menu\" mat-icon-button [matMenuTriggerFor]=\"menu\">\r\n    <mat-icon [inline]=\"true\">menu</mat-icon>\r\n  </button>\r\n  <!-- Builds the hamburger menu from the item in the constants.ts file-->\r\n  <mat-menu #menu=\"matMenu\">\r\n    <button class=\"item-button\" mat-menu-item  *ngFor= \"let item of MenuItems\" [disabled]= item.Disabled routerLink={{item.Url}}>\r\n      <mat-icon>{{ item.Icon }}</mat-icon>\r\n      <span>{{ item.Label }}</span>\r\n    </button>\r\n  </mat-menu>\r\n<!-- </nav> -->","styles":[".hamburger-menu{background-color:transparent;border-width:0;outline:0;font-size:30px}"]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"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"}]}},"Constants":{"__symbolic":"class","members":{},"statics":{"VAR_NAMES_MENU":[{"Label":"Home","Icon":"home","Url":"/home","Disabled":"false"},{"Label":"My Atlas","Icon":"public","Url":"/map","Disabled":"false"},{"Label":"My Itenerarries","Icon":"map","Url":"www","Disabled":"true"},{"Label":"My Top Lists","Icon":"sort","Url":"www","Disabled":"true"},{"Label":"My Albums","Icon":"photo_library","Url":"www","Disabled":"true"},{"Label":"My Friends","Icon":"group","Url":"www","Disabled":"true"},{"Label":"My Profile","Icon":"person","Url":"www","Disabled":"true"}]}},"HamburgerMenuModel":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"}]}]}},"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":"HamburgerMenuComponent"},{"__symbolic":"reference","name":"MapComponent"},{"__symbolic":"reference","name":"AddMapMarkerComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":24,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@agm/core","name":"AgmCoreModule","line":25,"character":4},"member":"forRoot"},"arguments":[{"apiKey":"AIzaSyCvvqYY9pMUpRSKl721rPEiN4KlKIpCImg"}]},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatSelectModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatDialogModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":30,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatFormFieldModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":33,"character":4}],"exports":[{"__symbolic":"reference","name":"LandingPageComponent"},{"__symbolic":"reference","name":"HamburgerMenuComponent"},{"__symbolic":"reference","name":"MapComponent"},{"__symbolic":"reference","name":"AddMapMarkerComponent"},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":35,"character":95}],"entryComponents":[{"__symbolic":"reference","name":"LandingPageComponent"},{"__symbolic":"reference","name":"HamburgerMenuComponent"},{"__symbolic":"reference","name":"AddMapMarkerComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"LcuAmblOnModule"},"providers":[{"__symbolic":"reference","name":"UsersStateManagerContext"}]}}}},"IndividualMap":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"IndividualMap"}]}]}},"MapMarker":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MapMarker"}]}]}},"MapComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"lcu-map","template":"<div class=\"icon-list\">\r\n  <div>\r\n    <div class=\"top-icon-set\">\r\n      <mat-icon class=\"hamburger-icon\">menu</mat-icon>\r\n      <mat-icon class=\"chevron-icon\">chevron_left</mat-icon>\r\n    </div>\r\n    <div class=\"bottom-icon-set\" fxLayoutAlign.lt-sm=\"flex-start\" fxLayoutAlign=\"space-around\" fxLayoutGap.lt-sm=\"50px\">\r\n      <mat-icon>search</mat-icon>\r\n      <mat-icon >add</mat-icon>\r\n      <mat-icon>layers</mat-icon>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<agm-map [latitude]=\"CurrentMapModel.origin.lat\" [longitude]=\"CurrentMapModel.origin.lng\" [title]=\"CurrentMapModel.title\" [zoom]=\"CurrentMapModel.zoom\"\r\n  (mapClick)=\"OnChoseLocation($event)\">\r\n  <div *ngFor=\"let marker of CurrentMapModel.locationList\">\r\n    <agm-marker [latitude]=\"marker.lat\" [longitude]=\"marker.lng\" [title]=\"marker.title\" [iconUrl]=\"marker.icon\"></agm-marker>\r\n  </div>\r\n</agm-map>\r\n\r\n","styles":["mat-icon{font-size:30px}.icon-list{padding:5px}.hamburger-icon{position:absolute;left:10px}@media (max-width:600px){.hamburger-icon{position:relative}}.chevron-icon{position:absolute;right:10px}.bottom-icon-set{width:80%;margin:auto}@media (max-width:600px){.bottom-icon-set{margin-left:10px}}agm-map{height:700px}"]}]}],"members":{"mapModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":45,"character":30},{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"OnChoseLocation":[{"__symbolic":"method"}]}},"AddMapMarkerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"lcu-add-map-marker","template":"<h1 mat-dialog-title>Add a marker here?</h1>\r\n\r\n\r\n<mat-dialog-content>\r\n  <form fxLayout=\"column\" fxLayoutAlign=\"center center\" [formGroup]=\"NewMarkerForm\" fxLayoutGap=\"30px\">\r\n    <h4>Marker Title:</h4>\r\n    <mat-form-field>\r\n      <input type=\"text\" matInput formControlName=\"title\">\r\n      <mat-hint>The title for the map marker</mat-hint>\r\n      <mat-error>Invalid or missing title</mat-error>\r\n    </mat-form-field>\r\n\r\n    <h4>Choose Icon:</h4>\r\n    <mat-form-field>\r\n      <mat-label>Icon</mat-label>\r\n      <mat-select formControlName=\"icon\">\r\n        <mat-option *ngFor=\"let icon of IconList\" [value]=\"icon\">{{icon}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n  </form>\r\n</mat-dialog-content>\r\n\r\n\r\n<button mat-raised-button color=\"primary\" [mat-dialog-close]=\"NewMarker\" (click)=\"SetMarkerData()\"\r\n  [disabled]=\"NewMarkerForm.invalid\">Add Marker</button>\r\n<button mat-raised-button color=\"accent\" [mat-dialog-close]=\"false\">Cancel</button>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":32,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":32,"character":22}]}],null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"SetMarkerData":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ConvertIconUrl":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}}},"origins":{"UsersStateManagerContext":"./lib/state/users/users-state-manager.context","UsersState":"./lib/state/users/users-state.model","HamburgerMenuComponent":"./lib/controls/hamburger-menu/hamburger-menu.component","LandingPageComponent":"./lib/controls/landing-page/landing-page.component","Constants":"./lib/utils/constants/constants","HamburgerMenuModel":"./lib/models/hamburger-menu.model","LcuAmblOnModule":"./lib/lcu-ambl-on.module","IndividualMap":"./lib/models/individual-map.model","MapMarker":"./lib/models/map-marker.model","MapComponent":"./lib/controls/map/map.component","AddMapMarkerComponent":"./lib/controls/map/add-map-marker/add-map-marker.component","ɵa":"./lib/services/map.service"},"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":{}},"HamburgerMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lcu-hamburger-menu","template":"<!-- <nav class=\"hamburger-nav\"> -->\r\n  <button class=\"hamburger-menu\" mat-icon-button [matMenuTriggerFor]=\"menu\">\r\n    <mat-icon [inline]=\"true\">menu</mat-icon>\r\n  </button>\r\n  <!-- Builds the hamburger menu from the item in the constants.ts file-->\r\n  <mat-menu #menu=\"matMenu\">\r\n    <button class=\"item-button\" mat-menu-item  *ngFor= \"let item of MenuItems\" [disabled]= item.Disabled routerLink={{item.Url}}>\r\n      <mat-icon>{{ item.Icon }}</mat-icon>\r\n      <span>{{ item.Label }}</span>\r\n    </button>\r\n  </mat-menu>\r\n<!-- </nav> -->","styles":[".hamburger-menu{background-color:transparent;border-width:0;outline:0;font-size:30px}"]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"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"}]}},"Constants":{"__symbolic":"class","members":{},"statics":{"VAR_NAMES_MENU":[{"Label":"Home","Icon":"home","Url":"/home","Disabled":"false"},{"Label":"My Atlas","Icon":"public","Url":"/map","Disabled":"false"},{"Label":"My Itenerarries","Icon":"map","Url":"www","Disabled":"true"},{"Label":"My Top Lists","Icon":"sort","Url":"www","Disabled":"true"},{"Label":"My Albums","Icon":"photo_library","Url":"www","Disabled":"true"},{"Label":"My Friends","Icon":"group","Url":"www","Disabled":"true"},{"Label":"My Profile","Icon":"person","Url":"www","Disabled":"true"}]}},"HamburgerMenuModel":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"}]}]}},"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":"HamburgerMenuComponent"},{"__symbolic":"reference","name":"MapComponent"},{"__symbolic":"reference","name":"AddMapMarkerComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":24,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@agm/core","name":"AgmCoreModule","line":25,"character":4},"member":"forRoot"},"arguments":[{"apiKey":"AIzaSyCvvqYY9pMUpRSKl721rPEiN4KlKIpCImg"}]},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatSelectModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatDialogModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":30,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatFormFieldModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":33,"character":4}],"exports":[{"__symbolic":"reference","name":"LandingPageComponent"},{"__symbolic":"reference","name":"HamburgerMenuComponent"},{"__symbolic":"reference","name":"MapComponent"},{"__symbolic":"reference","name":"AddMapMarkerComponent"},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":35,"character":95}],"entryComponents":[{"__symbolic":"reference","name":"LandingPageComponent"},{"__symbolic":"reference","name":"HamburgerMenuComponent"},{"__symbolic":"reference","name":"AddMapMarkerComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"LcuAmblOnModule"},"providers":[{"__symbolic":"reference","name":"UsersStateManagerContext"}]}}}},"IndividualMap":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"IndividualMap"}]}]}},"MapMarker":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MapMarker"}]}]}},"MapComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"lcu-map","template":"<div class=\"icon-list\">\r\n  <div>\r\n    <div class=\"top-icon-set\">\r\n      <mat-icon class=\"hamburger-icon\">menu</mat-icon>\r\n      <mat-icon class=\"chevron-icon\">chevron_left</mat-icon>\r\n    </div>\r\n    <div class=\"bottom-icon-set\" fxLayoutAlign.lt-sm=\"flex-start\" fxLayoutAlign=\"space-around\" fxLayoutGap.lt-sm=\"50px\">\r\n      <mat-icon>search</mat-icon>\r\n      <mat-icon >add</mat-icon>\r\n      <mat-icon>layers</mat-icon>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<agm-map [latitude]=\"CurrentMapModel.origin.lat\" [longitude]=\"CurrentMapModel.origin.lng\" [title]=\"CurrentMapModel.title\" [zoom]=\"CurrentMapModel.zoom\"\r\n  (mapClick)=\"OnChoseLocation($event)\">\r\n  <div *ngFor=\"let marker of CurrentMapModel.locationList\">\r\n    <agm-marker [latitude]=\"marker.lat\" [longitude]=\"marker.lng\" [title]=\"marker.title\" [iconUrl]=\"marker.icon\"></agm-marker>\r\n  </div>\r\n</agm-map>\r\n\r\n","styles":["mat-icon{font-size:30px}.icon-list{padding:5px}.hamburger-icon{position:absolute;left:10px}@media (max-width:600px){.hamburger-icon{position:relative}}.chevron-icon{position:absolute;right:10px}.bottom-icon-set{width:80%;margin:auto}@media (max-width:600px){.bottom-icon-set{margin-left:10px}}agm-map{height:700px}"]}]}],"members":{"mapModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":45,"character":30},{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"OnChoseLocation":[{"__symbolic":"method"}]}},"AddMapMarkerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"lcu-add-map-marker","template":"<h1 mat-dialog-title>Add a marker here?</h1>\r\n\r\n\r\n<mat-dialog-content>\r\n  <form fxLayout=\"column\" fxLayoutAlign=\"center center\" [formGroup]=\"NewMarkerForm\" fxLayoutGap=\"30px\">\r\n    <h4>Marker Title:</h4>\r\n    <mat-form-field>\r\n      <input type=\"text\" matInput formControlName=\"title\">\r\n      <mat-hint>The title for the map marker</mat-hint>\r\n      <mat-error>Invalid or missing title</mat-error>\r\n    </mat-form-field>\r\n\r\n    <h4>Choose Icon:</h4>\r\n    <mat-form-field>\r\n      <mat-label>Icon</mat-label>\r\n      <mat-select formControlName=\"icon\">\r\n        <mat-option *ngFor=\"let icon of IconList\" [value]=\"icon\">{{icon}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n  </form>\r\n</mat-dialog-content>\r\n\r\n\r\n<button mat-raised-button color=\"primary\" [mat-dialog-close]=\"NewMarker\" (click)=\"SetMarkerData()\"\r\n  [disabled]=\"NewMarkerForm.invalid\">Add Marker</button>\r\n<button mat-raised-button color=\"accent\" [mat-dialog-close]=\"false\">Cancel</button>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":32,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":32,"character":22}]}],null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"SetMarkerData":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ConvertIconUrl":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}}},"origins":{"UsersStateManagerContext":"./lib/state/users/users-state-manager.context","UsersState":"./lib/state/users/users-state.model","HamburgerMenuComponent":"./lib/controls/hamburger-menu/hamburger-menu.component","LandingPageComponent":"./lib/controls/landing-page/landing-page.component","Constants":"./lib/utils/constants/constants","HamburgerMenuModel":"./lib/models/hamburger-menu.model","LcuAmblOnModule":"./lib/lcu-ambl-on.module","IndividualMap":"./lib/models/individual-map.model","MapMarker":"./lib/models/map-marker.model","MapComponent":"./lib/controls/map/map.component","AddMapMarkerComponent":"./lib/controls/map/add-map-marker/add-map-marker.component","ɵa":"./lib/services/map.service"},"importAs":"@ambl-on/lcu-ambl-on-common"}

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

@@ -299,3 +299,3 @@ (function (global, factory) {
                         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}"]
+                        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}"]
                     }] }
@@ -302,0 +302,0 @@ ];

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

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@lcu-ide/common"),require("@angular/common"),require("@angular/material/menu"),require("@angular/flex-layout"),require("@angular/platform-browser/animations"),require("@agm/core"),require("@angular/material"),require("@angular/forms"),require("@angular/core"),require("@angular/router")):"function"==typeof define&&define.amd?define("@ambl-on/lcu-ambl-on-common",["exports","@lcu-ide/common","@angular/common","@angular/material/menu","@angular/flex-layout","@angular/platform-browser/animations","@agm/core","@angular/material","@angular/forms","@angular/core","@angular/router"],e):e((t["ambl-on"]=t["ambl-on"]||{},t["ambl-on"]["lcu-ambl-on-common"]={}),t.common,t.ng.common,t.ng.material.menu,t.ng["flex-layout"],t.ng.platformBrowser.animations,t.core,t.ng.material,t.ng.forms,t.ng.core,t.ng.router)}(this,function(t,e,n,r,o,a,i,l,c,u,s){"use strict";var m=function(t,e){return(m=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};function d(e,i,l,c){return new(l||(l=Promise))(function(t,n){function r(t){try{a(c.next(t))}catch(e){n(e)}}function o(t){try{a(c["throw"](t))}catch(e){n(e)}}function a(e){e.done?t(e.value):new l(function(t){t(e.value)}).then(r,o)}a((c=c.apply(e,i||[])).next())})}function p(r,o){var a,i,l,t,c={label:0,sent:function(){if(1&l[0])throw l[1];return l[1]},trys:[],ops:[]};return t={next:e(0),"throw":e(1),"return":e(2)},"function"==typeof Symbol&&(t[Symbol.iterator]=function(){return this}),t;function e(e){return function(t){return function n(t){if(a)throw new TypeError("Generator is already executing.");for(;c;)try{if(a=1,i&&(l=2&t[0]?i["return"]:t[0]?i["throw"]||((l=i["return"])&&l.call(i),0):i.next)&&!(l=l.call(i,t[1])).done)return l;switch(i=0,l&&(t=[2&t[0],l.value]),t[0]){case 0:case 1:l=t;break;case 4:return c.label++,{value:t[1],done:!1};case 5:c.label++,i=t[1],t=[0];continue;case 7:t=c.ops.pop(),c.trys.pop();continue;default:if(!(l=0<(l=c.trys).length&&l[l.length-1])&&(6===t[0]||2===t[0])){c=0;continue}if(3===t[0]&&(!l||t[1]>l[0]&&t[1]<l[3])){c.label=t[1];break}if(6===t[0]&&c.label<l[1]){c.label=l[1],l=t;break}if(l&&c.label<l[2]){c.label=l[2],c.ops.push(t);break}l[2]&&c.ops.pop(),c.trys.pop();continue}t=o.call(r,c)}catch(e){t=[6,e],i=0}finally{a=l=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}([e,t])}}}var g,f=(function j(t,e){function n(){this.constructor=t}m(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}(h,g=e.StateManagerContext),h.prototype.SetActive=function(){},h.prototype.defaultValue=function(){return{Loading:!0}},h.prototype.loadStateKey=function(){return d(this,void 0,void 0,function(){return p(this,function(t){return[2,"main"]})})},h.prototype.loadStateName=function(){return d(this,void 0,void 0,function(){return p(this,function(t){return[2,"users "]})})},h.decorators=[{type:u.Injectable,args:[{providedIn:"root"}]}],h.ctorParameters=function(){return[{type:u.Injector}]},h.ngInjectableDef=u.defineInjectable({factory:function(){return new h(u.inject(u.INJECTOR))},token:h,providedIn:"root"}),h);function h(t){var e=g.call(this,t)||this;return e.injector=t,e}function b(){}var M=(y.VAR_NAMES_MENU=[{Label:"Home",Icon:"home",Url:"/home",Disabled:"false"},{Label:"My Atlas",Icon:"public",Url:"/map",Disabled:"false"},{Label:"My Itenerarries",Icon:"map",Url:"www",Disabled:"true"},{Label:"My Top Lists",Icon:"sort",Url:"www",Disabled:"true"},{Label:"My Albums",Icon:"photo_library",Url:"www",Disabled:"true"},{Label:"My Friends",Icon:"group",Url:"www",Disabled:"true"},{Label:"My Profile",Icon:"person",Url:"www",Disabled:"true"}],y);function y(){}var v=(w.prototype.ngOnInit=function(){this.MenuItems=M.VAR_NAMES_MENU},w.decorators=[{type:u.Component,args:[{selector:"lcu-hamburger-menu",template:'\x3c!-- <nav class="hamburger-nav"> --\x3e\r\n  <button class="hamburger-menu" mat-icon-button [matMenuTriggerFor]="menu">\r\n    <mat-icon [inline]="true">menu</mat-icon>\r\n  </button>\r\n  \x3c!-- Builds the hamburger menu from the item in the constants.ts file--\x3e\r\n  <mat-menu #menu="matMenu">\r\n    <button class="item-button" mat-menu-item  *ngFor= "let item of MenuItems" [disabled]= item.Disabled routerLink={{item.Url}}>\r\n      <mat-icon>{{ item.Icon }}</mat-icon>\r\n      <span>{{ item.Label }}</span>\r\n    </button>\r\n  </mat-menu>\r\n\x3c!-- </nav> --\x3e',styles:[".hamburger-menu{background-color:transparent;border-width:0;outline:0;font-size:30px}"]}]}],w);function w(){}var x=(k.prototype.ngOnInit=function(){},k.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}"]}]}],k.ctorParameters=function(){return[]},k);function k(){this.Title="Ambl On",this.Slogan="Down the Road, Around the World!"}function I(t,e,n,r){this.Label=t,this.Icon=e,this.Url=n,this.Disabled=r}var C=(L.prototype.ConvertIconUrl=function(t){return{url:"./assets/"+t+".png",scaledSize:{width:40,height:60}}},L.decorators=[{type:u.Injectable,args:[{providedIn:"root"}]}],L.ctorParameters=function(){return[]},L.ngInjectableDef=u.defineInjectable({factory:function(){return new L},token:L,providedIn:"root"}),L);function L(){}var N=(A.prototype.ngOnInit=function(){this.NewMarkerForm=new c.FormGroup({title:new c.FormControl("",{validators:[c.Validators.required]}),icon:new c.FormControl("",{validators:[c.Validators.required]})}),this.NewMarker={title:"",icon:null,lat:40,lng:-100},this.IconList=["bar","brewery","golf course","lodging","museum","national park","restaurant","ski area","UNESCO","vineyard"]},A.prototype.SetMarkerData=function(){this.NewMarker.title=this.NewMarkerForm.value.title,this.NewMarker.icon=this.NewMarkerForm.value.icon,this.NewMarker.lat=this.passedData.lat,this.NewMarker.lng=this.passedData.lng,this.NewMarker.icon=this.mapService.ConvertIconUrl(this.NewMarker.icon)},A.decorators=[{type:u.Component,args:[{selector:"lcu-add-map-marker",template:'<h1 mat-dialog-title>Add a marker here?</h1>\r\n\r\n\r\n<mat-dialog-content>\r\n  <form fxLayout="column" fxLayoutAlign="center center" [formGroup]="NewMarkerForm" fxLayoutGap="30px">\r\n    <h4>Marker Title:</h4>\r\n    <mat-form-field>\r\n      <input type="text" matInput formControlName="title">\r\n      <mat-hint>The title for the map marker</mat-hint>\r\n      <mat-error>Invalid or missing title</mat-error>\r\n    </mat-form-field>\r\n\r\n    <h4>Choose Icon:</h4>\r\n    <mat-form-field>\r\n      <mat-label>Icon</mat-label>\r\n      <mat-select formControlName="icon">\r\n        <mat-option *ngFor="let icon of IconList" [value]="icon">{{icon}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n  </form>\r\n</mat-dialog-content>\r\n\r\n\r\n<button mat-raised-button color="primary" [mat-dialog-close]="NewMarker" (click)="SetMarkerData()"\r\n  [disabled]="NewMarkerForm.invalid">Add Marker</button>\r\n<button mat-raised-button color="accent" [mat-dialog-close]="false">Cancel</button>',styles:[""]}]}],A.ctorParameters=function(){return[{type:undefined,decorators:[{type:u.Inject,args:[l.MAT_DIALOG_DATA]}]},{type:C}]},A);function A(t,e){this.passedData=t,this.mapService=e}var S=(D.prototype.ngOnInit=function(){var e=this;this.CurrentMapModel=this.mapModel,this.CurrentMapModel.locationList.forEach(function(t){t.icon=e.mapService.ConvertIconUrl(t.icon)})},D.prototype.OnChoseLocation=function(t){var e=this;this.dialog.open(N,{data:{lat:t.coords.lat,lng:t.coords.lng}}).afterClosed().subscribe(function(t){t&&e.CurrentMapModel.locationList.push(t)})},D.decorators=[{type:u.Component,args:[{selector:"lcu-map",template:'<div class="icon-list">\r\n  <div>\r\n    <div class="top-icon-set">\r\n      <mat-icon class="hamburger-icon">menu</mat-icon>\r\n      <mat-icon class="chevron-icon">chevron_left</mat-icon>\r\n    </div>\r\n    <div class="bottom-icon-set" fxLayoutAlign.lt-sm="flex-start" fxLayoutAlign="space-around" fxLayoutGap.lt-sm="50px">\r\n      <mat-icon>search</mat-icon>\r\n      <mat-icon >add</mat-icon>\r\n      <mat-icon>layers</mat-icon>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<agm-map [latitude]="CurrentMapModel.origin.lat" [longitude]="CurrentMapModel.origin.lng" [title]="CurrentMapModel.title" [zoom]="CurrentMapModel.zoom"\r\n  (mapClick)="OnChoseLocation($event)">\r\n  <div *ngFor="let marker of CurrentMapModel.locationList">\r\n    <agm-marker [latitude]="marker.lat" [longitude]="marker.lng" [title]="marker.title" [iconUrl]="marker.icon"></agm-marker>\r\n  </div>\r\n</agm-map>\r\n\r\n',styles:["mat-icon{font-size:30px}.icon-list{padding:5px}.hamburger-icon{position:absolute;left:10px}@media (max-width:600px){.hamburger-icon{position:relative}}.chevron-icon{position:absolute;right:10px}.bottom-icon-set{width:80%;margin:auto}@media (max-width:600px){.bottom-icon-set{margin-left:10px}}agm-map{height:700px}"]}]}],D.ctorParameters=function(){return[{type:l.MatDialog},{type:C}]},D.propDecorators={mapModel:[{type:u.Input}]},D);function D(t,e){this.dialog=t,this.mapService=e,this.mapModel={title:"Default Map",origin:{lat:40.037757,lng:-105.278324},zoom:13,locationList:[{title:"Favorite steak house",lat:40.017557,lng:-105.278199,icon:"restaurant"},{title:"Favorite UNESCO",lat:40.027657,lng:-105.288199,icon:"UNESCO"},{title:"Nice museum",lat:40.037757,lng:-105.298199,icon:"museum"},{title:"Good brewery",lat:40.047857,lng:-105.268199,icon:"brewery"},{title:"Favorite ski area",lat:40.057557,lng:-105.288199,icon:"ski area"},{title:"Favorite vineyard",lat:40.060657,lng:-105.298199,icon:"vineyard"},{title:"Nice golf course",lat:40.037757,lng:-105.258199,icon:"golf course"},{title:"Good lodging",lat:40.037757,lng:-105.278199,icon:"lodging"},{title:"Nice national park",lat:40.060657,lng:-105.278199,icon:"national park"},{title:"Good bar",lat:40.017557,lng:-105.288199,icon:"bar"}]}}var F=(U.forRoot=function(){return{ngModule:U,providers:[f]}},U.decorators=[{type:u.NgModule,args:[{declarations:[x,v,S,N],imports:[n.CommonModule,o.FlexLayoutModule,a.BrowserAnimationsModule,r.MatMenuModule,l.MatIconModule,i.AgmCoreModule.forRoot({apiKey:"AIzaSyCvvqYY9pMUpRSKl721rPEiN4KlKIpCImg"}),l.MatIconModule,l.MatSelectModule,l.MatDialogModule,l.MatButtonModule,c.ReactiveFormsModule,l.MatInputModule,l.MatFormFieldModule,s.RouterModule],exports:[x,v,S,N,l.MatIconModule],entryComponents:[x,v,N]}]}],U);function U(){}function O(t){this.title=t.title,this.origin=t.origin,this.zoom=t.zoom,this.locationList=t.locationList}function _(t){this.title=t.title,this.icon=t.icon,this.lat=t.lat,this.lng=t.lng}t.UsersStateManagerContext=f,t.UsersState=b,t.HamburgerMenuComponent=v,t.LandingPageComponent=x,t.Constants=M,t.HamburgerMenuModel=I,t.LcuAmblOnModule=F,t.IndividualMap=O,t.MapMarker=_,t.MapComponent=S,t.AddMapMarkerComponent=N,t.ɵa=C,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@lcu-ide/common"),require("@angular/common"),require("@angular/material/menu"),require("@angular/flex-layout"),require("@angular/platform-browser/animations"),require("@agm/core"),require("@angular/material"),require("@angular/forms"),require("@angular/core"),require("@angular/router")):"function"==typeof define&&define.amd?define("@ambl-on/lcu-ambl-on-common",["exports","@lcu-ide/common","@angular/common","@angular/material/menu","@angular/flex-layout","@angular/platform-browser/animations","@agm/core","@angular/material","@angular/forms","@angular/core","@angular/router"],e):e((t["ambl-on"]=t["ambl-on"]||{},t["ambl-on"]["lcu-ambl-on-common"]={}),t.common,t.ng.common,t.ng.material.menu,t.ng["flex-layout"],t.ng.platformBrowser.animations,t.core,t.ng.material,t.ng.forms,t.ng.core,t.ng.router)}(this,function(t,e,n,r,o,a,i,l,c,u,s){"use strict";var m=function(t,e){return(m=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};function d(e,i,l,c){return new(l||(l=Promise))(function(t,n){function r(t){try{a(c.next(t))}catch(e){n(e)}}function o(t){try{a(c["throw"](t))}catch(e){n(e)}}function a(e){e.done?t(e.value):new l(function(t){t(e.value)}).then(r,o)}a((c=c.apply(e,i||[])).next())})}function p(r,o){var a,i,l,t,c={label:0,sent:function(){if(1&l[0])throw l[1];return l[1]},trys:[],ops:[]};return t={next:e(0),"throw":e(1),"return":e(2)},"function"==typeof Symbol&&(t[Symbol.iterator]=function(){return this}),t;function e(e){return function(t){return function n(t){if(a)throw new TypeError("Generator is already executing.");for(;c;)try{if(a=1,i&&(l=2&t[0]?i["return"]:t[0]?i["throw"]||((l=i["return"])&&l.call(i),0):i.next)&&!(l=l.call(i,t[1])).done)return l;switch(i=0,l&&(t=[2&t[0],l.value]),t[0]){case 0:case 1:l=t;break;case 4:return c.label++,{value:t[1],done:!1};case 5:c.label++,i=t[1],t=[0];continue;case 7:t=c.ops.pop(),c.trys.pop();continue;default:if(!(l=0<(l=c.trys).length&&l[l.length-1])&&(6===t[0]||2===t[0])){c=0;continue}if(3===t[0]&&(!l||t[1]>l[0]&&t[1]<l[3])){c.label=t[1];break}if(6===t[0]&&c.label<l[1]){c.label=l[1],l=t;break}if(l&&c.label<l[2]){c.label=l[2],c.ops.push(t);break}l[2]&&c.ops.pop(),c.trys.pop();continue}t=o.call(r,c)}catch(e){t=[6,e],i=0}finally{a=l=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}([e,t])}}}var g,f=(function j(t,e){function n(){this.constructor=t}m(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}(h,g=e.StateManagerContext),h.prototype.SetActive=function(){},h.prototype.defaultValue=function(){return{Loading:!0}},h.prototype.loadStateKey=function(){return d(this,void 0,void 0,function(){return p(this,function(t){return[2,"main"]})})},h.prototype.loadStateName=function(){return d(this,void 0,void 0,function(){return p(this,function(t){return[2,"users "]})})},h.decorators=[{type:u.Injectable,args:[{providedIn:"root"}]}],h.ctorParameters=function(){return[{type:u.Injector}]},h.ngInjectableDef=u.defineInjectable({factory:function(){return new h(u.inject(u.INJECTOR))},token:h,providedIn:"root"}),h);function h(t){var e=g.call(this,t)||this;return e.injector=t,e}function b(){}var M=(y.VAR_NAMES_MENU=[{Label:"Home",Icon:"home",Url:"/home",Disabled:"false"},{Label:"My Atlas",Icon:"public",Url:"/map",Disabled:"false"},{Label:"My Itenerarries",Icon:"map",Url:"www",Disabled:"true"},{Label:"My Top Lists",Icon:"sort",Url:"www",Disabled:"true"},{Label:"My Albums",Icon:"photo_library",Url:"www",Disabled:"true"},{Label:"My Friends",Icon:"group",Url:"www",Disabled:"true"},{Label:"My Profile",Icon:"person",Url:"www",Disabled:"true"}],y);function y(){}var v=(w.prototype.ngOnInit=function(){this.MenuItems=M.VAR_NAMES_MENU},w.decorators=[{type:u.Component,args:[{selector:"lcu-hamburger-menu",template:'\x3c!-- <nav class="hamburger-nav"> --\x3e\r\n  <button class="hamburger-menu" mat-icon-button [matMenuTriggerFor]="menu">\r\n    <mat-icon [inline]="true">menu</mat-icon>\r\n  </button>\r\n  \x3c!-- Builds the hamburger menu from the item in the constants.ts file--\x3e\r\n  <mat-menu #menu="matMenu">\r\n    <button class="item-button" mat-menu-item  *ngFor= "let item of MenuItems" [disabled]= item.Disabled routerLink={{item.Url}}>\r\n      <mat-icon>{{ item.Icon }}</mat-icon>\r\n      <span>{{ item.Label }}</span>\r\n    </button>\r\n  </mat-menu>\r\n\x3c!-- </nav> --\x3e',styles:[".hamburger-menu{background-color:transparent;border-width:0;outline:0;font-size:30px}"]}]}],w);function w(){}var x=(k.prototype.ngOnInit=function(){},k.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}"]}]}],k.ctorParameters=function(){return[]},k);function k(){this.Title="Ambl On",this.Slogan="Down the Road, Around the World!"}function I(t,e,n,r){this.Label=t,this.Icon=e,this.Url=n,this.Disabled=r}var C=(L.prototype.ConvertIconUrl=function(t){return{url:"./assets/"+t+".png",scaledSize:{width:40,height:60}}},L.decorators=[{type:u.Injectable,args:[{providedIn:"root"}]}],L.ctorParameters=function(){return[]},L.ngInjectableDef=u.defineInjectable({factory:function(){return new L},token:L,providedIn:"root"}),L);function L(){}var N=(A.prototype.ngOnInit=function(){this.NewMarkerForm=new c.FormGroup({title:new c.FormControl("",{validators:[c.Validators.required]}),icon:new c.FormControl("",{validators:[c.Validators.required]})}),this.NewMarker={title:"",icon:null,lat:40,lng:-100},this.IconList=["bar","brewery","golf course","lodging","museum","national park","restaurant","ski area","UNESCO","vineyard"]},A.prototype.SetMarkerData=function(){this.NewMarker.title=this.NewMarkerForm.value.title,this.NewMarker.icon=this.NewMarkerForm.value.icon,this.NewMarker.lat=this.passedData.lat,this.NewMarker.lng=this.passedData.lng,this.NewMarker.icon=this.mapService.ConvertIconUrl(this.NewMarker.icon)},A.decorators=[{type:u.Component,args:[{selector:"lcu-add-map-marker",template:'<h1 mat-dialog-title>Add a marker here?</h1>\r\n\r\n\r\n<mat-dialog-content>\r\n  <form fxLayout="column" fxLayoutAlign="center center" [formGroup]="NewMarkerForm" fxLayoutGap="30px">\r\n    <h4>Marker Title:</h4>\r\n    <mat-form-field>\r\n      <input type="text" matInput formControlName="title">\r\n      <mat-hint>The title for the map marker</mat-hint>\r\n      <mat-error>Invalid or missing title</mat-error>\r\n    </mat-form-field>\r\n\r\n    <h4>Choose Icon:</h4>\r\n    <mat-form-field>\r\n      <mat-label>Icon</mat-label>\r\n      <mat-select formControlName="icon">\r\n        <mat-option *ngFor="let icon of IconList" [value]="icon">{{icon}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n  </form>\r\n</mat-dialog-content>\r\n\r\n\r\n<button mat-raised-button color="primary" [mat-dialog-close]="NewMarker" (click)="SetMarkerData()"\r\n  [disabled]="NewMarkerForm.invalid">Add Marker</button>\r\n<button mat-raised-button color="accent" [mat-dialog-close]="false">Cancel</button>',styles:[""]}]}],A.ctorParameters=function(){return[{type:undefined,decorators:[{type:u.Inject,args:[l.MAT_DIALOG_DATA]}]},{type:C}]},A);function A(t,e){this.passedData=t,this.mapService=e}var S=(D.prototype.ngOnInit=function(){var e=this;this.CurrentMapModel=this.mapModel,this.CurrentMapModel.locationList.forEach(function(t){t.icon=e.mapService.ConvertIconUrl(t.icon)})},D.prototype.OnChoseLocation=function(t){var e=this;this.dialog.open(N,{data:{lat:t.coords.lat,lng:t.coords.lng}}).afterClosed().subscribe(function(t){t&&e.CurrentMapModel.locationList.push(t)})},D.decorators=[{type:u.Component,args:[{selector:"lcu-map",template:'<div class="icon-list">\r\n  <div>\r\n    <div class="top-icon-set">\r\n      <mat-icon class="hamburger-icon">menu</mat-icon>\r\n      <mat-icon class="chevron-icon">chevron_left</mat-icon>\r\n    </div>\r\n    <div class="bottom-icon-set" fxLayoutAlign.lt-sm="flex-start" fxLayoutAlign="space-around" fxLayoutGap.lt-sm="50px">\r\n      <mat-icon>search</mat-icon>\r\n      <mat-icon >add</mat-icon>\r\n      <mat-icon>layers</mat-icon>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<agm-map [latitude]="CurrentMapModel.origin.lat" [longitude]="CurrentMapModel.origin.lng" [title]="CurrentMapModel.title" [zoom]="CurrentMapModel.zoom"\r\n  (mapClick)="OnChoseLocation($event)">\r\n  <div *ngFor="let marker of CurrentMapModel.locationList">\r\n    <agm-marker [latitude]="marker.lat" [longitude]="marker.lng" [title]="marker.title" [iconUrl]="marker.icon"></agm-marker>\r\n  </div>\r\n</agm-map>\r\n\r\n',styles:["mat-icon{font-size:30px}.icon-list{padding:5px}.hamburger-icon{position:absolute;left:10px}@media (max-width:600px){.hamburger-icon{position:relative}}.chevron-icon{position:absolute;right:10px}.bottom-icon-set{width:80%;margin:auto}@media (max-width:600px){.bottom-icon-set{margin-left:10px}}agm-map{height:700px}"]}]}],D.ctorParameters=function(){return[{type:l.MatDialog},{type:C}]},D.propDecorators={mapModel:[{type:u.Input}]},D);function D(t,e){this.dialog=t,this.mapService=e,this.mapModel={title:"Default Map",origin:{lat:40.037757,lng:-105.278324},zoom:13,locationList:[{title:"Favorite steak house",lat:40.017557,lng:-105.278199,icon:"restaurant"},{title:"Favorite UNESCO",lat:40.027657,lng:-105.288199,icon:"UNESCO"},{title:"Nice museum",lat:40.037757,lng:-105.298199,icon:"museum"},{title:"Good brewery",lat:40.047857,lng:-105.268199,icon:"brewery"},{title:"Favorite ski area",lat:40.057557,lng:-105.288199,icon:"ski area"},{title:"Favorite vineyard",lat:40.060657,lng:-105.298199,icon:"vineyard"},{title:"Nice golf course",lat:40.037757,lng:-105.258199,icon:"golf course"},{title:"Good lodging",lat:40.037757,lng:-105.278199,icon:"lodging"},{title:"Nice national park",lat:40.060657,lng:-105.278199,icon:"national park"},{title:"Good bar",lat:40.017557,lng:-105.288199,icon:"bar"}]}}var F=(U.forRoot=function(){return{ngModule:U,providers:[f]}},U.decorators=[{type:u.NgModule,args:[{declarations:[x,v,S,N],imports:[n.CommonModule,o.FlexLayoutModule,a.BrowserAnimationsModule,r.MatMenuModule,l.MatIconModule,i.AgmCoreModule.forRoot({apiKey:"AIzaSyCvvqYY9pMUpRSKl721rPEiN4KlKIpCImg"}),l.MatIconModule,l.MatSelectModule,l.MatDialogModule,l.MatButtonModule,c.ReactiveFormsModule,l.MatInputModule,l.MatFormFieldModule,s.RouterModule],exports:[x,v,S,N,l.MatIconModule],entryComponents:[x,v,N]}]}],U);function U(){}function O(t){this.title=t.title,this.origin=t.origin,this.zoom=t.zoom,this.locationList=t.locationList}function _(t){this.title=t.title,this.icon=t.icon,this.lat=t.lat,this.lng=t.lng}t.UsersStateManagerContext=f,t.UsersState=b,t.HamburgerMenuComponent=v,t.LandingPageComponent=x,t.Constants=M,t.HamburgerMenuModel=I,t.LcuAmblOnModule=F,t.IndividualMap=O,t.MapMarker=_,t.MapComponent=S,t.AddMapMarkerComponent=N,t.ɵa=C,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ambl-on-lcu-ambl-on-common.umd.min.js.map

esm2015/lib/controls/landing-page/landing-page.component.js

@@ -21,3 +21,3 @@ /**
                 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}"]
+                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}"]
             }] }
@@ -24,0 +24,0 @@ ];

esm5/lib/controls/landing-page/landing-page.component.js

@@ -23,3 +23,3 @@ /**
                     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}"]
+                    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}"]
                 }] }
@@ -26,0 +26,0 @@ ];

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

@@ -10,3 +10,3 @@ import { __awaiter } from 'tslib';
 import { FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
-import { Injectable, Injector, NgModule, Component, Input, Inject, defineInjectable, inject, INJECTOR } from '@angular/core';
+import { Injectable, Injector, NgModule, Component, Inject, Input, defineInjectable, inject, INJECTOR } from '@angular/core';
 import { RouterModule } from '@angular/router';
@@ -149,3 +149,3 @@
                 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}"]
+                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}"]
             }] }
@@ -152,0 +152,0 @@ ];

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

@@ -187,3 +187,3 @@ import { __extends, __awaiter, __generator } from 'tslib';
                     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}"]
+                    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}"]
                 }] }
@@ -190,0 +190,0 @@ ];

package.json

 {
   "name": "@ambl-on/lcu-ambl-on-common",
-  "version": "0.1.38-google-map",
+  "version": "0.1.39-landing-page",
   "peerDependencies": {
@@ -5,0 +5,0 @@ "@angular/common": "^7.2.0",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

337808

decreased by-0.01%

No dependency changes