@realster/angular - npm Package Compare versions

Comparing version 0.0.2-beta.2 to 0.0.2-beta.3

bundles/RealsterAngular.umd.min.js

@@ -1,1 +0,1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/material"),require("rxjs/ReplaySubject"),require("@angular/forms"),require("rxjs/Rx"),require("rxjs/Subscription"),require("@angular/platform-browser"),require("lodash"),require("@angular/flex-layout")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common","@angular/material","rxjs/ReplaySubject","@angular/forms","rxjs/Rx","rxjs/Subscription","@angular/platform-browser","lodash","@angular/flex-layout"],e):e((t.ng=t.ng||{},t.ng.realsterangular={}),t.ng.core,t.common,t.material,t.ReplaySubject,t.forms,t.Rx,t.Subscription,t.platformBrowser,t._,t.flexLayout)}(this,function(t,e,n,i,o,a,r,c,l,s,p){"use strict";var d=function(){function t(){this.nameValidationObservable=new o.ReplaySubject,this.newProfileObservable=new o.ReplaySubject,this.emailVerifiedObservable=new o.ReplaySubject}return t.prototype.setNameValidation=function(t){this.nameValidationObservable.next(t)},t.prototype.setNewProfile=function(t){this.newProfileObservable.next(t)},t.prototype.setEmailVerified=function(t){this.emailVerifiedObservable.next(t)},t}(),u=function(){function t(t){this.properties=t}return Object.defineProperty(t.prototype,"Properties",{get:function(){return this.properties},enumerable:!0,configurable:!0}),t.prototype.getInitials=function(){return this.properties.first_name.charAt(0)+" "+this.properties.last_name.charAt(0)},t.prototype.isCurrent=function(){return this.properties.current},t}(),f=function(){function t(t){this.profiles=[],this.profiles=t}return Object.defineProperty(t.prototype,"Profiles",{get:function(){return this.profiles},enumerable:!0,configurable:!0}),t.prototype.currentProfile=function(){for(var t=0,e=this.profiles;t<e.length;t++){var n=e[t];if(n.isCurrent())return n}},t}(),g=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},m=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},h=function(){function t(t){this.dialog=t}return Object.defineProperty(t.prototype,"CurrentInitial",{get:function(){return this.currentProfile.getInitials()},enumerable:!0,configurable:!0}),t.prototype.openAccountSetting=function(){var t={position:{top:"64px",right:"20px"},height:"228px",width:"285px",backdropClass:"setting__backdrop",panelClass:"account__setting-panel"};this.dialog.open(this.dialogComponent,t)},g([e.Input(),m("design:type",u)],t.prototype,"currentProfile",void 0),g([e.ViewChild("dialog"),m("design:type",Object)],t.prototype,"dialogComponent",void 0),t=g([e.Component({selector:"rlstr-account-button",template:'\n    <div class="header__account">\n      <button mat-icon-button class="header__account-button" (click)="openAccountSetting()">\n        {{CurrentInitial}}\n      </button>\n    </div>\n    <ng-template #dialog>\n      <ng-content select="rlstr-account-dialog"></ng-content>\n    </ng-template>\n  ',styles:["\n    .header__account{float:left}.header__account-button{background-color:#9B9B9B;color:#002f66;text-transform:uppercase}\n  "]}),m("design:paramtypes",[i.MatDialog])],t)}(),b=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},_=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},v=function(){function t(){this.signOutEvent=new e.EventEmitter}return Object.defineProperty(t.prototype,"Profiles",{get:function(){return this.profiles.Profiles},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"CurrentProfile",{get:function(){var t=this.profiles.currentProfile();if(t)return t.Properties},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"CurrentInitial",{get:function(){var t=this.profiles.currentProfile();if(t)return t.getInitials()},enumerable:!0,configurable:!0}),t.prototype.signOut=function(){this.signOutEvent.emit()},b([e.Input(),_("design:type",f)],t.prototype,"profiles",void 0),b([e.Input(),_("design:type",String)],t.prototype,"termsUrl",void 0),b([e.Input(),_("design:type",String)],t.prototype,"privacyUrl",void 0),b([e.Input(),_("design:type",String)],t.prototype,"accountUrl",void 0),b([e.Output(),_("design:type",Object)],t.prototype,"signOutEvent",void 0),t=b([e.Component({selector:"rlstr-account-dialog",template:'\n    <div class="account-dialog__container">\n      <div class="account-dialog__wrapper details">\n        <div class="account-dialog__details">\n          <div class="account-dialog__name">\n            {{(CurrentProfile)?.first_name}} {{(CurrentProfile)?.last_name}}\n          </div>\n          <div class="account-dialog__email">\n            {{ (CurrentProfile)?.email }}\n          </div>\n          <div class="account-dialog__terms-and-policy">\n            <a class="account-dialog__link" [href]="termsUrl">Terms</a>\n            <span class="account-dialog__dash">-</span>\n            <a class="account-dialog__link" [href]="privacyUrl">Privacy Policy</a>\n          </div>\n        </div>\n        <div class="account-dialog__avatar-container">\n          <div class="account-dialog__avatar-image">{{ CurrentInitial}}</div>\n        </div>\n      </div>\n      <div class="account-dialog__wrapper gray button">\n        <ng-content select="rlstr-account-profile"></ng-content>\n      </div>\n      <div class="account-dialog__wrapper gray">\n        <div class="account-dialog__actions">\n          <a mat-button class="account-dialog__account" [href]="accountUrl">My Account</a>\n          <button mat-button class="account-dialog__sign-out" (click)="signOut()">Sign out</button>\n        </div>\n      </div>\n    </div>\n  ',styles:['\n    ::ng-deep .account__setting-panel .mat-dialog-container{padding:2px 0 0 0;overflow:hidden}.account-dialog__container{padding:0}.account-dialog__wrapper{padding:8px;zoom:1}.account-dialog__wrapper.details{padding-bottom:28px}.account-dialog__wrapper.gray{background-color:rgba(216,216,216,0.38);height:56px}.account-dialog__wrapper.button{padding:0;border-top:1px solid #979797;border-bottom:1px solid #979797}.account-dialog__wrapper:before,.account-dialog__wrapper:after{content:"";display:table}.account-dialog__wrapper:after{clear:both}.account-dialog__details{float:left;font-size:14px;padding-top:16px;padding-left:16px}.account-dialog__name{margin-bottom:8px;font-weight:500;color:rgba(0,0,0,0.87)}.account-dialog__email{margin-bottom:8px;color:rgba(0,0,0,0.54);max-width:150px;overflow:hidden;text-overflow:ellipsis}.account-dialog__link{color:#002f66;text-decoration:none;font-size:12px}.account-dialog__link:visited{color:#002f66}.account-dialog__dash{color:rgba(0,0,0,0.54);margin-left:4px;margin-right:4px}.account-dialog__avatar-container{padding-top:16px;padding-right:16px;float:right}.account-dialog__avatar-image{margin-left:20px;height:64px;width:64px;border-radius:100%;border:none;background-color:#9B9B9B;text-align:center;line-height:64px;color:#002f66;text-transform:uppercase}.account-dialog__avatar-image img{height:64px;width:64px}.account-dialog__sign-out{float:right;color:rgba(0,0,0,0.54);border:1px solid #979797}@keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}\n  ']}),_("design:paramtypes",[])],t)}(),y=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},x=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},w=function(){function t(t,n,i){this.fb=t,this.organizationSvc=n,this.dialog=i,this.switchAndRedirectEvent=new e.EventEmitter,this.getEmailVerificationEvent=new e.EventEmitter,this.resendEmailVerificationEvent=new e.EventEmitter,this.getNameValidityEvent=new e.EventEmitter,this.createOrganizationEvent=new e.EventEmitter,this.switchProfileEvent=new e.EventEmitter,this.nameValidityMessage="This will be your unique organization name",this.organizationComplete=!1,this.nameInputSubscription=new c.Subscription,this.emailVerifiedSubscription=new c.Subscription,this.newProfileSubscription=new c.Subscription,this.nameValidityResultSubscription=new c.Subscription}return t.prototype.ngOnInit=function(){var t=this;this.emailVerifiedSubscription=this.organizationSvc.emailVerifiedObservable.subscribe(function(e){t.emailVerified=e}),this.newProfileSubscription=this.organizationSvc.newProfileObservable.subscribe(function(e){t.newProfile=e}),this.nameValidityResult&&this.nameValidityResult.valid?(this.nameValidityMessage="This name is useable.",this.nameValidity="valid"):this.nameValidityResult&&!1===this.nameValidityResult.valid&&(this.nameValidityMessage="This name is taken",this.nameValidity="invalid"),this.emailValidationGroup=this.fb.group({email_validated:[this.emailVerified,a.Validators.required]}),void 0!==this.emailVerified&&this.emailValidationGroup.controls.email_validated.setValue(this.emailVerified),this.organizationGroup=this.fb.group({name:["",[a.Validators.required],this.checkNameValidity.bind(this)],is_business:[!1],business_name:[""]}),this.organizationGroup.controls.is_business.valueChanges.subscribe(function(e){e?(t.organizationGroup.controls.business_name.patchValue(""),t.organizationGroup.controls.business_name.markAsPristine(),t.organizationGroup.controls.business_name.markAsUntouched()):t.organizationGroup.controls.business_name.setValidators(null),t.organizationGroup.controls.business_name.updateValueAndValidity()}),this.organizationGroup.valueChanges.subscribe(function(e){e.is_business?e.name&&"valid"===t.nameValidity&&e.business_name?t.organizationComplete=!0:t.organizationComplete=!1:e.name&&"valid"===t.nameValidity?t.organizationComplete=!0:t.organizationComplete=!1})},t.prototype.ngOnDestroy=function(){this.nameInputSubscription.unsubscribe(),this.emailVerifiedSubscription.unsubscribe(),this.newProfileSubscription.unsubscribe(),this.nameValidityResultSubscription.unsubscribe()},t.prototype.watchInput=function(){var t=this;this.nameInputSubscription=r.Observable.fromEvent(this.nameInput.nativeElement,"keyup").debounceTime(150).distinctUntilChanged().subscribe(function(){console.log(t.nameInput),0===t.nameInput.nativeElement.value.length&&(t.nameValidityMessage="This will be your unique organization name",t.nameValidity="clean")})},t.prototype.cancel=function(){this.organizationGroup.reset(),this.dialog.close()},t.prototype.switchProfile=function(){this.switchProfileEvent.emit(),this.cancel()},t.prototype.switchAndGoToAdmin=function(){this.switchAndRedirectEvent.emit(),this.cancel()},t.prototype.createOrganization=function(t){this.createOrganizationEvent.emit(t)},t.prototype.checkNameValidity=function(t){var e=this;return this.getNameValidityEvent.emit(t.value),this.organizationSvc.nameValidationObservable.map(function(t){return t.valid?(e.nameValidityMessage="This name is useable.",e.nameValidity="valid",null):(e.nameValidityMessage="This name is taken",e.nameValidity="invalid",{emailTaken:!0})})},t.prototype.resendEmailVerification=function(){this.resendEmailVerificationEvent.emit()},t.prototype.getEmailVerification=function(){this.getEmailVerificationEvent.emit()},y([e.ViewChild("nameInput"),x("design:type",e.ElementRef)],t.prototype,"nameInput",void 0),y([e.ViewChild("stepper"),x("design:type",i.MatStepper)],t.prototype,"stepper",void 0),t=y([e.Component({selector:"rlstr-add-organization",template:'\n    <div class="organization__header">\n      <button mat-icon-button (click)="cancel()">\n        <mat-icon>close</mat-icon>\n      </button>\n      <span class="organization__header-title">\n        Create an Organization\n      </span>\n    </div>\n    \x3c!-- linear --\x3e\n    <mat-vertical-stepper #stepper>\n      <mat-step [stepControl]="emailValidationGroup" [completed]="emailVerified">\n        <ng-template matStepLabel>Verify your E-mail</ng-template>\n        <button mat-button class="organization__button send" *ngIf="!emailVerified" (click)="resendEmailVerification()">Send Verification Link</button>\n        <button mat-button matStepperNext class="Organization__button send" *ngIf="emailVerified">Next</button>\n        <button mat-icon-button class="organization__button resend" *ngIf="!emailVerified" (click)="getEmailVerification()">\n          <mat-icon>replay</mat-icon>\n        </button>\n      </mat-step>\n      <mat-step [stepControl]="organizationGroup">\n        <form class="organization__form" [formGroup]="organizationGroup">\n          <ng-template matStepLabel>Name Your Organization</ng-template>\n          <div class="organization__input-wrapper">\n            <mat-form-field class="organization__input">\n              <input matInput #nameInput placeholder="Organization Name" required formControlName="name" (focus)="watchInput()">\n              <mat-hint class="organization__input-hint" [ngClass]="{pass: nameIsValid === valid, fail: nameIsValid === invalid}">{{ nameValidityMessage }}</mat-hint>\n            </mat-form-field>\n          </div>\n          <div class="organization__checkbox-wrapper">\n            <mat-checkbox formControlName="is_business"></mat-checkbox>\n          </div>\n          <div class="organization__checkbox-label">\n            This account is owned by a business (see Corporate Terms of Service for details)\n          </div>\n          <div class="organization__input-wrapper" *ngIf="organizationGroup.controls.is_business.value === true">\n            <mat-form-field class="organization__input">\n              <input matInput placeholder="Buiness Name" formControlName="business_name" [required]="organizationGroup.controls.is_business.value">\n              <mat-hint class="organization__input-hint">What is the name of the business that owns this account?</mat-hint>\n            </mat-form-field>\n          </div>\n          <hr class="organization__divider">\n          <div class="organization__agreement">\n            By clicking on "Create Organization" below, you are agreeding to the terms of service and Privacy policy.\n          </div>\n          <div class="organization__action">\n            <button mat-button class="organization__action-button create" (click)="createOrganization(organizationGroup.value)" matStepperNext>create organization</button>\n            <button mat-button class="organization__action-button" (click)="cancel()">cancel</button>\n          </div>\n        </form>\n      </mat-step>\n      <mat-step>\n        <ng-template matStepLabel>Done</ng-template>\n        <div class="organization__wrapper">\n          <div class="organization__message">\n            Creating your organization now...\n          </div>\n          <div class="organization__message">\n            You can select different accounts by clicking on the profile menu under your account.\n          </div>\n          <div class="organization-claim__image">\n            <img src="/assets/organization/select-profile.png">\n          </div>\n          <div class="organization__action">\n            <button mat-button class="organization__action-button create" (click)="switchAndGoToAdmin()">go to admin</button>\n            <button mat-button class="organization__action-button" [disabled]="!newProfile" (click)="switchProfile()">go to new profile</button>\n          </div>\n        </div>\n      </mat-step>\n    </mat-vertical-stepper>\n  ',styles:['\n    .organization__header{padding-left:10px;height:52px;line-height:52px}.organization__header-title{margin-left:6px;font-size:20px;line-height:28px;font-weight:500}.organization__button.send{background-color:#002f66;color:#FFF}.organization__button.resend{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.organization__form,.organization__wrapper{max-width:264px}.organization__input{width:100%}.organization__input-wrapper{padding-bottom:10px}.organization__input-hint{font-size:12px}.organization__input-hint.pass{color:#002f66}.organization__input-hint.fail{color:#f44336}.organization__checkbox-wrapper{margin-right:8px;width:20px;vertical-align:top}.organization__checkbox-label{width:232px;font-size:14px;line-height:20px}.organization__checkbox-wrapper,.organization__checkbox-label{display:inline-block}.organization__divider{margin-top:10px;margin-bottom:10px}.organization__agreement,.organization__message{margin-bottom:8px;font-size:14px;line-height:20px}.organization__action-button{padding-left:8px;padding-right:8px;text-transform:uppercase}.organization__action-button.create{color:#FFF;background-color:#002f66}::ng-deep .add-organization .mat-dialog-container{padding:0 0 24px 0}::ng-deep .add-organization .mat-dialog-container .mat-stepper-vertical{background-color:#FAFAFA}\n  ']}),x("design:paramtypes",[a.FormBuilder,d,i.MatDialogRef])],t)}(),O=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},z=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},R=function(){function t(t){this.dialog=t,this.loading=!1,this.switchEvent=new e.EventEmitter,this.addOrgEvent=new e.EventEmitter,this.switchAndRedirectEvent=new e.EventEmitter,this.getEmailVerificationEvent=new e.EventEmitter,this.resendEmailVerificationEvent=new e.EventEmitter,this.getNameValidityEvent=new e.EventEmitter,this.createOrganizationEvent=new e.EventEmitter,this.switchProfileEvent=new e.EventEmitter}return Object.defineProperty(t.prototype,"Profiles",{get:function(){return this.profiles.Profiles},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"CurrentProfile",{get:function(){var t=this.profiles.currentProfile();if(t)return t.Properties},enumerable:!0,configurable:!0}),t.prototype.addOrganization=function(){var t=this,e=this.dialog.open(w,{panelClass:"add-organization"});e.componentInstance.switchAndRedirectEvent.subscribe(function(e){t.switchAndRedirectEvent.emit(e)}),e.componentInstance.getEmailVerificationEvent.subscribe(function(){t.getEmailVerificationEvent.emit()}),e.componentInstance.resendEmailVerificationEvent.subscribe(function(){t.resendEmailVerificationEvent.emit()}),e.componentInstance.getNameValidityEvent.subscribe(function(e){t.getNameValidityEvent.emit(e)}),e.componentInstance.createOrganizationEvent.subscribe(function(e){t.createOrganizationEvent.emit(e)}),e.componentInstance.switchProfileEvent.subscribe(function(){t.switchProfileEvent.emit()})},t.prototype.switchProfile=function(t){this.switchEvent.emit(t)},O([e.Input(),z("design:type",Object)],t.prototype,"loading",void 0),O([e.Input(),z("design:type",f)],t.prototype,"profiles",void 0),O([e.Output(),z("design:type",Object)],t.prototype,"switchEvent",void 0),O([e.Output(),z("design:type",Object)],t.prototype,"addOrgEvent",void 0),O([e.Output(),z("design:type",Object)],t.prototype,"switchAndRedirectEvent",void 0),O([e.Output(),z("design:type",Object)],t.prototype,"getEmailVerificationEvent",void 0),O([e.Output(),z("design:type",Object)],t.prototype,"resendEmailVerificationEvent",void 0),O([e.Output(),z("design:type",Object)],t.prototype,"getNameValidityEvent",void 0),O([e.Output(),z("design:type",Object)],t.prototype,"createOrganizationEvent",void 0),O([e.Output(),z("design:type",Object)],t.prototype,"switchProfileEvent",void 0),t=O([e.Component({selector:"rlstr-account-profile",template:'\n    <button mat-button class="account__profile" [matMenuTriggerFor]="profiles">\n      <mat-spinner [diameter]="32" [strokeWidth]="2" class="account__profile-icon left loading" *ngIf="loading">refresh</mat-spinner>\n      <mat-icon class="account__profile-icon left" *ngIf="(CurrentProfile)?.organization.name === \'realster\' && !loading">account_circle</mat-icon>\n      <mat-icon class="account__profile-icon left" *ngIf="(CurrentProfile)?.organization.name !== \'realster\' && !loading">business</mat-icon>\n      <span class="account__profile-name" *ngIf="!loading">{{(CurrentProfile)?.organization.name === \'realster\' ? \'Personal\' : (CurrentProfile)?.organization.name}}</span>\n      <mat-icon class="account__profile-icon right" *ngIf="!loading">arrow_drop_down</mat-icon>\n    </button>\n    <mat-menu #profiles="matMenu" class="menu__profile-container">\n      <div class="menu__profile-wrapper">\n        <div class="menu__profile-title">\n          Select Profile\n        </div>\n        <div class="menu__profile-item" *ngFor="let profile of Profiles">\n          <button mat-button class="menu__profile-button" (click)="switchProfile(profile.Properties.id)">\n            <mat-icon class="menu__profile-icon" *ngIf="profile.Properties.organization.name !== \'realster\'">business</mat-icon>\n            <mat-icon class="menu__profile-icon" *ngIf="profile.Properties.organization.name === \'realster\'">account_circle</mat-icon>\n            <span class="menu__profile-name">{{profile.Properties.organization.name === \'realster\' ? \'Personal\' : profile.Properties.organization.name}}</span>\n            <mat-icon class="menu__profile-icon right" *ngIf="profile.Properties.organization.name === (CurrentProfile)?.organization.name">check</mat-icon>\n          </button>\n        </div>\n        <button mat-button class="menu__profile-button add-organization" (click)="addOrganization()">\n          <mat-icon class="menu__profile-icon">business</mat-icon>\n          <span class="menu__profile-name">Add Organization</span>\n        </button>\n      </div>\n    </mat-menu>\n  ',styles:["\n    .account__profile{line-height:56px;width:100%;text-align:left}.account__profile-icon.left{margin-right:24px}.account__profile-icon.left.loading{margin-top:10px;margin-left:auto;margin-right:auto;-webkit-animation:rotate 2s infinite linear;animation:rotate 2s infinite linear;-moz-animation:rotate 2s infinite linear}.account__profile-icon.right{float:right;margin-top:16px}.account__profile-name{text-transform:capitalize}::ng-deep .menu__profile-container{width:285px;max-width:285px;background-color:#FAFAFA}::ng-deep .menu__profile-container .mat-menu-content{padding:0}::ng-deep .menu__profile-title{line-height:56px;padding-left:24px;padding-right:24px}::ng-deep .menu__profile-button.mat-button{line-height:56px;width:100%;text-align:left}::ng-deep .menu__profile-button.mat-button.add-organization{border-top:1px solid #979797}::ng-deep .menu__profile-icon{margin-right:24px}::ng-deep .menu__profile-icon.right{margin-top:16px;margin-right:0;float:right}::ng-deep .menu__profile-name{text-transform:capitalize}\n  "]}),z("design:paramtypes",[i.MatDialog])],t)}(),k=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},C=function(){function t(){}return t=k([e.NgModule({declarations:[h,v,R,w],entryComponents:[v,R,w],imports:[n.CommonModule,i.MatIconModule,i.MatButtonModule,i.MatDialogModule,i.MatMenuModule,i.MatStepperModule,i.MatInputModule,i.MatFormFieldModule,i.MatCheckboxModule,a.ReactiveFormsModule,i.MatProgressSpinnerModule],exports:[i.MatIconModule,i.MatButtonModule,i.MatDialogModule,i.MatMenuModule,i.MatStepperModule,i.MatProgressSpinnerModule,h,R,v,w,i.MatCheckboxModule,i.MatInputModule,i.MatFormFieldModule],providers:[d]})],t)}(),j=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},P=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},E=function(){function t(){}return t=j([e.Component({selector:"rlstr-launcher-dialog",template:'\n    <div class="launcher__dialog">\n      <div *ngFor="let app of apps;" class="launcher__dialog-app">\n        <div class="launcher__dialog-app-content">\n          <a href="{{app.link}}" class="launcher__dialog-app-content-link">\n            <div>\n              <img src="{{app.src}}">\n            </div>\n            <div class="launcher__dialog-app-content-name">\n              {{app.name}}\n            </div>\n          </a>\n        </div>\n      </div>\n    </div>\n  ',styles:["\n    .launcher__dialog-app{display:inline-block;width:33%;text-align:center;margin-bottom:24px}.launcher__dialog-app-content{display:inline-block}.launcher__dialog-app-content-link{text-decoration:none}.launcher__dialog-app-content-link:focus{outline:none}.launcher__dialog-app-content-name{font-size:14px !important;color:rgba(0,0,0,0.87) !important}/deep/ .launcher__backdrop{opacity:0}\n  "]}),P("design:paramtypes",[])],t)}(),M=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},I=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},V=function(){function t(t){this.dialog=t}return t.prototype.openLauncherDialog=function(){var t={position:{top:"64px",right:"20px"},height:"266px",width:"320px",backdropClass:"launcher__backdrop"};this.dialog.open(E,t).componentInstance.apps=this.apps},M([e.Input(),I("design:type",Object)],t.prototype,"apps",void 0),t=M([e.Component({selector:"rlstr-launcher-button",template:'\n    <div class="header__launcher">\n      <button mat-icon-button calss="header__launcher-button" (click)="openLauncherDialog()">\n        <mat-icon>apps</mat-icon>\n      </button>\n    </div>\n  ',styles:["\n    .header__launcher{float:right}\n  "]}),I("design:paramtypes",[i.MatDialog])],t)}(),S=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},D=function(){function t(){}return t=S([e.NgModule({declarations:[V,E],imports:[i.MatIconModule,i.MatButtonModule,i.MatDialogModule,n.CommonModule],exports:[V,E],entryComponents:[E]})],t)}(),A=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},N=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},F=function(t,e,n,i){return new(n||(n=Promise))(function(o,a){function r(t){try{l(i.next(t))}catch(t){a(t)}}function c(t){try{l(i.throw(t))}catch(t){a(t)}}function l(t){t.done?o(t.value):new n(function(e){e(t.value)}).then(r,c)}l((i=i.apply(t,e||[])).next())})},T=function(t,e){function n(n){return function(r){return function(n){if(i)throw new TypeError("Generator is already executing.");for(;c;)try{if(i=1,o&&(a=o[2&n[0]?"return":n[0]?"throw":"next"])&&!(a=a.call(o,n[1])).done)return a;switch(o=0,a&&(n=[0,a.value]),n[0]){case 0:case 1:a=n;break;case 4:return c.label++,{value:n[1],done:!1};case 5:c.label++,o=n[1],n=[0];continue;case 7:n=c.ops.pop(),c.trys.pop();continue;default:if(a=c.trys,!(a=a.length>0&&a[a.length-1])&&(6===n[0]||2===n[0])){c=0;continue}if(3===n[0]&&(!a||n[1]>a[0]&&n[1]<a[3])){c.label=n[1];break}if(6===n[0]&&c.label<a[1]){c.label=a[1],a=n;break}if(a&&c.label<a[2]){c.label=a[2],c.ops.push(n);break}a[2]&&c.ops.pop(),c.trys.pop();continue}n=e.call(t,c)}catch(t){n=[6,t],o=0}finally{i=a=0}if(5&n[0])throw n[1];return{value:n[0]?n[1]:void 0,done:!0}}([n,r])}}var i,o,a,r,c={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return r={next:n(0),throw:n(1),return:n(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r},B=function(){function t(t){this.sanitizer=t,this.removeNotEvent=new e.EventEmitter,this.activeIndex=-1,this.delay=!1}return t.prototype.ngOnInit=function(){return F(this,void 0,void 0,function(){var t;return T(this,function(e){return this.initNotifications(),this.ifUnfold=!1,this.data&&null!==this.data.id&&(t=s.findIndex(this.notifications,{id:this.data.id}),this.expand(t)),[2]})})},t.prototype.initNotifications=function(){for(var t=0,e=this.notifications;t<e.length;t++){var n=e[t];n.formatTime=new Date(n.time),n.body=this.sanitizer.bypassSecurityTrustHtml(n.message)}},t.prototype.getAppName=function(t){return this.notifications[t].data.app_name?this.notifications[t].data.app_name:"UnKnown"},t.prototype.getAppImage=function(t){return this.notifications[t].data.app_image?this.notifications[t].data.app_image:"/assets/profile.png"},t.prototype.expand=function(t){this.activeIndex=t},t.prototype.isUnfolded=function(t){return this.activeIndex===t&&-1!==this.activeIndex},t.prototype.removeNotification=function(t){this.notifications.splice(this.notifications.indexOf(t),1),this.removeNotEvent.emit(t)},t.prototype.back=function(){this.activeIndex=-1},t.prototype.prevCard=function(){this.activeIndex-=1,this.expand(this.activeIndex)},t.prototype.nextCard=function(){this.activeIndex+=1,this.expand(this.activeIndex)},t.prototype.doAction=function(t){window.location.href=t},t=A([e.Component({selector:"rlstr-notification-dialog",template:'\n    <div class="notification__container" [ngClass.xs]="\'xs\'" [ngClass]="{delay: delay}">\n      <div class="notification__title">\n        <div class="notification__back" [ngClass]="{expanded: activeIndex >= 0}">\n          <button mat-button class="notification__back-button" (click)="back()">\n            <mat-icon>arrow_back</mat-icon>\n          </button>\n        </div>\n        <div class="notification__title-text">Realster</div>\n        <div class="notification__nav" [ngClass]="{expanded: activeIndex >= 0}">\n          <button mat-button class="notification__nav-up" [disabled]="activeIndex === 0" (click)="prevCard()">\n            <mat-icon>expand_less</mat-icon>\n          </button>\n          <button mat-button class="notification__nav-down" [disabled]="activeIndex === notifications.length - 1" (click)="nextCard()">\n            <mat-icon>expand_more</mat-icon>\n          </button>\n        </div>\n      </div>\n      <div mat-dialog-content class="notification__messages-container">\n        <div class="notification__empty-container" *ngIf="notifications && notifications.length < 1">\n          <div class="notification__empty-icon">\n            <mat-icon class="notification__main-icon">notifications</mat-icon>\n          </div>\n          <div class="notification__empty-title">\n            All caught up!\n          </div>\n          <div class="notification__empty-subtitle">\n            Your requests will be shown here.\n          </div>\n        </div>\n        <mat-card class="notification__messages" *ngFor="let notification of notifications; let i = index;" [ngClass]="{expanded: isUnfolded(i)}">\n          <button mat-button class="notification__close" (click)="removeNotification(notification)">\n            <mat-icon>close</mat-icon>\n          </button>\n          <div class="notification__icon-general">\n            <img class="notification__icon-avatar" src="{{getAppImage(i)}}">\n          </div>\n          <div class="notification__messages-text" [ngClass.xs]="\'xs\'" [ngClass]="{expanded: isUnfolded(i)}" (click)="expand(i)">\n            <div class="notification__messages-title">{{getAppName(i)}}</div>\n            <div class="notification__messages-time">{{notification.formatTime}}</div>\n          </div>\n          <div class="notification__requests" [ngClass]="{expanded: isUnfolded(i)}">\n            <div class="notification__requests-realapp">\n              {{notification.data.subject}}\n            </div>\n            <ul class="notification__requests-additionals" style="list-style-type: none;" [innerHTML]="notification.body">\n            </ul>\n          </div>\n          <div class="notification__action" [ngClass]="{expanded: isUnfolded(i)}">\n            <button class="notification__action-button" mat-button *ngFor="let action of notification.data.actions" (click)="doAction(action.link)">{{action.label}}</button>\n          </div>\n        </mat-card>\n      </div>\n    </div>\n  ',styles:["\n    .notification__container{padding:11px 0 20px;background-color:#FAFAFA;width:304px;color:rgba(0,0,0,0.87);opacity:1;transition:all 1.8s ease-in-out;margin:-24px}.notification__container.xs{width:254px}.notification__container.delay{opacity:0}@media only screen and (max-width: 675px){.notification__container{width:254px}}.notification__back{position:absolute;top:0;left:8px;opacity:0;height:0;transition:all .210s ease-in-out}.notification__back-button{padding-left:0;padding-right:0;min-width:48px;width:48px;height:48px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px}.notification__back.expanded{opacity:1;height:auto}.notification__nav{position:absolute;top:0;right:8px;opacity:0;height:0;transition:all .210s ease-in-out}.notification__nav-up,.notification__nav-down{padding-left:0;padding-right:0;min-width:48px;width:48px;height:48px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px}.notification__nav.expanded{opacity:1;height:auto}.notification__title{position:relative;margin-bottom:20px;padding-left:20px;padding-right:20px;height:48px}.notification__title-text{font-size:20px;font-weight:500;line-height:48px;text-align:center;font-family:'Roboto', Sans-serif}.notification__title-button{padding-left:0;padding-right:0;min-width:48px;width:48px;height:48px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px}.notification__title-button-group{margin-right:-15px;padding:0;float:right;min-width:48px;border-radius:24px;line-height:48px}.notification__empty-container{padding-top:40px;padding-bottom:78px;text-align:center}.notification__empty-title{padding-bottom:30px;font-size:20px;color:rgba(0,0,0,0.37)}.notification__empty-subtitle{font-size:14px;font-weight:400;color:rgba(0,0,0,0.37)}.notification__main-icon{padding-bottom:20px;width:100%;height:auto;font-size:64px;color:rgba(0,0,0,0.37)}.notification__icon-general{display:table-cell;width:40px;height:40px;vertical-align:top}.notification__icon-avatar{width:40px;height:40px}.notification__messages{max-height:100px;margin-bottom:8px;padding:16px;transition:all .218s ease-in-out}.notification__messages:last-child{margin-bottom:0}.notification__messages-container{margin:0;padding-left:8px;padding-right:8px;display:table;max-height:158px;width:100%}.notification__messages-container.expanded{max-height:65vh}.notification__messages-title{font-size:16px;line-height:1.5;font-weight:400;color:rgba(0,0,0,0.87)}.notification__messages-time{opacity:1;font-size:12px}.notification__messages-time.expanded{opacity:0;transition:all .218s ease-in-out}.notification__messages-text{max-width:230px;width:100%;padding-left:16px;display:table-cell;font-size:14px;font-weight:400;overflow:hidden;height:48px;color:rgba(0,0,0,0.37);text-overflow:ellipsis;vertical-align:top;cursor:pointer}.notification__messages-text.xs{width:80%}.notification__messages-text.expanded{cursor:default}.notification__messages-button{margin-top:-15px;margin-right:-15px;padding-left:0;padding-right:0;min-width:48px;vertical-align:top;width:48px;height:48px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px}.notification__messages-button-container{display:table-cell;padding:0;vertical-align:top;opacity:1;transition:all .210s ease-in-out}.notification__messages-button-container.expanded{max-width:0;opacity:0;overflow:hidden}.notification__messages:last-child{margin-bottom:10px}.notification__messages.expanded{max-height:300px}.notification__close{width:24px;height:24px;float:right;min-width:24px;min-height:24px;line-height:24px;opacity:0.6;padding:0}.notification__requests{height:0;font-size:14px;color:rgba(0,0,0,0.87);opacity:0}.notification__requests.expanded{margin-top:15px;line-height:1.71;height:auto;opacity:1}.notification__requests-realapp{margin-bottom:5px;font-weight:500}.notification__requests-additionals{font-weight:400}.notification__requests-additionals li{font-size:30px;font-weight:400}.notification__action{position:relative;padding-top:0;padding-bottom:0;height:0;opacity:0;text-align:left}.notification__action-button{color:#002f66;text-transform:uppercase;margin-left:-16px}.notification__action-button.hidden{display:none}.notification__action.expanded{padding-top:8px;padding-bottom:8px;height:auto;opacity:1}.notification__backdrop{background:transparent}/deep/ .mat-dialog-container{overflow:hidden;background-color:#FAFAFA}/deep/ .notification__requests-additionals li{font-weight:400}\n  "]}),N("design:paramtypes",[l.DomSanitizer])],t)}(),q=function(){function t(){this.activeNotificationObservable=new o.ReplaySubject}return t.prototype.setActiveNotification=function(t){this.activeNotificationObservable.next(t)},t}(),G=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},U=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},L=function(){function t(t,n){var i=this;this.dialog=t,this.notificationSvc=n,this.removeNotification=new e.EventEmitter,n.activeNotificationObservable.subscribe(function(t){t&&i.toggleNotification(t.id)})}return t.prototype.toggleNotification=function(t){var e=this,n=this.dialog.open(B,{position:{top:"64px",right:"20px"},backdropClass:"notification__backdrop",panelClass:"dialog-container"});n.componentInstance.data={id:t||null},n.componentInstance.notifications=this.notifications,n.componentInstance.removeNotEvent.subscribe(function(t){e.removeNotification.emit(t)})},G([e.Input(),U("design:type",Array)],t.prototype,"notifications",void 0),G([e.Output(),U("design:type",Object)],t.prototype,"removeNotification",void 0),t=G([e.Component({selector:"rlstr-notification-button",template:'\n    <div class="header__notification">\n      <button mat-button class="header-notification__button" (click)="toggleNotification()">\n        <mat-icon class="header-notification__icon">notifications</mat-icon>\n        <div class="header-notification__counter" *ngIf="notifications && notifications.length > 0">\n          {{ notifications.length }}\n        </div>\n      </button>\n    </div>\n  ',styles:["\n    .header__notification{display:inline-block;margin-top:8px;float:left}.header-notification__button{padding:0;height:48px;min-width:48px;border-radius:24px;color:rgba(0,0,0,0.87)}.header-notification__counter{position:absolute;top:15px;right:12px;background-color:#d0011b;color:#FFF;height:11px;width:11px;font-size:8px;line-height:11px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}\n  "]}),U("design:paramtypes",[i.MatDialog,q])],t)}(),H=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},X=function(){function t(){}return t=H([e.NgModule({declarations:[B,L],entryComponents:[B],imports:[i.MatButtonModule,i.MatDialogModule,i.MatIconModule,i.MatCardModule,n.CommonModule,p.FlexLayoutModule],exports:[B,L,i.MatDialogModule],providers:[q]})],t)}(),Y=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},K=function(){function t(){}return t=Y([e.NgModule({exports:[i.MatCardModule,i.MatButtonModule,i.MatDialogModule,i.MatIconModule]})],t)}(),W=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},J=function(){function t(){this.disableStatus=new o.ReplaySubject}return Object.defineProperty(t.prototype,"Component",{get:function(){return this.component},set:function(t){this.component=t},enumerable:!0,configurable:!0}),t=W([e.Injectable()],t)}(),Q=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},Z=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},$=function(t,e){return function(n,i){e(n,i,t)}},tt=function(){function t(t,e,n,i,o){this.portalService=t,this.resolver=e,this.dialogRef=n,this.cdr=i,this.data=o,this.dialogTitle="",this.disableStaus=!0,this.disableStatusSubscription=new c.Subscription}return t.prototype.ngOnInit=function(){var t=this,e=this.resolver.resolveComponentFactory(this.portalService.Component);this.componentRef=this.container.createComponent(e),this.data.dialogTitle&&(this.dialogTitle=this.data.dialogTitle),this.data.okButtonTitle&&(this.okButtonTitle=this.data.okButtonTitle),this.data.cancelButtonTitle&&(this.cancelButtonTitle=this.data.cancelButtonTitle),this.data.originalData&&(this.componentRef.instance.templateData=this.data.originalData),this.disableStatusSubscription=this.portalService.disableStatus.subscribe(function(e){null!=e&&(t.disableStaus=e)})},t.prototype.ngAfterViewChecked=function(){this.cdr.detectChanges()},t.prototype.ngOnDestroy=function(){this.componentRef.destroy(),this.disableStatusSubscription.unsubscribe()},t.prototype.close=function(){this.dialogRef.close("close")},t.prototype.ok=function(){this.data.okFunction&&null!==this.componentRef.instance.templateData&&void 0!==this.componentRef.instance.templateData?(this.data.okFunction(this.componentRef.instance.templateData),this.dialogRef.close("ok")):null===this.componentRef.instance.templateData&&this.dialogRef.close("ok")},Q([e.ViewChild("container",{read:e.ViewContainerRef}),Z("design:type",Object)],t.prototype,"container",void 0),t=Q([e.Component({selector:"app-realster-dialog",template:'\n    <div class="container">\n      <div class="header">\n        <div class="close mobile">\n          <button (click)="close()" mat-icon-button><mat-icon>close</mat-icon></button>\n        </div>\n        <div class="title">\n          <div>{{ dialogTitle }}</div>\n        </div>\n        <div class="ok mobile">\n          <button (click)="ok()" [disabled]="disableStaus" mat-icon-button>{{ okButtonTitle || \'OK\'}}</button>\n        </div>\n      </div>\n      <div class="clear"></div>\n      <div class="body">\n        <ng-template #container></ng-template>\n      </div>\n      <div class="clear"></div>\n      <div class="footer">\n        <div class="ok">\n          <button class="button" (click)="ok()" [disabled]="disableStaus" mat-button>{{ okButtonTitle || \'ok\'}}</button>\n        </div>\n        <div class="close">\n          <button class="button" (click)="close()" mat-button>{{ cancelButtonTitle || \'cancel\'}}</button>\n        </div>\n      </div>\n    </div>\n  ',styles:["\n    .container{width:100%;height:100%}@media (min-width: 700px){.container{width:440px;height:auto}}.container .header{padding-left:8px;padding-right:8px;width:100%;height:48px}.container .header>div{float:left}.container .header .close{width:40px}.container .header .close button{color:#002f66 !important}.container .header .close.mobile{height:48px;line-height:48px}.container .header .title{height:100%;width:calc(100% - 80px)}.container .header .title>div{padding-left:12px;font-size:20px;font-weight:500;line-height:48px}.container .header .ok{width:40px}.container .header .ok button{color:#002f66 !important}.container .header .ok.mobile{height:48px;line-height:48px}@media (min-width: 700px){.container .header .close{display:none}.container .header .title{width:100%}.container .header .ok{display:none}}@media only screen and (max-width: 699px){.container .header{background-color:#FAFAFA;box-shadow:0 4px 4px 0 rgba(0,0,0,0.24),0 0 4px 0 rgba(0,0,0,0.12)}}.container .body{width:100%;padding:20px 20px 12px;overflow-y:auto;overflow-x:hidden}.container .footer{padding-top:8px;padding-bottom:8px;display:none}@media (min-width: 700px){.container .footer{display:block;width:100%;height:52px}.container .footer>div{float:right}}.container .footer .button{color:#002f66;text-transform:uppercase}.container .footer .button[disabled]{color:rgba(0,0,0,0.38)}.container .clear{clear:both}::ng-deep .fullscreen{padding:0}@media (max-width: 699px){::ng-deep .fullscreen{width:100vw;height:100vh}::ng-deep .fullscreen>.mat-dialog-container{max-width:100%}}\n  "]}),$(4,e.Inject(i.MAT_DIALOG_DATA)),Z("design:paramtypes",[J,e.ComponentFactoryResolver,i.MatDialogRef,e.ChangeDetectorRef,Object])],t)}(),et=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},nt=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},it=function(){function t(t,e,n){this.resolver=t,this.mdDialog=e,this.portalService=n}return t.prototype.open=function(t,e){e||(e={panelClass:"fullscreen"});var n=this.resolver.resolveComponentFactory(tt).componentType;return this.portalService.Component=t,this.mdDialog.open(n,e)},t=et([e.Injectable(),nt("design:paramtypes",[e.ComponentFactoryResolver,i.MatDialog,J])],t)}(),ot=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},at=function(){function t(){}return t=ot([e.Component({moduleId:module.id,selector:"realster-card",template:'\n    <mat-card>\n      <mat-card-header>\n        <mat-card-title>\n          <ng-content select="realster-card-header"></ng-content>\n        </mat-card-title>\n      </mat-card-header>\n      <div class="image">\n        <ng-content select="realster-card-image">\n        </ng-content>\n      </div>\n      <div class="content">\n        <ng-content select="realster-card-content">\n        </ng-content>\n      </div>\n      <div class="actions">\n        <ng-content select="realster-card-actions">\n        </ng-content>\n      </div>\n    </mat-card>\n  ',styles:["\n    .image{padding:15px;background-color:#3F5894;text-align:center}.content{padding-top:15px;padding-bottom:15px}\n  "]})],t)}(),rt=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},ct=function(){function t(){}return t=rt([e.Component({selector:"realster-card-header",template:'\n    <div class="card-header">\n      <ng-content></ng-content>\n    </div>\n  ',styles:["\n    .card-header{font-weight:bold;font-size:32px}\n  "]})],t)}(),lt=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},st=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},pt=function(){function t(){}return lt([e.Input("src"),st("design:type",Object)],t.prototype,"src",void 0),t=lt([e.Component({selector:"realster-card-image",template:'\n    <img [src]="src" />\n  ',styles:["\n    img{width:100px}\n  "]})],t)}(),dt=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},ut=function(){function t(){}return t=dt([e.Component({selector:"realster-card-content",template:"\n    <div>\n      <ng-content></ng-content>\n    </div>\n  "})],t)}(),ft=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},gt=function(){function t(){}return t=ft([e.Component({selector:"realster-card-actions",template:"\n    <ng-content></ng-content>\n  "})],t)}(),mt=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},ht=function(){function t(){}return t=mt([e.NgModule({imports:[K],declarations:[at,ct,pt,ut,gt,tt],entryComponents:[tt],providers:[it,J],exports:[at,ct,pt,ut,gt,tt]})],t)}();t.AccountComponentModule=C,t.AccountButtonComponent=h,t.AccountDialogComponent=v,t.AccountProfileComponent=R,t.OrganizationAddDialogComponent=w,t.OrganizationDialogService=d,t.ProfileCollection=f,t.ProfileModel=u,t.LauncherButtonComponent=V,t.LauncherDialogComponent=E,t.RLauncherModule=D,t.NotificationDialogComponent=B,t.NotificationButtonComponent=L,t.NotificationComponentModule=X,t.NotificationService=q,t.CardActionsComponent=gt,t.CardComponent=at,t.CardContentComponent=ut,t.CardHeaderComponent=ct,t.CardImageComponent=pt,t.DialogComponent=tt,t.DialogService=it,t.PortalService=J,t.RealsterMaterialModule=ht,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/material"),require("rxjs/ReplaySubject"),require("@angular/forms"),require("rxjs/Rx"),require("rxjs/Subscription"),require("@angular/platform-browser"),require("lodash"),require("@angular/flex-layout")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common","@angular/material","rxjs/ReplaySubject","@angular/forms","rxjs/Rx","rxjs/Subscription","@angular/platform-browser","lodash","@angular/flex-layout"],e):e((t.ng=t.ng||{},t.ng.realsterangular={}),t.ng.core,t.common,t.material,t.ReplaySubject,t.forms,t.Rx,t.Subscription,t.platformBrowser,t._,t.flexLayout)}(this,function(t,e,n,i,o,a,r,c,l,s,p){"use strict";var d=function(){function t(){this.nameValidationObservable=new o.ReplaySubject,this.newProfileObservable=new o.ReplaySubject,this.emailVerifiedObservable=new o.ReplaySubject}return t.prototype.setNameValidation=function(t){this.nameValidationObservable.next(t)},t.prototype.setNewProfile=function(t){this.newProfileObservable.next(t)},t.prototype.setEmailVerified=function(t){this.emailVerifiedObservable.next(t)},t}(),u=function(){function t(t){this.properties=t}return Object.defineProperty(t.prototype,"Properties",{get:function(){return this.properties},enumerable:!0,configurable:!0}),t.prototype.getInitials=function(){return this.properties.first_name.charAt(0)+" "+this.properties.last_name.charAt(0)},t.prototype.isCurrent=function(){return this.properties.current},t}(),f=function(){function t(t){this.profiles=[],this.profiles=t}return Object.defineProperty(t.prototype,"Profiles",{get:function(){return this.profiles},enumerable:!0,configurable:!0}),t.prototype.currentProfile=function(){for(var t=0,e=this.profiles;t<e.length;t++){var n=e[t];if(n.isCurrent())return n}},t}(),g=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},m=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},h=function(){function t(t){this.dialog=t}return Object.defineProperty(t.prototype,"CurrentInitial",{get:function(){return this.currentProfile.getInitials()},enumerable:!0,configurable:!0}),t.prototype.openAccountSetting=function(){var t={position:{top:"64px",right:"20px"},height:"228px",width:"285px",backdropClass:"setting__backdrop",panelClass:"account__setting-panel"};this.dialog.open(this.dialogComponent,t)},g([e.Input(),m("design:type",u)],t.prototype,"currentProfile",void 0),g([e.ViewChild("dialog"),m("design:type",Object)],t.prototype,"dialogComponent",void 0),t=g([e.Component({selector:"rlstr-account-button",template:'\n    <div class="header__account">\n      <button mat-icon-button class="header__account-button" (click)="openAccountSetting()">\n        {{CurrentInitial}}\n      </button>\n    </div>\n    <ng-template #dialog>\n      <ng-content select="rlstr-account-dialog"></ng-content>\n    </ng-template>\n  ',styles:["\n    .header__account{float:left}.header__account-button{background-color:#9B9B9B;color:#002f66;text-transform:uppercase}\n  "]}),m("design:paramtypes",[i.MatDialog])],t)}(),b=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},_=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},v=function(){function t(){this.signOutEvent=new e.EventEmitter}return Object.defineProperty(t.prototype,"Profiles",{get:function(){return this.profiles.Profiles},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"CurrentProfile",{get:function(){var t=this.profiles.currentProfile();if(t)return t.Properties},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"CurrentInitial",{get:function(){var t=this.profiles.currentProfile();if(t)return t.getInitials()},enumerable:!0,configurable:!0}),t.prototype.signOut=function(){this.signOutEvent.emit()},b([e.Input(),_("design:type",f)],t.prototype,"profiles",void 0),b([e.Input(),_("design:type",String)],t.prototype,"termsUrl",void 0),b([e.Input(),_("design:type",String)],t.prototype,"privacyUrl",void 0),b([e.Input(),_("design:type",String)],t.prototype,"accountUrl",void 0),b([e.Output(),_("design:type",Object)],t.prototype,"signOutEvent",void 0),t=b([e.Component({selector:"rlstr-account-dialog",template:'\n    <div class="account-dialog__container">\n      <div class="account-dialog__wrapper details">\n        <div class="account-dialog__details">\n          <div class="account-dialog__name">\n            {{(CurrentProfile)?.first_name}} {{(CurrentProfile)?.last_name}}\n          </div>\n          <div class="account-dialog__email">\n            {{ (CurrentProfile)?.email }}\n          </div>\n          <div class="account-dialog__terms-and-policy">\n            <a class="account-dialog__link" [href]="termsUrl">Terms</a>\n            <span class="account-dialog__dash">-</span>\n            <a class="account-dialog__link" [href]="privacyUrl">Privacy Policy</a>\n          </div>\n        </div>\n        <div class="account-dialog__avatar-container">\n          <div class="account-dialog__avatar-image">{{ CurrentInitial}}</div>\n        </div>\n      </div>\n      <div class="account-dialog__wrapper gray button">\n        <ng-content select="rlstr-account-profile"></ng-content>\n      </div>\n      <div class="account-dialog__wrapper gray">\n        <div class="account-dialog__actions">\n          <a mat-button class="account-dialog__account" [href]="accountUrl">My Account</a>\n          <button mat-button class="account-dialog__sign-out" (click)="signOut()">Sign out</button>\n        </div>\n      </div>\n    </div>\n  ',styles:['\n    ::ng-deep .account__setting-panel .mat-dialog-container{padding:2px 0 0 0;overflow:hidden}.account-dialog__container{padding:0}.account-dialog__wrapper{padding:8px;zoom:1}.account-dialog__wrapper.details{padding-bottom:28px}.account-dialog__wrapper.gray{background-color:rgba(216,216,216,0.38);height:56px}.account-dialog__wrapper.button{padding:0;border-top:1px solid #979797;border-bottom:1px solid #979797}.account-dialog__wrapper:before,.account-dialog__wrapper:after{content:"";display:table}.account-dialog__wrapper:after{clear:both}.account-dialog__details{float:left;font-size:14px;padding-top:16px;padding-left:16px}.account-dialog__name{margin-bottom:8px;font-weight:500;color:rgba(0,0,0,0.87)}.account-dialog__email{margin-bottom:8px;color:rgba(0,0,0,0.54);max-width:150px;overflow:hidden;text-overflow:ellipsis}.account-dialog__link{color:#002f66;text-decoration:none;font-size:12px}.account-dialog__link:visited{color:#002f66}.account-dialog__dash{color:rgba(0,0,0,0.54);margin-left:4px;margin-right:4px}.account-dialog__avatar-container{padding-top:16px;padding-right:16px;float:right}.account-dialog__avatar-image{margin-left:20px;height:64px;width:64px;border-radius:100%;border:none;background-color:#9B9B9B;text-align:center;line-height:64px;color:#002f66;text-transform:uppercase}.account-dialog__avatar-image img{height:64px;width:64px}.account-dialog__sign-out{float:right;color:rgba(0,0,0,0.54);border:1px solid #979797}@keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}\n  ']}),_("design:paramtypes",[])],t)}(),y=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},x=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},w=function(){function t(t,n,i){this.fb=t,this.organizationSvc=n,this.dialog=i,this.switchAndRedirectEvent=new e.EventEmitter,this.getEmailVerificationEvent=new e.EventEmitter,this.resendEmailVerificationEvent=new e.EventEmitter,this.getNameValidityEvent=new e.EventEmitter,this.createOrganizationEvent=new e.EventEmitter,this.switchProfileEvent=new e.EventEmitter,this.nameValidityMessage="This will be your unique organization name",this.organizationComplete=!1,this.nameInputSubscription=new c.Subscription,this.emailVerifiedSubscription=new c.Subscription,this.newProfileSubscription=new c.Subscription,this.nameValidityResultSubscription=new c.Subscription}return t.prototype.ngOnInit=function(){var t=this;this.emailVerifiedSubscription=this.organizationSvc.emailVerifiedObservable.subscribe(function(e){t.emailVerified=e}),this.newProfileSubscription=this.organizationSvc.newProfileObservable.subscribe(function(e){t.newProfile=e}),this.emailValidationGroup=this.fb.group({email_validated:[this.emailVerified,a.Validators.required]}),void 0!==this.emailVerified&&this.emailValidationGroup.controls.email_validated.setValue(this.emailVerified),this.organizationGroup=this.fb.group({name:["",[a.Validators.required],this.checkNameValidity.bind(this)],is_business:[!1],business_name:[""]}),this.organizationGroup.controls.is_business.valueChanges.subscribe(function(e){e?(t.organizationGroup.controls.business_name.patchValue(""),t.organizationGroup.controls.business_name.markAsPristine(),t.organizationGroup.controls.business_name.markAsUntouched()):t.organizationGroup.controls.business_name.setValidators(null),t.organizationGroup.controls.business_name.updateValueAndValidity()}),this.organizationGroup.valueChanges.subscribe(function(e){e.is_business?e.name&&"valid"===t.nameValidity&&e.business_name?t.organizationComplete=!0:t.organizationComplete=!1:e.name&&"valid"===t.nameValidity?t.organizationComplete=!0:t.organizationComplete=!1})},t.prototype.ngOnDestroy=function(){this.nameInputSubscription.unsubscribe(),this.emailVerifiedSubscription.unsubscribe(),this.newProfileSubscription.unsubscribe(),this.nameValidityResultSubscription.unsubscribe()},t.prototype.watchInput=function(){var t=this;this.nameInputSubscription=r.Observable.fromEvent(this.nameInput.nativeElement,"keyup").debounceTime(150).distinctUntilChanged().subscribe(function(){0===t.nameInput.nativeElement.value.length&&(t.nameValidityMessage="This will be your unique organization name",t.nameValidity="clean")})},t.prototype.cancel=function(){this.organizationGroup.reset(),this.dialog.close()},t.prototype.switchProfile=function(){this.switchProfileEvent.emit(),this.cancel()},t.prototype.switchAndGoToAdmin=function(){this.switchAndRedirectEvent.emit(),this.cancel()},t.prototype.createOrganization=function(t){this.createOrganizationEvent.emit(t)},t.prototype.checkNameValidity=function(t){var e=this;return this.getNameValidityEvent.emit(t.value),this.organizationSvc.nameValidationObservable.map(function(t){return t.valid?(e.nameValidityMessage="This name is useable.",e.nameValidity="valid",null):(e.nameValidityMessage="This name is taken",e.nameValidity="invalid",{emailTaken:!0})})},t.prototype.resendEmailVerification=function(){this.resendEmailVerificationEvent.emit()},t.prototype.getEmailVerification=function(){this.getEmailVerificationEvent.emit()},y([e.ViewChild("nameInput"),x("design:type",e.ElementRef)],t.prototype,"nameInput",void 0),y([e.ViewChild("stepper"),x("design:type",i.MatStepper)],t.prototype,"stepper",void 0),t=y([e.Component({selector:"rlstr-add-organization",template:'\n    <div class="organization__header">\n      <button mat-icon-button (click)="cancel()">\n        <mat-icon>close</mat-icon>\n      </button>\n      <span class="organization__header-title">\n        Create an Organization\n      </span>\n    </div>\n    <mat-vertical-stepper #stepper linear>\n      <mat-step [stepControl]="emailValidationGroup" [completed]="emailVerified">\n        <ng-template matStepLabel>Verify your E-mail</ng-template>\n        <button mat-button class="organization__button send" *ngIf="!emailVerified" (click)="resendEmailVerification()">Send Verification Link</button>\n        <button mat-button matStepperNext class="Organization__button send" *ngIf="emailVerified">Next</button>\n        <button mat-icon-button class="organization__button resend" *ngIf="!emailVerified" (click)="getEmailVerification()">\n          <mat-icon>replay</mat-icon>\n        </button>\n      </mat-step>\n      <mat-step [stepControl]="organizationGroup">\n        <form class="organization__form" [formGroup]="organizationGroup">\n          <ng-template matStepLabel>Name Your Organization</ng-template>\n          <div class="organization__input-wrapper">\n            <mat-form-field class="organization__input">\n              <input matInput #nameInput placeholder="Organization Name" required formControlName="name" (focus)="watchInput()">\n              <mat-hint class="organization__input-hint" [ngClass]="{pass: nameValidity === valid, fail: nameValidity === invalid}">{{ nameValidityMessage }}</mat-hint>\n            </mat-form-field>\n          </div>\n          <div class="organization__checkbox-wrapper">\n            <mat-checkbox formControlName="is_business"></mat-checkbox>\n          </div>\n          <div class="organization__checkbox-label">\n            This account is owned by a business (see Corporate Terms of Service for details)\n          </div>\n          <div class="organization__input-wrapper" *ngIf="organizationGroup.controls.is_business.value === true">\n            <mat-form-field class="organization__input">\n              <input matInput placeholder="Buiness Name" formControlName="business_name" [required]="organizationGroup.controls.is_business.value">\n              <mat-hint class="organization__input-hint">What is the name of the business that owns this account?</mat-hint>\n            </mat-form-field>\n          </div>\n          <hr class="organization__divider">\n          <div class="organization__agreement">\n            By clicking on "Create Organization" below, you are agreeding to the terms of service and Privacy policy.\n          </div>\n          <div class="organization__action">\n            <button mat-button class="organization__action-button create" (click)="createOrganization(organizationGroup.value)" [disabled]="nameValidity !== valid"\n              matStepperNext>create organization</button>\n            <button mat-button class="organization__action-button" (click)="cancel()">cancel</button>\n          </div>\n        </form>\n      </mat-step>\n      <mat-step>\n        <ng-template matStepLabel>Done</ng-template>\n        <div class="organization__wrapper">\n          <div class="organization__message">\n            Creating your organization now...\n          </div>\n          <div class="organization__message">\n            You can select different accounts by clicking on the profile menu under your account.\n          </div>\n          <div class="organization-claim__image">\n            <img src="/assets/organization/select-profile.png">\n          </div>\n          <div class="organization__action">\n            <button mat-button class="organization__action-button create" (click)="switchAndGoToAdmin()">go to admin</button>\n            <button mat-button class="organization__action-button" [disabled]="!newProfile" (click)="switchProfile()">go to new profile</button>\n          </div>\n        </div>\n      </mat-step>\n    </mat-vertical-stepper>\n  ',styles:['\n    .organization__header{padding-left:10px;height:52px;line-height:52px}.organization__header-title{margin-left:6px;font-size:20px;line-height:28px;font-weight:500}.organization__button.send{background-color:#002f66;color:#FFF}.organization__button.resend{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.organization__form,.organization__wrapper{max-width:264px}.organization__input{width:100%}.organization__input-wrapper{padding-bottom:10px}.organization__input-hint{font-size:12px}.organization__input-hint.pass{color:#002f66}.organization__input-hint.fail{color:#f44336}.organization__checkbox-wrapper{margin-right:8px;width:20px;vertical-align:top}.organization__checkbox-label{width:232px;font-size:14px;line-height:20px}.organization__checkbox-wrapper,.organization__checkbox-label{display:inline-block}.organization__divider{margin-top:10px;margin-bottom:10px}.organization__agreement,.organization__message{margin-bottom:8px;font-size:14px;line-height:20px}.organization__action-button{padding-left:8px;padding-right:8px;text-transform:uppercase}.organization__action-button.create{color:#FFF;background-color:#002f66}::ng-deep .add-organization .mat-dialog-container{padding:0 0 24px 0}::ng-deep .add-organization .mat-dialog-container .mat-stepper-vertical{background-color:#FAFAFA}\n  ']}),x("design:paramtypes",[a.FormBuilder,d,i.MatDialogRef])],t)}(),O=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},z=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},R=function(){function t(t){this.dialog=t,this.loading=!1,this.switchEvent=new e.EventEmitter,this.addOrgEvent=new e.EventEmitter,this.switchAndRedirectEvent=new e.EventEmitter,this.getEmailVerificationEvent=new e.EventEmitter,this.resendEmailVerificationEvent=new e.EventEmitter,this.getNameValidityEvent=new e.EventEmitter,this.createOrganizationEvent=new e.EventEmitter,this.switchProfileEvent=new e.EventEmitter}return Object.defineProperty(t.prototype,"Profiles",{get:function(){return this.profiles.Profiles},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"CurrentProfile",{get:function(){var t=this.profiles.currentProfile();if(t)return t.Properties},enumerable:!0,configurable:!0}),t.prototype.addOrganization=function(){var t=this,e=this.dialog.open(w,{panelClass:"add-organization"});e.componentInstance.switchAndRedirectEvent.subscribe(function(e){t.switchAndRedirectEvent.emit(e)}),e.componentInstance.getEmailVerificationEvent.subscribe(function(){t.getEmailVerificationEvent.emit()}),e.componentInstance.resendEmailVerificationEvent.subscribe(function(){t.resendEmailVerificationEvent.emit()}),e.componentInstance.getNameValidityEvent.subscribe(function(e){t.getNameValidityEvent.emit(e)}),e.componentInstance.createOrganizationEvent.subscribe(function(e){t.createOrganizationEvent.emit(e)}),e.componentInstance.switchProfileEvent.subscribe(function(){t.switchProfileEvent.emit()})},t.prototype.switchProfile=function(t){this.switchEvent.emit(t)},O([e.Input(),z("design:type",Object)],t.prototype,"loading",void 0),O([e.Input(),z("design:type",f)],t.prototype,"profiles",void 0),O([e.Output(),z("design:type",Object)],t.prototype,"switchEvent",void 0),O([e.Output(),z("design:type",Object)],t.prototype,"addOrgEvent",void 0),O([e.Output(),z("design:type",Object)],t.prototype,"switchAndRedirectEvent",void 0),O([e.Output(),z("design:type",Object)],t.prototype,"getEmailVerificationEvent",void 0),O([e.Output(),z("design:type",Object)],t.prototype,"resendEmailVerificationEvent",void 0),O([e.Output(),z("design:type",Object)],t.prototype,"getNameValidityEvent",void 0),O([e.Output(),z("design:type",Object)],t.prototype,"createOrganizationEvent",void 0),O([e.Output(),z("design:type",Object)],t.prototype,"switchProfileEvent",void 0),t=O([e.Component({selector:"rlstr-account-profile",template:'\n    <button mat-button class="account__profile" [matMenuTriggerFor]="profiles">\n      <mat-spinner [diameter]="32" [strokeWidth]="2" class="account__profile-icon left loading" *ngIf="loading">refresh</mat-spinner>\n      <mat-icon class="account__profile-icon left" *ngIf="(CurrentProfile)?.organization.name === \'realster\' && !loading">account_circle</mat-icon>\n      <mat-icon class="account__profile-icon left" *ngIf="(CurrentProfile)?.organization.name !== \'realster\' && !loading">business</mat-icon>\n      <span class="account__profile-name" *ngIf="!loading">{{(CurrentProfile)?.organization.name === \'realster\' ? \'Personal\' : (CurrentProfile)?.organization.name}}</span>\n      <mat-icon class="account__profile-icon right" *ngIf="!loading">arrow_drop_down</mat-icon>\n    </button>\n    <mat-menu #profiles="matMenu" class="menu__profile-container">\n      <div class="menu__profile-wrapper">\n        <div class="menu__profile-title">\n          Select Profile\n        </div>\n        <div class="menu__profile-item" *ngFor="let profile of Profiles">\n          <button mat-button class="menu__profile-button" (click)="switchProfile(profile.Properties.id)">\n            <mat-icon class="menu__profile-icon" *ngIf="profile.Properties.organization.name !== \'realster\'">business</mat-icon>\n            <mat-icon class="menu__profile-icon" *ngIf="profile.Properties.organization.name === \'realster\'">account_circle</mat-icon>\n            <span class="menu__profile-name">{{profile.Properties.organization.name === \'realster\' ? \'Personal\' : profile.Properties.organization.name}}</span>\n            <mat-icon class="menu__profile-icon right" *ngIf="profile.Properties.organization.name === (CurrentProfile)?.organization.name">check</mat-icon>\n          </button>\n        </div>\n        <button mat-button class="menu__profile-button add-organization" (click)="addOrganization()">\n          <mat-icon class="menu__profile-icon">business</mat-icon>\n          <span class="menu__profile-name">Add Organization</span>\n        </button>\n      </div>\n    </mat-menu>\n  ',styles:["\n    .account__profile{line-height:56px;width:100%;text-align:left}.account__profile-icon.left{margin-right:24px}.account__profile-icon.left.loading{margin-top:10px;margin-left:auto;margin-right:auto;-webkit-animation:rotate 2s infinite linear;animation:rotate 2s infinite linear;-moz-animation:rotate 2s infinite linear}.account__profile-icon.right{float:right;margin-top:16px}.account__profile-name{text-transform:capitalize}::ng-deep .menu__profile-container{width:285px;max-width:285px;background-color:#FAFAFA}::ng-deep .menu__profile-container .mat-menu-content{padding:0}::ng-deep .menu__profile-title{line-height:56px;padding-left:24px;padding-right:24px}::ng-deep .menu__profile-button.mat-button{line-height:56px;width:100%;text-align:left}::ng-deep .menu__profile-button.mat-button.add-organization{border-top:1px solid #979797}::ng-deep .menu__profile-icon{margin-right:24px}::ng-deep .menu__profile-icon.right{margin-top:16px;margin-right:0;float:right}::ng-deep .menu__profile-name{text-transform:capitalize}\n  "]}),z("design:paramtypes",[i.MatDialog])],t)}(),k=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},C=function(){function t(){}return t=k([e.NgModule({declarations:[h,v,R,w],entryComponents:[v,R,w],imports:[n.CommonModule,i.MatIconModule,i.MatButtonModule,i.MatDialogModule,i.MatMenuModule,i.MatStepperModule,i.MatInputModule,i.MatFormFieldModule,i.MatCheckboxModule,a.ReactiveFormsModule,i.MatProgressSpinnerModule],exports:[i.MatIconModule,i.MatButtonModule,i.MatDialogModule,i.MatMenuModule,i.MatStepperModule,i.MatProgressSpinnerModule,h,R,v,w,i.MatCheckboxModule,i.MatInputModule,i.MatFormFieldModule],providers:[d]})],t)}(),j=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},P=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},E=function(){function t(){}return t=j([e.Component({selector:"rlstr-launcher-dialog",template:'\n    <div class="launcher__dialog">\n      <div *ngFor="let app of apps;" class="launcher__dialog-app">\n        <div class="launcher__dialog-app-content">\n          <a href="{{app.link}}" class="launcher__dialog-app-content-link">\n            <div>\n              <img src="{{app.src}}">\n            </div>\n            <div class="launcher__dialog-app-content-name">\n              {{app.name}}\n            </div>\n          </a>\n        </div>\n      </div>\n    </div>\n  ',styles:["\n    .launcher__dialog-app{display:inline-block;width:33%;text-align:center;margin-bottom:24px}.launcher__dialog-app-content{display:inline-block}.launcher__dialog-app-content-link{text-decoration:none}.launcher__dialog-app-content-link:focus{outline:none}.launcher__dialog-app-content-name{font-size:14px !important;color:rgba(0,0,0,0.87) !important}/deep/ .launcher__backdrop{opacity:0}\n  "]}),P("design:paramtypes",[])],t)}(),M=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},I=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},S=function(){function t(t){this.dialog=t}return t.prototype.openLauncherDialog=function(){var t={position:{top:"64px",right:"20px"},height:"266px",width:"320px",backdropClass:"launcher__backdrop"};this.dialog.open(E,t).componentInstance.apps=this.apps},M([e.Input(),I("design:type",Object)],t.prototype,"apps",void 0),t=M([e.Component({selector:"rlstr-launcher-button",template:'\n    <div class="header__launcher">\n      <button mat-icon-button calss="header__launcher-button" (click)="openLauncherDialog()">\n        <mat-icon>apps</mat-icon>\n      </button>\n    </div>\n  ',styles:["\n    .header__launcher{float:right}\n  "]}),I("design:paramtypes",[i.MatDialog])],t)}(),V=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},D=function(){function t(){}return t=V([e.NgModule({declarations:[S,E],imports:[i.MatIconModule,i.MatButtonModule,i.MatDialogModule,n.CommonModule],exports:[S,E],entryComponents:[E]})],t)}(),A=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},N=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},F=function(t,e,n,i){return new(n||(n=Promise))(function(o,a){function r(t){try{l(i.next(t))}catch(t){a(t)}}function c(t){try{l(i.throw(t))}catch(t){a(t)}}function l(t){t.done?o(t.value):new n(function(e){e(t.value)}).then(r,c)}l((i=i.apply(t,e||[])).next())})},T=function(t,e){function n(n){return function(r){return function(n){if(i)throw new TypeError("Generator is already executing.");for(;c;)try{if(i=1,o&&(a=o[2&n[0]?"return":n[0]?"throw":"next"])&&!(a=a.call(o,n[1])).done)return a;switch(o=0,a&&(n=[0,a.value]),n[0]){case 0:case 1:a=n;break;case 4:return c.label++,{value:n[1],done:!1};case 5:c.label++,o=n[1],n=[0];continue;case 7:n=c.ops.pop(),c.trys.pop();continue;default:if(a=c.trys,!(a=a.length>0&&a[a.length-1])&&(6===n[0]||2===n[0])){c=0;continue}if(3===n[0]&&(!a||n[1]>a[0]&&n[1]<a[3])){c.label=n[1];break}if(6===n[0]&&c.label<a[1]){c.label=a[1],a=n;break}if(a&&c.label<a[2]){c.label=a[2],c.ops.push(n);break}a[2]&&c.ops.pop(),c.trys.pop();continue}n=e.call(t,c)}catch(t){n=[6,t],o=0}finally{i=a=0}if(5&n[0])throw n[1];return{value:n[0]?n[1]:void 0,done:!0}}([n,r])}}var i,o,a,r,c={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return r={next:n(0),throw:n(1),return:n(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r},B=function(){function t(t){this.sanitizer=t,this.removeNotEvent=new e.EventEmitter,this.activeIndex=-1,this.delay=!1}return t.prototype.ngOnInit=function(){return F(this,void 0,void 0,function(){var t;return T(this,function(e){return this.initNotifications(),this.ifUnfold=!1,this.data&&null!==this.data.id&&(t=s.findIndex(this.notifications,{id:this.data.id}),this.expand(t)),[2]})})},t.prototype.initNotifications=function(){for(var t=0,e=this.notifications;t<e.length;t++){var n=e[t];n.formatTime=new Date(n.time),n.body=this.sanitizer.bypassSecurityTrustHtml(n.message)}},t.prototype.getAppName=function(t){return this.notifications[t].data.app_name?this.notifications[t].data.app_name:"UnKnown"},t.prototype.getAppImage=function(t){return this.notifications[t].data.app_image?this.notifications[t].data.app_image:"/assets/profile.png"},t.prototype.expand=function(t){this.activeIndex=t},t.prototype.isUnfolded=function(t){return this.activeIndex===t&&-1!==this.activeIndex},t.prototype.removeNotification=function(t){this.notifications.splice(this.notifications.indexOf(t),1),this.removeNotEvent.emit(t)},t.prototype.back=function(){this.activeIndex=-1},t.prototype.prevCard=function(){this.activeIndex-=1,this.expand(this.activeIndex)},t.prototype.nextCard=function(){this.activeIndex+=1,this.expand(this.activeIndex)},t.prototype.doAction=function(t){window.location.href=t},t=A([e.Component({selector:"rlstr-notification-dialog",template:'\n    <div class="notification__container" [ngClass.xs]="\'xs\'" [ngClass]="{delay: delay}">\n      <div class="notification__title">\n        <div class="notification__back" [ngClass]="{expanded: activeIndex >= 0}">\n          <button mat-button class="notification__back-button" (click)="back()">\n            <mat-icon>arrow_back</mat-icon>\n          </button>\n        </div>\n        <div class="notification__title-text">Realster</div>\n        <div class="notification__nav" [ngClass]="{expanded: activeIndex >= 0}">\n          <button mat-button class="notification__nav-up" [disabled]="activeIndex === 0" (click)="prevCard()">\n            <mat-icon>expand_less</mat-icon>\n          </button>\n          <button mat-button class="notification__nav-down" [disabled]="activeIndex === notifications.length - 1" (click)="nextCard()">\n            <mat-icon>expand_more</mat-icon>\n          </button>\n        </div>\n      </div>\n      <div mat-dialog-content class="notification__messages-container">\n        <div class="notification__empty-container" *ngIf="notifications && notifications.length < 1">\n          <div class="notification__empty-icon">\n            <mat-icon class="notification__main-icon">notifications</mat-icon>\n          </div>\n          <div class="notification__empty-title">\n            All caught up!\n          </div>\n          <div class="notification__empty-subtitle">\n            Your requests will be shown here.\n          </div>\n        </div>\n        <mat-card class="notification__messages" *ngFor="let notification of notifications; let i = index;" [ngClass]="{expanded: isUnfolded(i)}">\n          <button mat-button class="notification__close" (click)="removeNotification(notification)">\n            <mat-icon>close</mat-icon>\n          </button>\n          <div class="notification__icon-general">\n            <img class="notification__icon-avatar" src="{{getAppImage(i)}}">\n          </div>\n          <div class="notification__messages-text" [ngClass.xs]="\'xs\'" [ngClass]="{expanded: isUnfolded(i)}" (click)="expand(i)">\n            <div class="notification__messages-title">{{getAppName(i)}}</div>\n            <div class="notification__messages-time">{{notification.formatTime}}</div>\n          </div>\n          <div class="notification__requests" [ngClass]="{expanded: isUnfolded(i)}">\n            <div class="notification__requests-realapp">\n              {{notification.data.subject}}\n            </div>\n            <ul class="notification__requests-additionals" style="list-style-type: none;" [innerHTML]="notification.body">\n            </ul>\n          </div>\n          <div class="notification__action" [ngClass]="{expanded: isUnfolded(i)}">\n            <button class="notification__action-button" mat-button *ngFor="let action of notification.data.actions" (click)="doAction(action.link)">{{action.label}}</button>\n          </div>\n        </mat-card>\n      </div>\n    </div>\n  ',styles:["\n    .notification__container{padding:11px 0 20px;background-color:#FAFAFA;width:304px;color:rgba(0,0,0,0.87);opacity:1;transition:all 1.8s ease-in-out;margin:-24px}.notification__container.xs{width:254px}.notification__container.delay{opacity:0}@media only screen and (max-width: 675px){.notification__container{width:254px}}.notification__back{position:absolute;top:0;left:8px;opacity:0;height:0;transition:all .210s ease-in-out}.notification__back-button{padding-left:0;padding-right:0;min-width:48px;width:48px;height:48px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px}.notification__back.expanded{opacity:1;height:auto}.notification__nav{position:absolute;top:0;right:8px;opacity:0;height:0;transition:all .210s ease-in-out}.notification__nav-up,.notification__nav-down{padding-left:0;padding-right:0;min-width:48px;width:48px;height:48px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px}.notification__nav.expanded{opacity:1;height:auto}.notification__title{position:relative;margin-bottom:20px;padding-left:20px;padding-right:20px;height:48px}.notification__title-text{font-size:20px;font-weight:500;line-height:48px;text-align:center;font-family:'Roboto', Sans-serif}.notification__title-button{padding-left:0;padding-right:0;min-width:48px;width:48px;height:48px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px}.notification__title-button-group{margin-right:-15px;padding:0;float:right;min-width:48px;border-radius:24px;line-height:48px}.notification__empty-container{padding-top:40px;padding-bottom:78px;text-align:center}.notification__empty-title{padding-bottom:30px;font-size:20px;color:rgba(0,0,0,0.37)}.notification__empty-subtitle{font-size:14px;font-weight:400;color:rgba(0,0,0,0.37)}.notification__main-icon{padding-bottom:20px;width:100%;height:auto;font-size:64px;color:rgba(0,0,0,0.37)}.notification__icon-general{display:table-cell;width:40px;height:40px;vertical-align:top}.notification__icon-avatar{width:40px;height:40px}.notification__messages{max-height:100px;margin-bottom:8px;padding:16px;transition:all .218s ease-in-out}.notification__messages:last-child{margin-bottom:0}.notification__messages-container{margin:0;padding-left:8px;padding-right:8px;display:table;max-height:158px;width:100%}.notification__messages-container.expanded{max-height:65vh}.notification__messages-title{font-size:16px;line-height:1.5;font-weight:400;color:rgba(0,0,0,0.87)}.notification__messages-time{opacity:1;font-size:12px}.notification__messages-time.expanded{opacity:0;transition:all .218s ease-in-out}.notification__messages-text{max-width:230px;width:100%;padding-left:16px;display:table-cell;font-size:14px;font-weight:400;overflow:hidden;height:48px;color:rgba(0,0,0,0.37);text-overflow:ellipsis;vertical-align:top;cursor:pointer}.notification__messages-text.xs{width:80%}.notification__messages-text.expanded{cursor:default}.notification__messages-button{margin-top:-15px;margin-right:-15px;padding-left:0;padding-right:0;min-width:48px;vertical-align:top;width:48px;height:48px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px}.notification__messages-button-container{display:table-cell;padding:0;vertical-align:top;opacity:1;transition:all .210s ease-in-out}.notification__messages-button-container.expanded{max-width:0;opacity:0;overflow:hidden}.notification__messages:last-child{margin-bottom:10px}.notification__messages.expanded{max-height:300px}.notification__close{width:24px;height:24px;float:right;min-width:24px;min-height:24px;line-height:24px;opacity:0.6;padding:0}.notification__requests{height:0;font-size:14px;color:rgba(0,0,0,0.87);opacity:0}.notification__requests.expanded{margin-top:15px;line-height:1.71;height:auto;opacity:1}.notification__requests-realapp{margin-bottom:5px;font-weight:500}.notification__requests-additionals{font-weight:400}.notification__requests-additionals li{font-size:30px;font-weight:400}.notification__action{position:relative;padding-top:0;padding-bottom:0;height:0;opacity:0;text-align:left}.notification__action-button{color:#002f66;text-transform:uppercase;margin-left:-16px}.notification__action-button.hidden{display:none}.notification__action.expanded{padding-top:8px;padding-bottom:8px;height:auto;opacity:1}.notification__backdrop{background:transparent}/deep/ .mat-dialog-container{overflow:hidden;background-color:#FAFAFA}/deep/ .notification__requests-additionals li{font-weight:400}\n  "]}),N("design:paramtypes",[l.DomSanitizer])],t)}(),q=function(){function t(){this.activeNotificationObservable=new o.ReplaySubject}return t.prototype.setActiveNotification=function(t){this.activeNotificationObservable.next(t)},t}(),G=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},U=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},L=function(){function t(t,n){var i=this;this.dialog=t,this.notificationSvc=n,this.removeNotification=new e.EventEmitter,n.activeNotificationObservable.subscribe(function(t){t&&i.toggleNotification(t.id)})}return t.prototype.toggleNotification=function(t){var e=this,n=this.dialog.open(B,{position:{top:"64px",right:"20px"},backdropClass:"notification__backdrop",panelClass:"dialog-container"});n.componentInstance.data={id:t||null},n.componentInstance.notifications=this.notifications,n.componentInstance.removeNotEvent.subscribe(function(t){e.removeNotification.emit(t)})},G([e.Input(),U("design:type",Array)],t.prototype,"notifications",void 0),G([e.Output(),U("design:type",Object)],t.prototype,"removeNotification",void 0),t=G([e.Component({selector:"rlstr-notification-button",template:'\n    <div class="header__notification">\n      <button mat-button class="header-notification__button" (click)="toggleNotification()">\n        <mat-icon class="header-notification__icon">notifications</mat-icon>\n        <div class="header-notification__counter" *ngIf="notifications && notifications.length > 0">\n          {{ notifications.length }}\n        </div>\n      </button>\n    </div>\n  ',styles:["\n    .header__notification{display:inline-block;margin-top:8px;float:left}.header-notification__button{padding:0;height:48px;min-width:48px;border-radius:24px;color:rgba(0,0,0,0.87)}.header-notification__counter{position:absolute;top:15px;right:12px;background-color:#d0011b;color:#FFF;height:11px;width:11px;font-size:8px;line-height:11px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}\n  "]}),U("design:paramtypes",[i.MatDialog,q])],t)}(),H=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},X=function(){function t(){}return t=H([e.NgModule({declarations:[B,L],entryComponents:[B],imports:[i.MatButtonModule,i.MatDialogModule,i.MatIconModule,i.MatCardModule,n.CommonModule,p.FlexLayoutModule],exports:[B,L,i.MatDialogModule],providers:[q]})],t)}(),Y=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},K=function(){function t(){}return t=Y([e.NgModule({exports:[i.MatCardModule,i.MatButtonModule,i.MatDialogModule,i.MatIconModule]})],t)}(),W=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},J=function(){function t(){this.disableStatus=new o.ReplaySubject}return Object.defineProperty(t.prototype,"Component",{get:function(){return this.component},set:function(t){this.component=t},enumerable:!0,configurable:!0}),t=W([e.Injectable()],t)}(),Q=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},Z=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},$=function(t,e){return function(n,i){e(n,i,t)}},tt=function(){function t(t,e,n,i,o){this.portalService=t,this.resolver=e,this.dialogRef=n,this.cdr=i,this.data=o,this.dialogTitle="",this.disableStaus=!0,this.disableStatusSubscription=new c.Subscription}return t.prototype.ngOnInit=function(){var t=this,e=this.resolver.resolveComponentFactory(this.portalService.Component);this.componentRef=this.container.createComponent(e),this.data.dialogTitle&&(this.dialogTitle=this.data.dialogTitle),this.data.okButtonTitle&&(this.okButtonTitle=this.data.okButtonTitle),this.data.cancelButtonTitle&&(this.cancelButtonTitle=this.data.cancelButtonTitle),this.data.originalData&&(this.componentRef.instance.templateData=this.data.originalData),this.disableStatusSubscription=this.portalService.disableStatus.subscribe(function(e){null!=e&&(t.disableStaus=e)})},t.prototype.ngAfterViewChecked=function(){this.cdr.detectChanges()},t.prototype.ngOnDestroy=function(){this.componentRef.destroy(),this.disableStatusSubscription.unsubscribe()},t.prototype.close=function(){this.dialogRef.close("close")},t.prototype.ok=function(){this.data.okFunction&&null!==this.componentRef.instance.templateData&&void 0!==this.componentRef.instance.templateData?(this.data.okFunction(this.componentRef.instance.templateData),this.dialogRef.close("ok")):null===this.componentRef.instance.templateData&&this.dialogRef.close("ok")},Q([e.ViewChild("container",{read:e.ViewContainerRef}),Z("design:type",Object)],t.prototype,"container",void 0),t=Q([e.Component({selector:"app-realster-dialog",template:'\n    <div class="container">\n      <div class="header">\n        <div class="close mobile">\n          <button (click)="close()" mat-icon-button><mat-icon>close</mat-icon></button>\n        </div>\n        <div class="title">\n          <div>{{ dialogTitle }}</div>\n        </div>\n        <div class="ok mobile">\n          <button (click)="ok()" [disabled]="disableStaus" mat-icon-button>{{ okButtonTitle || \'OK\'}}</button>\n        </div>\n      </div>\n      <div class="clear"></div>\n      <div class="body">\n        <ng-template #container></ng-template>\n      </div>\n      <div class="clear"></div>\n      <div class="footer">\n        <div class="ok">\n          <button class="button" (click)="ok()" [disabled]="disableStaus" mat-button>{{ okButtonTitle || \'ok\'}}</button>\n        </div>\n        <div class="close">\n          <button class="button" (click)="close()" mat-button>{{ cancelButtonTitle || \'cancel\'}}</button>\n        </div>\n      </div>\n    </div>\n  ',styles:["\n    .container{width:100%;height:100%}@media (min-width: 700px){.container{width:440px;height:auto}}.container .header{padding-left:8px;padding-right:8px;width:100%;height:48px}.container .header>div{float:left}.container .header .close{width:40px}.container .header .close button{color:#002f66 !important}.container .header .close.mobile{height:48px;line-height:48px}.container .header .title{height:100%;width:calc(100% - 80px)}.container .header .title>div{padding-left:12px;font-size:20px;font-weight:500;line-height:48px}.container .header .ok{width:40px}.container .header .ok button{color:#002f66 !important}.container .header .ok.mobile{height:48px;line-height:48px}@media (min-width: 700px){.container .header .close{display:none}.container .header .title{width:100%}.container .header .ok{display:none}}@media only screen and (max-width: 699px){.container .header{background-color:#FAFAFA;box-shadow:0 4px 4px 0 rgba(0,0,0,0.24),0 0 4px 0 rgba(0,0,0,0.12)}}.container .body{width:100%;padding:20px 20px 12px;overflow-y:auto;overflow-x:hidden}.container .footer{padding-top:8px;padding-bottom:8px;display:none}@media (min-width: 700px){.container .footer{display:block;width:100%;height:52px}.container .footer>div{float:right}}.container .footer .button{color:#002f66;text-transform:uppercase}.container .footer .button[disabled]{color:rgba(0,0,0,0.38)}.container .clear{clear:both}::ng-deep .fullscreen{padding:0}@media (max-width: 699px){::ng-deep .fullscreen{width:100vw;height:100vh}::ng-deep .fullscreen>.mat-dialog-container{max-width:100%}}\n  "]}),$(4,e.Inject(i.MAT_DIALOG_DATA)),Z("design:paramtypes",[J,e.ComponentFactoryResolver,i.MatDialogRef,e.ChangeDetectorRef,Object])],t)}(),et=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},nt=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},it=function(){function t(t,e,n){this.resolver=t,this.mdDialog=e,this.portalService=n}return t.prototype.open=function(t,e){e||(e={panelClass:"fullscreen"});var n=this.resolver.resolveComponentFactory(tt).componentType;return this.portalService.Component=t,this.mdDialog.open(n,e)},t=et([e.Injectable(),nt("design:paramtypes",[e.ComponentFactoryResolver,i.MatDialog,J])],t)}(),ot=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},at=function(){function t(){}return t=ot([e.Component({moduleId:module.id,selector:"realster-card",template:'\n    <mat-card>\n      <mat-card-header>\n        <mat-card-title>\n          <ng-content select="realster-card-header"></ng-content>\n        </mat-card-title>\n      </mat-card-header>\n      <div class="image">\n        <ng-content select="realster-card-image">\n        </ng-content>\n      </div>\n      <div class="content">\n        <ng-content select="realster-card-content">\n        </ng-content>\n      </div>\n      <div class="actions">\n        <ng-content select="realster-card-actions">\n        </ng-content>\n      </div>\n    </mat-card>\n  ',styles:["\n    .image{padding:15px;background-color:#3F5894;text-align:center}.content{padding-top:15px;padding-bottom:15px}\n  "]})],t)}(),rt=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},ct=function(){function t(){}return t=rt([e.Component({selector:"realster-card-header",template:'\n    <div class="card-header">\n      <ng-content></ng-content>\n    </div>\n  ',styles:["\n    .card-header{font-weight:bold;font-size:32px}\n  "]})],t)}(),lt=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},st=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},pt=function(){function t(){}return lt([e.Input("src"),st("design:type",Object)],t.prototype,"src",void 0),t=lt([e.Component({selector:"realster-card-image",template:'\n    <img [src]="src" />\n  ',styles:["\n    img{width:100px}\n  "]})],t)}(),dt=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},ut=function(){function t(){}return t=dt([e.Component({selector:"realster-card-content",template:"\n    <div>\n      <ng-content></ng-content>\n    </div>\n  "})],t)}(),ft=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},gt=function(){function t(){}return t=ft([e.Component({selector:"realster-card-actions",template:"\n    <ng-content></ng-content>\n  "})],t)}(),mt=function(t,e,n,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(r=(a<3?o(r):a>3?o(e,n,r):o(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r},ht=function(){function t(){}return t=mt([e.NgModule({imports:[K],declarations:[at,ct,pt,ut,gt,tt],entryComponents:[tt],providers:[it,J],exports:[at,ct,pt,ut,gt,tt]})],t)}();t.AccountComponentModule=C,t.AccountButtonComponent=h,t.AccountDialogComponent=v,t.AccountProfileComponent=R,t.OrganizationAddDialogComponent=w,t.OrganizationDialogService=d,t.ProfileCollection=f,t.ProfileModel=u,t.LauncherButtonComponent=S,t.LauncherDialogComponent=E,t.RLauncherModule=D,t.NotificationDialogComponent=B,t.NotificationButtonComponent=L,t.NotificationComponentModule=X,t.NotificationService=q,t.CardActionsComponent=gt,t.CardComponent=at,t.CardContentComponent=ut,t.CardHeaderComponent=ct,t.CardImageComponent=pt,t.DialogComponent=tt,t.DialogService=it,t.PortalService=J,t.RealsterMaterialModule=ht,Object.defineProperty(t,"__esModule",{value:!0})});

package.json

 {
   "name": "@realster/angular",
-  "version": "0.0.2-beta.2",
+  "version": "0.0.2-beta.3",
   "description": "Realster Angular Module",
@@ -5,0 +5,0 @@ "main": "bundles/RealsterAngular.umd.js",

src/account/dialogs/new-organization-dialog.component.d.ts

@@ -26,3 +26,2 @@ import { OnInit, OnDestroy, ElementRef, EventEmitter } from '@angular/core';
     newProfile: IProfile;
-    nameValidityResult: any;
     emailValidationGroup: FormGroup;
@@ -29,0 +28,0 @@ organizationGroup: FormGroup;

src/account/dialogs/new-organization-dialog.component.js

@@ -42,10 +42,2 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
         });
-        if (this.nameValidityResult && this.nameValidityResult['valid']) {
-            this.nameValidityMessage = 'This name is useable.';
-            this.nameValidity = 'valid';
-        }
-        else if (this.nameValidityResult && this.nameValidityResult['valid'] === false) {
-            this.nameValidityMessage = 'This name is taken';
-            this.nameValidity = 'invalid';
-        }
         this.emailValidationGroup = this.fb.group({
@@ -104,3 +96,2 @@ email_validated: [this.emailVerified, Validators.required]
             .subscribe(function () {
-            console.log(_this.nameInput);
             if (_this.nameInput.nativeElement.value.length === 0) {
@@ -160,3 +151,3 @@ _this.nameValidityMessage = 'This will be your unique organization name';
             selector: 'rlstr-add-organization',
-            template: "\n    <div class=\"organization__header\">\n      <button mat-icon-button (click)=\"cancel()\">\n        <mat-icon>close</mat-icon>\n      </button>\n      <span class=\"organization__header-title\">\n        Create an Organization\n      </span>\n    </div>\n    <!-- linear -->\n    <mat-vertical-stepper #stepper>\n      <mat-step [stepControl]=\"emailValidationGroup\" [completed]=\"emailVerified\">\n        <ng-template matStepLabel>Verify your E-mail</ng-template>\n        <button mat-button class=\"organization__button send\" *ngIf=\"!emailVerified\" (click)=\"resendEmailVerification()\">Send Verification Link</button>\n        <button mat-button matStepperNext class=\"Organization__button send\" *ngIf=\"emailVerified\">Next</button>\n        <button mat-icon-button class=\"organization__button resend\" *ngIf=\"!emailVerified\" (click)=\"getEmailVerification()\">\n          <mat-icon>replay</mat-icon>\n        </button>\n      </mat-step>\n      <mat-step [stepControl]=\"organizationGroup\">\n        <form class=\"organization__form\" [formGroup]=\"organizationGroup\">\n          <ng-template matStepLabel>Name Your Organization</ng-template>\n          <div class=\"organization__input-wrapper\">\n            <mat-form-field class=\"organization__input\">\n              <input matInput #nameInput placeholder=\"Organization Name\" required formControlName=\"name\" (focus)=\"watchInput()\">\n              <mat-hint class=\"organization__input-hint\" [ngClass]=\"{pass: nameIsValid === valid, fail: nameIsValid === invalid}\">{{ nameValidityMessage }}</mat-hint>\n            </mat-form-field>\n          </div>\n          <div class=\"organization__checkbox-wrapper\">\n            <mat-checkbox formControlName=\"is_business\"></mat-checkbox>\n          </div>\n          <div class=\"organization__checkbox-label\">\n            This account is owned by a business (see Corporate Terms of Service for details)\n          </div>\n          <div class=\"organization__input-wrapper\" *ngIf=\"organizationGroup.controls.is_business.value === true\">\n            <mat-form-field class=\"organization__input\">\n              <input matInput placeholder=\"Buiness Name\" formControlName=\"business_name\" [required]=\"organizationGroup.controls.is_business.value\">\n              <mat-hint class=\"organization__input-hint\">What is the name of the business that owns this account?</mat-hint>\n            </mat-form-field>\n          </div>\n          <hr class=\"organization__divider\">\n          <div class=\"organization__agreement\">\n            By clicking on \"Create Organization\" below, you are agreeding to the terms of service and Privacy policy.\n          </div>\n          <div class=\"organization__action\">\n            <button mat-button class=\"organization__action-button create\" (click)=\"createOrganization(organizationGroup.value)\" matStepperNext>create organization</button>\n            <button mat-button class=\"organization__action-button\" (click)=\"cancel()\">cancel</button>\n          </div>\n        </form>\n      </mat-step>\n      <mat-step>\n        <ng-template matStepLabel>Done</ng-template>\n        <div class=\"organization__wrapper\">\n          <div class=\"organization__message\">\n            Creating your organization now...\n          </div>\n          <div class=\"organization__message\">\n            You can select different accounts by clicking on the profile menu under your account.\n          </div>\n          <div class=\"organization-claim__image\">\n            <img src=\"/assets/organization/select-profile.png\">\n          </div>\n          <div class=\"organization__action\">\n            <button mat-button class=\"organization__action-button create\" (click)=\"switchAndGoToAdmin()\">go to admin</button>\n            <button mat-button class=\"organization__action-button\" [disabled]=\"!newProfile\" (click)=\"switchProfile()\">go to new profile</button>\n          </div>\n        </div>\n      </mat-step>\n    </mat-vertical-stepper>\n  ",
+            template: "\n    <div class=\"organization__header\">\n      <button mat-icon-button (click)=\"cancel()\">\n        <mat-icon>close</mat-icon>\n      </button>\n      <span class=\"organization__header-title\">\n        Create an Organization\n      </span>\n    </div>\n    <mat-vertical-stepper #stepper linear>\n      <mat-step [stepControl]=\"emailValidationGroup\" [completed]=\"emailVerified\">\n        <ng-template matStepLabel>Verify your E-mail</ng-template>\n        <button mat-button class=\"organization__button send\" *ngIf=\"!emailVerified\" (click)=\"resendEmailVerification()\">Send Verification Link</button>\n        <button mat-button matStepperNext class=\"Organization__button send\" *ngIf=\"emailVerified\">Next</button>\n        <button mat-icon-button class=\"organization__button resend\" *ngIf=\"!emailVerified\" (click)=\"getEmailVerification()\">\n          <mat-icon>replay</mat-icon>\n        </button>\n      </mat-step>\n      <mat-step [stepControl]=\"organizationGroup\">\n        <form class=\"organization__form\" [formGroup]=\"organizationGroup\">\n          <ng-template matStepLabel>Name Your Organization</ng-template>\n          <div class=\"organization__input-wrapper\">\n            <mat-form-field class=\"organization__input\">\n              <input matInput #nameInput placeholder=\"Organization Name\" required formControlName=\"name\" (focus)=\"watchInput()\">\n              <mat-hint class=\"organization__input-hint\" [ngClass]=\"{pass: nameValidity === valid, fail: nameValidity === invalid}\">{{ nameValidityMessage }}</mat-hint>\n            </mat-form-field>\n          </div>\n          <div class=\"organization__checkbox-wrapper\">\n            <mat-checkbox formControlName=\"is_business\"></mat-checkbox>\n          </div>\n          <div class=\"organization__checkbox-label\">\n            This account is owned by a business (see Corporate Terms of Service for details)\n          </div>\n          <div class=\"organization__input-wrapper\" *ngIf=\"organizationGroup.controls.is_business.value === true\">\n            <mat-form-field class=\"organization__input\">\n              <input matInput placeholder=\"Buiness Name\" formControlName=\"business_name\" [required]=\"organizationGroup.controls.is_business.value\">\n              <mat-hint class=\"organization__input-hint\">What is the name of the business that owns this account?</mat-hint>\n            </mat-form-field>\n          </div>\n          <hr class=\"organization__divider\">\n          <div class=\"organization__agreement\">\n            By clicking on \"Create Organization\" below, you are agreeding to the terms of service and Privacy policy.\n          </div>\n          <div class=\"organization__action\">\n            <button mat-button class=\"organization__action-button create\" (click)=\"createOrganization(organizationGroup.value)\" [disabled]=\"nameValidity !== valid\"\n              matStepperNext>create organization</button>\n            <button mat-button class=\"organization__action-button\" (click)=\"cancel()\">cancel</button>\n          </div>\n        </form>\n      </mat-step>\n      <mat-step>\n        <ng-template matStepLabel>Done</ng-template>\n        <div class=\"organization__wrapper\">\n          <div class=\"organization__message\">\n            Creating your organization now...\n          </div>\n          <div class=\"organization__message\">\n            You can select different accounts by clicking on the profile menu under your account.\n          </div>\n          <div class=\"organization-claim__image\">\n            <img src=\"/assets/organization/select-profile.png\">\n          </div>\n          <div class=\"organization__action\">\n            <button mat-button class=\"organization__action-button create\" (click)=\"switchAndGoToAdmin()\">go to admin</button>\n            <button mat-button class=\"organization__action-button\" [disabled]=\"!newProfile\" (click)=\"switchProfile()\">go to new profile</button>\n          </div>\n        </div>\n      </mat-step>\n    </mat-vertical-stepper>\n  ",
             styles: ["\n    .organization__header{padding-left:10px;height:52px;line-height:52px}.organization__header-title{margin-left:6px;font-size:20px;line-height:28px;font-weight:500}.organization__button.send{background-color:#002f66;color:#FFF}.organization__button.resend{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:\"FlipH\"}.organization__form,.organization__wrapper{max-width:264px}.organization__input{width:100%}.organization__input-wrapper{padding-bottom:10px}.organization__input-hint{font-size:12px}.organization__input-hint.pass{color:#002f66}.organization__input-hint.fail{color:#f44336}.organization__checkbox-wrapper{margin-right:8px;width:20px;vertical-align:top}.organization__checkbox-label{width:232px;font-size:14px;line-height:20px}.organization__checkbox-wrapper,.organization__checkbox-label{display:inline-block}.organization__divider{margin-top:10px;margin-bottom:10px}.organization__agreement,.organization__message{margin-bottom:8px;font-size:14px;line-height:20px}.organization__action-button{padding-left:8px;padding-right:8px;text-transform:uppercase}.organization__action-button.create{color:#FFF;background-color:#002f66}::ng-deep .add-organization .mat-dialog-container{padding:0 0 24px 0}::ng-deep .add-organization .mat-dialog-container .mat-stepper-vertical{background-color:#FAFAFA}\n  "]
@@ -163,0 +154,0 @@ }),

src/account/dialogs/new-organization-dialog.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"OrganizationGroup":{"__symbolic":"interface"},"OrganizationAddDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"rlstr-add-organization","template":"\n    <div class=\"organization__header\">\n      <button mat-icon-button (click)=\"cancel()\">\n        <mat-icon>close</mat-icon>\n      </button>\n      <span class=\"organization__header-title\">\n        Create an Organization\n      </span>\n    </div>\n    <!-- linear -->\n    <mat-vertical-stepper #stepper>\n      <mat-step [stepControl]=\"emailValidationGroup\" [completed]=\"emailVerified\">\n        <ng-template matStepLabel>Verify your E-mail</ng-template>\n        <button mat-button class=\"organization__button send\" *ngIf=\"!emailVerified\" (click)=\"resendEmailVerification()\">Send Verification Link</button>\n        <button mat-button matStepperNext class=\"Organization__button send\" *ngIf=\"emailVerified\">Next</button>\n        <button mat-icon-button class=\"organization__button resend\" *ngIf=\"!emailVerified\" (click)=\"getEmailVerification()\">\n          <mat-icon>replay</mat-icon>\n        </button>\n      </mat-step>\n      <mat-step [stepControl]=\"organizationGroup\">\n        <form class=\"organization__form\" [formGroup]=\"organizationGroup\">\n          <ng-template matStepLabel>Name Your Organization</ng-template>\n          <div class=\"organization__input-wrapper\">\n            <mat-form-field class=\"organization__input\">\n              <input matInput #nameInput placeholder=\"Organization Name\" required formControlName=\"name\" (focus)=\"watchInput()\">\n              <mat-hint class=\"organization__input-hint\" [ngClass]=\"{pass: nameIsValid === valid, fail: nameIsValid === invalid}\">{{ nameValidityMessage }}</mat-hint>\n            </mat-form-field>\n          </div>\n          <div class=\"organization__checkbox-wrapper\">\n            <mat-checkbox formControlName=\"is_business\"></mat-checkbox>\n          </div>\n          <div class=\"organization__checkbox-label\">\n            This account is owned by a business (see Corporate Terms of Service for details)\n          </div>\n          <div class=\"organization__input-wrapper\" *ngIf=\"organizationGroup.controls.is_business.value === true\">\n            <mat-form-field class=\"organization__input\">\n              <input matInput placeholder=\"Buiness Name\" formControlName=\"business_name\" [required]=\"organizationGroup.controls.is_business.value\">\n              <mat-hint class=\"organization__input-hint\">What is the name of the business that owns this account?</mat-hint>\n            </mat-form-field>\n          </div>\n          <hr class=\"organization__divider\">\n          <div class=\"organization__agreement\">\n            By clicking on \"Create Organization\" below, you are agreeding to the terms of service and Privacy policy.\n          </div>\n          <div class=\"organization__action\">\n            <button mat-button class=\"organization__action-button create\" (click)=\"createOrganization(organizationGroup.value)\" matStepperNext>create organization</button>\n            <button mat-button class=\"organization__action-button\" (click)=\"cancel()\">cancel</button>\n          </div>\n        </form>\n      </mat-step>\n      <mat-step>\n        <ng-template matStepLabel>Done</ng-template>\n        <div class=\"organization__wrapper\">\n          <div class=\"organization__message\">\n            Creating your organization now...\n          </div>\n          <div class=\"organization__message\">\n            You can select different accounts by clicking on the profile menu under your account.\n          </div>\n          <div class=\"organization-claim__image\">\n            <img src=\"/assets/organization/select-profile.png\">\n          </div>\n          <div class=\"organization__action\">\n            <button mat-button class=\"organization__action-button create\" (click)=\"switchAndGoToAdmin()\">go to admin</button>\n            <button mat-button class=\"organization__action-button\" [disabled]=\"!newProfile\" (click)=\"switchProfile()\">go to new profile</button>\n          </div>\n        </div>\n      </mat-step>\n    </mat-vertical-stepper>\n  ","styles":["\n    .organization__header{padding-left:10px;height:52px;line-height:52px}.organization__header-title{margin-left:6px;font-size:20px;line-height:28px;font-weight:500}.organization__button.send{background-color:#002f66;color:#FFF}.organization__button.resend{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:\"FlipH\"}.organization__form,.organization__wrapper{max-width:264px}.organization__input{width:100%}.organization__input-wrapper{padding-bottom:10px}.organization__input-hint{font-size:12px}.organization__input-hint.pass{color:#002f66}.organization__input-hint.fail{color:#f44336}.organization__checkbox-wrapper{margin-right:8px;width:20px;vertical-align:top}.organization__checkbox-label{width:232px;font-size:14px;line-height:20px}.organization__checkbox-wrapper,.organization__checkbox-label{display:inline-block}.organization__divider{margin-top:10px;margin-bottom:10px}.organization__agreement,.organization__message{margin-bottom:8px;font-size:14px;line-height:20px}.organization__action-button{padding-left:8px;padding-right:8px;text-transform:uppercase}.organization__action-button.create{color:#FFF;background-color:#002f66}::ng-deep .add-organization .mat-dialog-container{padding:0 0 24px 0}::ng-deep .add-organization .mat-dialog-container .mat-stepper-vertical{background-color:#FAFAFA}\n  "]}]}],"members":{"nameInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":93,"character":3},"arguments":["nameInput"]}]}],"stepper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":94,"character":3},"arguments":["stepper"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":120,"character":16},{"__symbolic":"reference","module":"../organization-dialog.service","name":"OrganizationDialogService","line":121,"character":29},{"__symbolic":"reference","module":"@angular/material","name":"MatDialogRef","line":122,"character":20,"arguments":[{"__symbolic":"reference","name":"OrganizationAddDialogComponent"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"watchInput":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"switchProfile":[{"__symbolic":"method"}],"switchAndGoToAdmin":[{"__symbolic":"method"}],"createOrganization":[{"__symbolic":"method"}],"checkNameValidity":[{"__symbolic":"method"}],"resendEmailVerification":[{"__symbolic":"method"}],"getEmailVerification":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"OrganizationGroup":{"__symbolic":"interface"},"OrganizationAddDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"rlstr-add-organization","template":"\n    <div class=\"organization__header\">\n      <button mat-icon-button (click)=\"cancel()\">\n        <mat-icon>close</mat-icon>\n      </button>\n      <span class=\"organization__header-title\">\n        Create an Organization\n      </span>\n    </div>\n    <mat-vertical-stepper #stepper linear>\n      <mat-step [stepControl]=\"emailValidationGroup\" [completed]=\"emailVerified\">\n        <ng-template matStepLabel>Verify your E-mail</ng-template>\n        <button mat-button class=\"organization__button send\" *ngIf=\"!emailVerified\" (click)=\"resendEmailVerification()\">Send Verification Link</button>\n        <button mat-button matStepperNext class=\"Organization__button send\" *ngIf=\"emailVerified\">Next</button>\n        <button mat-icon-button class=\"organization__button resend\" *ngIf=\"!emailVerified\" (click)=\"getEmailVerification()\">\n          <mat-icon>replay</mat-icon>\n        </button>\n      </mat-step>\n      <mat-step [stepControl]=\"organizationGroup\">\n        <form class=\"organization__form\" [formGroup]=\"organizationGroup\">\n          <ng-template matStepLabel>Name Your Organization</ng-template>\n          <div class=\"organization__input-wrapper\">\n            <mat-form-field class=\"organization__input\">\n              <input matInput #nameInput placeholder=\"Organization Name\" required formControlName=\"name\" (focus)=\"watchInput()\">\n              <mat-hint class=\"organization__input-hint\" [ngClass]=\"{pass: nameValidity === valid, fail: nameValidity === invalid}\">{{ nameValidityMessage }}</mat-hint>\n            </mat-form-field>\n          </div>\n          <div class=\"organization__checkbox-wrapper\">\n            <mat-checkbox formControlName=\"is_business\"></mat-checkbox>\n          </div>\n          <div class=\"organization__checkbox-label\">\n            This account is owned by a business (see Corporate Terms of Service for details)\n          </div>\n          <div class=\"organization__input-wrapper\" *ngIf=\"organizationGroup.controls.is_business.value === true\">\n            <mat-form-field class=\"organization__input\">\n              <input matInput placeholder=\"Buiness Name\" formControlName=\"business_name\" [required]=\"organizationGroup.controls.is_business.value\">\n              <mat-hint class=\"organization__input-hint\">What is the name of the business that owns this account?</mat-hint>\n            </mat-form-field>\n          </div>\n          <hr class=\"organization__divider\">\n          <div class=\"organization__agreement\">\n            By clicking on \"Create Organization\" below, you are agreeding to the terms of service and Privacy policy.\n          </div>\n          <div class=\"organization__action\">\n            <button mat-button class=\"organization__action-button create\" (click)=\"createOrganization(organizationGroup.value)\" [disabled]=\"nameValidity !== valid\"\n              matStepperNext>create organization</button>\n            <button mat-button class=\"organization__action-button\" (click)=\"cancel()\">cancel</button>\n          </div>\n        </form>\n      </mat-step>\n      <mat-step>\n        <ng-template matStepLabel>Done</ng-template>\n        <div class=\"organization__wrapper\">\n          <div class=\"organization__message\">\n            Creating your organization now...\n          </div>\n          <div class=\"organization__message\">\n            You can select different accounts by clicking on the profile menu under your account.\n          </div>\n          <div class=\"organization-claim__image\">\n            <img src=\"/assets/organization/select-profile.png\">\n          </div>\n          <div class=\"organization__action\">\n            <button mat-button class=\"organization__action-button create\" (click)=\"switchAndGoToAdmin()\">go to admin</button>\n            <button mat-button class=\"organization__action-button\" [disabled]=\"!newProfile\" (click)=\"switchProfile()\">go to new profile</button>\n          </div>\n        </div>\n      </mat-step>\n    </mat-vertical-stepper>\n  ","styles":["\n    .organization__header{padding-left:10px;height:52px;line-height:52px}.organization__header-title{margin-left:6px;font-size:20px;line-height:28px;font-weight:500}.organization__button.send{background-color:#002f66;color:#FFF}.organization__button.resend{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:\"FlipH\"}.organization__form,.organization__wrapper{max-width:264px}.organization__input{width:100%}.organization__input-wrapper{padding-bottom:10px}.organization__input-hint{font-size:12px}.organization__input-hint.pass{color:#002f66}.organization__input-hint.fail{color:#f44336}.organization__checkbox-wrapper{margin-right:8px;width:20px;vertical-align:top}.organization__checkbox-label{width:232px;font-size:14px;line-height:20px}.organization__checkbox-wrapper,.organization__checkbox-label{display:inline-block}.organization__divider{margin-top:10px;margin-bottom:10px}.organization__agreement,.organization__message{margin-bottom:8px;font-size:14px;line-height:20px}.organization__action-button{padding-left:8px;padding-right:8px;text-transform:uppercase}.organization__action-button.create{color:#FFF;background-color:#002f66}::ng-deep .add-organization .mat-dialog-container{padding:0 0 24px 0}::ng-deep .add-organization .mat-dialog-container .mat-stepper-vertical{background-color:#FAFAFA}\n  "]}]}],"members":{"nameInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":93,"character":3},"arguments":["nameInput"]}]}],"stepper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":94,"character":3},"arguments":["stepper"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":119,"character":16},{"__symbolic":"reference","module":"../organization-dialog.service","name":"OrganizationDialogService","line":120,"character":29},{"__symbolic":"reference","module":"@angular/material","name":"MatDialogRef","line":121,"character":20,"arguments":[{"__symbolic":"reference","name":"OrganizationAddDialogComponent"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"watchInput":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"switchProfile":[{"__symbolic":"method"}],"switchAndGoToAdmin":[{"__symbolic":"method"}],"createOrganization":[{"__symbolic":"method"}],"checkNameValidity":[{"__symbolic":"method"}],"resendEmailVerification":[{"__symbolic":"method"}],"getEmailVerification":[{"__symbolic":"method"}]}}}}]

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

450869

decreased by-0.49%

Lines of code

2844

decreased by-0.66%

No dependency changes