@realster/angular - npm Package Compare versions

Comparing version 1.1.0-beta.4 to 1.1.0-beta.5

bundles/RealsterAngular.umd.min.js

@@ -1,1 +0,1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/forms"),require("rxjs/operators"),require("@angular/platform-browser"),require("lodash"),require("@angular/flex-layout"),require("@angular/common"),require("@angular/material"),require("rxjs"),require("@angular/core")):"function"==typeof define&&define.amd?define(["exports","@angular/forms","rxjs/operators","@angular/platform-browser","lodash","@angular/flex-layout","@angular/common","@angular/material","rxjs","@angular/core"],e):e((t.ng=t.ng||{},t.ng.realsterangular={}),t.ng.forms,t.rxjs.operators,t.ng.platformBrowser,t._,t.ng.flexLayout,t.ng.common,t.ng.material,t.rxjs,t.ng.core)}(this,function(t,n,i,e,o,a,r,c,l,s){"use strict";var p=function(){function t(){this.nameValidationObservable=new l.ReplaySubject,this.newProfileObservable=new l.ReplaySubject,this.emailVerifiedObservable=new l.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}(),d=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}(),u=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}(),f=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},g=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},m=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:(""+this.overrideTop||64)+"px",right:(""+this.overrideRight||20)+"px"},height:"228px",width:"285px",backdropClass:"setting__backdrop",panelClass:"account__setting-panel",maxWidth:"100vw"};this.dialog.open(this.dialogComponent,t)},f([s.Input(),g("design:type",d)],t.prototype,"currentProfile",void 0),f([s.Input(),g("design:type",Number)],t.prototype,"overrideRight",void 0),f([s.Input(),g("design:type",Number)],t.prototype,"overrideTop",void 0),f([s.ViewChild("dialog"),g("design:type",Object)],t.prototype,"dialogComponent",void 0),t=f([s.Component({selector:"rlstr-account-button",template:'\n    <div class="header__account">\n      <button mat-icon-button class="header__account-button" id="open-account-setting" (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  "]}),g("design:paramtypes",[c.MatDialog])],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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},b=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},_=function(){function t(){this.signOutEvent=new s.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()},h([s.Input(),b("design:type",u)],t.prototype,"profiles",void 0),h([s.Input(),b("design:type",String)],t.prototype,"termsUrl",void 0),h([s.Input(),b("design:type",String)],t.prototype,"privacyUrl",void 0),h([s.Input(),b("design:type",String)],t.prototype,"accountUrl",void 0),h([s.Output(),b("design:type",Object)],t.prototype,"signOutEvent",void 0),t=h([s.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" id="terms-link" [href]="termsUrl">Terms</a>\n            <span class="account-dialog__dash">-</span>\n            <a class="account-dialog__link" id="privacy-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" id="my-account-link" [href]="accountUrl">My Account</a>\n          <button mat-button class="account-dialog__sign-out" id="account-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  ']}),b("design:paramtypes",[])],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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},y=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},x=function(){function t(t,e,n){this.fb=t,this.organizationSvc=e,this.dialog=n,this.switchAndRedirectEvent=new s.EventEmitter,this.getEmailVerificationEvent=new s.EventEmitter,this.resendEmailVerificationEvent=new s.EventEmitter,this.getNameValidityEvent=new s.EventEmitter,this.createOrganizationEvent=new s.EventEmitter,this.switchProfileEvent=new s.EventEmitter,this.nameValidityMessage="This will be your unique organization name",this.organizationComplete=!1,this.nameInputSubscription=new l.Subscription,this.emailVerifiedSubscription=new l.Subscription,this.newProfileSubscription=new l.Subscription,this.nameValidityResultSubscription=new l.Subscription}return t.prototype.ngOnInit=function(){var e=this;this.emailVerifiedSubscription=this.organizationSvc.emailVerifiedObservable.subscribe(function(t){e.emailVerified=t}),this.newProfileSubscription=this.organizationSvc.newProfileObservable.subscribe(function(t){e.newProfile=t}),this.emailValidationGroup=this.fb.group({email_validated:[this.emailVerified,n.Validators.required]}),void 0!==this.emailVerified&&this.emailValidationGroup.controls.email_validated.setValue(this.emailVerified),this.organizationGroup=this.fb.group({name:["",[n.Validators.required,this.checkNameValidity.bind(this)]],is_business:[!1],business_name:[""]}),this.organizationGroup.controls.is_business.valueChanges.subscribe(function(t){t?(e.organizationGroup.controls.business_name.patchValue(""),e.organizationGroup.controls.business_name.markAsPristine(),e.organizationGroup.controls.business_name.markAsUntouched()):e.organizationGroup.controls.business_name.setValidators(null),e.organizationGroup.controls.business_name.updateValueAndValidity()})},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=l.fromEvent(this.nameInput.nativeElement,"keyup").pipe(i.debounceTime(150),i.distinctUntilChanged(),i.map(function(){0===t.nameInput.nativeElement.value.length&&(t.nameValidityMessage="This will be your unique organization name",t.nameValidity="clean")})).subscribe(),console.log("form group",this.organizationGroup)},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(e){var n=this;return this.getNameValidityEvent.emit(e.value),this.organizationSvc.nameValidationObservable.pipe(i.map(function(t){return t})).subscribe(function(t){return t.valid?(n.nameValidityMessage="This name is useable.",n.nameValidity="valid",e.updateValueAndValidity(),console.log("control",e),null):(n.nameValidityMessage="This name is taken",n.nameValidity="invalid",e.updateValueAndValidity(),{emailTaken:!0})})},t.prototype.resendEmailVerification=function(){this.resendEmailVerificationEvent.emit()},t.prototype.getEmailVerification=function(){this.getEmailVerificationEvent.emit()},v([s.ViewChild("nameInput"),y("design:type",s.ElementRef)],t.prototype,"nameInput",void 0),v([s.ViewChild("stepper"),y("design:type",c.MatStepper)],t.prototype,"stepper",void 0),t=v([s.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 [completed]="nameValidity === \'valid\'">\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 agreeing 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\n              [disabled]="nameValidity !== \'valid\'">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]=\'organization_img_src\'>\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}@media only screen and (max-width: 420px){::ng-deep .add-organization{max-width:100% !important;width:100%;height:100%}}::ng-deep .add-organization .mat-dialog-container{padding:0 0 24px 0;height:600px}@media only screen and (max-width: 420px){::ng-deep .add-organization .mat-dialog-container{height:100%}}::ng-deep .add-organization .mat-dialog-container .mat-stepper-vertical{background-color:#FAFAFA}\n  ']}),y("design:paramtypes",[n.FormBuilder,p,c.MatDialogRef])],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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},O=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},z=function(){function t(t){this.dialog=t,this.loading=!1,this.switchEvent=new s.EventEmitter,this.addOrgEvent=new s.EventEmitter,this.switchAndRedirectEvent=new s.EventEmitter,this.getEmailVerificationEvent=new s.EventEmitter,this.resendEmailVerificationEvent=new s.EventEmitter,this.getNameValidityEvent=new s.EventEmitter,this.createOrganizationEvent=new s.EventEmitter,this.switchProfileEvent=new s.EventEmitter}return t.prototype.profileTracking=function(t,e){return e&&e.id?e.id:t},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 e=this,t=this.dialog.open(x,{panelClass:"add-organization"});t.componentInstance.organization_img_src=this.organizationImgSrc,t.componentInstance.switchAndRedirectEvent.subscribe(function(t){e.switchAndRedirectEvent.emit(t)}),t.componentInstance.getEmailVerificationEvent.subscribe(function(){e.getEmailVerificationEvent.emit()}),t.componentInstance.resendEmailVerificationEvent.subscribe(function(){e.resendEmailVerificationEvent.emit()}),t.componentInstance.getNameValidityEvent.subscribe(function(t){e.getNameValidityEvent.emit(t)}),t.componentInstance.createOrganizationEvent.subscribe(function(t){e.createOrganizationEvent.emit(t)}),t.componentInstance.switchProfileEvent.subscribe(function(){e.switchProfileEvent.emit()})},t.prototype.switchProfile=function(t){this.switchEvent.emit(t)},w([s.Input(),O("design:type",Object)],t.prototype,"loading",void 0),w([s.Input(),O("design:type",u)],t.prototype,"profiles",void 0),w([s.Input(),O("design:type",String)],t.prototype,"organizationImgSrc",void 0),w([s.Output(),O("design:type",Object)],t.prototype,"switchEvent",void 0),w([s.Output(),O("design:type",Object)],t.prototype,"addOrgEvent",void 0),w([s.Output(),O("design:type",Object)],t.prototype,"switchAndRedirectEvent",void 0),w([s.Output(),O("design:type",Object)],t.prototype,"getEmailVerificationEvent",void 0),w([s.Output(),O("design:type",Object)],t.prototype,"resendEmailVerificationEvent",void 0),w([s.Output(),O("design:type",Object)],t.prototype,"getNameValidityEvent",void 0),w([s.Output(),O("design:type",Object)],t.prototype,"createOrganizationEvent",void 0),w([s.Output(),O("design:type",Object)],t.prototype,"switchProfileEvent",void 0),t=w([s.Component({selector:"rlstr-account-profile",template:'\n    <button mat-button class="account__profile" id="open-profiles" [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; let i = index; trackBy: profileTracking">\n          <button mat-button class="menu__profile-button"id="profile-{{profile.Properties.id}}" (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" id="add-new-org" (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;height:56px;width:100%;text-align:left}.account__profile-icon.left{margin-right:24px}.account__profile-icon.left.loading{margin-top:-5px;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-panel{max-height:calc(100vh - 250px)}::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  "]}),O("design:paramtypes",[c.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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},R=function(){function t(){}return t=k([s.NgModule({declarations:[m,_,z,x],entryComponents:[_,z,x],imports:[r.CommonModule,c.MatIconModule,c.MatButtonModule,c.MatDialogModule,c.MatMenuModule,c.MatStepperModule,c.MatInputModule,c.MatFormFieldModule,c.MatCheckboxModule,n.ReactiveFormsModule,c.MatProgressSpinnerModule],exports:[c.MatIconModule,c.MatButtonModule,c.MatDialogModule,c.MatMenuModule,c.MatStepperModule,c.MatProgressSpinnerModule,m,z,_,x,c.MatCheckboxModule,c.MatInputModule,c.MatFormFieldModule],providers:[p]})],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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},j=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},P=function(){function t(){}return t.prototype.appTracking=function(t,e){return e&&e.id?e.id:t},t.prototype.appLinkId=function(t){return"go-to-"+t.replace(/ /g,"-")},t=M([s.Component({selector:"rlstr-launcher-dialog",template:'\n    <div class="launcher__dialog">\n      <div *ngFor="let app of apps; trackBy: appTracking" class="launcher__dialog-app">\n        <div class="launcher__dialog-app-content">\n          <a href="{{app.link}}" [id]="appLinkId(app.name)" 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  "]}),j("design:paramtypes",[])],t)}(),C=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},E=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},I=function(){function t(t){this.dialog=t}return t.prototype.openLauncherDialog=function(){var t={position:{top:(""+this.overrideTop||64)+"px",right:(""+this.overrideRight||20)+"px"},height:"266px",width:"320px",backdropClass:"launcher__backdrop",panelClass:"app-launcher"};this.dialog.open(P,t).componentInstance.apps=this.apps},C([s.Input(),E("design:type",Object)],t.prototype,"apps",void 0),C([s.Input(),E("design:type",Object)],t.prototype,"overrideRight",void 0),C([s.Input(),E("design:type",Object)],t.prototype,"overrideTop",void 0),t=C([s.Component({selector:"rlstr-launcher-button",template:'\n    <div class="header__launcher">\n      <button mat-icon-button class="header__launcher-button" id="app-launcher" (click)="openLauncherDialog()">\n        <mat-icon>apps</mat-icon>\n      </button>\n    </div>\n  ',styles:["\n    .header__launcher{float:right}\n  "]}),E("design:paramtypes",[c.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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},V=function(){function t(){}return t=S([s.NgModule({declarations:[I,P],imports:[c.MatIconModule,c.MatButtonModule,c.MatDialogModule,r.CommonModule],exports:[I,P],entryComponents:[P]})],t)}(),D=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},A=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},N=function(a,r,c,l){return new(c||(c=Promise))(function(t,e){function n(t){try{o(l.next(t))}catch(t){e(t)}}function i(t){try{o(l.throw(t))}catch(t){e(t)}}function o(e){e.done?t(e.value):new c(function(t){t(e.value)}).then(n,i)}o((l=l.apply(a,r||[])).next())})},F=function(n,i){var o,a,r,t,c={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return t={next:e(0),throw:e(1),return:e(2)},"function"==typeof Symbol&&(t[Symbol.iterator]=function(){return this}),t;function e(e){return function(t){return function(e){if(o)throw new TypeError("Generator is already executing.");for(;c;)try{if(o=1,a&&(r=2&e[0]?a.return:e[0]?a.throw||((r=a.return)&&r.call(a),0):a.next)&&!(r=r.call(a,e[1])).done)return r;switch(a=0,r&&(e=[2&e[0],r.value]),e[0]){case 0:case 1:r=e;break;case 4:return c.label++,{value:e[1],done:!1};case 5:c.label++,a=e[1],e=[0];continue;case 7:e=c.ops.pop(),c.trys.pop();continue;default:if(!(r=0<(r=c.trys).length&&r[r.length-1])&&(6===e[0]||2===e[0])){c=0;continue}if(3===e[0]&&(!r||e[1]>r[0]&&e[1]<r[3])){c.label=e[1];break}if(6===e[0]&&c.label<r[1]){c.label=r[1],r=e;break}if(r&&c.label<r[2]){c.label=r[2],c.ops.push(e);break}r[2]&&c.ops.pop(),c.trys.pop();continue}e=i.call(n,c)}catch(t){e=[6,t],a=0}finally{o=r=0}if(5&e[0])throw e[1];return{value:e[0]?e[1]:void 0,done:!0}}([e,t])}}},T=function(){function t(t){this.sanitizer=t,this.removeNotEvent=new s.EventEmitter,this.activeIndex=-1,this.delay=!1}return t.prototype.ngOnInit=function(){return N(this,void 0,void 0,function(){var e;return F(this,function(t){return this.initNotifications(),this.ifUnfold=!1,this.data&&null!==this.data.id&&(e=o.findIndex(this.notifications,{id:this.data.id}),this.expand(e)),[2]})})},t.prototype.notificationTracking=function(t,e){return e&&e.id?e.id:t},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.prototype.notificationCardId=function(t){return"notification-card"+(t+1).toString()},t.prototype.notificationRemoveId=function(t){return"notification-remove"+(t+1).toString()},t.prototype.notificationExpandId=function(t){return"notification-expand"+(t+1).toString()},t.prototype.notificationActionId=function(t,e){return"notification-"+t.replace(/ /g,"-")+(e+1).toString()},t=D([s.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" id="notification-back" (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" id="notification-previous" (click)="prevCard()">\n            <mat-icon>expand_less</mat-icon>\n          </button>\n          <button mat-button class="notification__nav-down" [disabled]="activeIndex === notifications.length - 1" id="notification-next" (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 notifications will be shown here.\n          </div>\n        </div>\n        <mat-card class="notification__messages" [id]="notificationCardId(i)" *ngFor="let notification of notifications; let i = index; trackBy: notificationTracking" [ngClass]="{expanded: isUnfolded(i)}">\n          <button mat-button class="notification__close" [id]="notificationRemoveId(i)" (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" [id]="notificationExpandId(i)" [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" [id]="notificationActionId(action.label, i)" 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  "]}),A("design:paramtypes",[e.DomSanitizer])],t)}(),B=function(){function t(){this.activeNotificationObservable=new l.ReplaySubject}return t.prototype.setActiveNotification=function(t){this.activeNotificationObservable.next(t)},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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},G=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},L=function(){function t(t,e){var n=this;this.dialog=t,this.notificationSvc=e,this.removeNotification=new s.EventEmitter,e.activeNotificationObservable.subscribe(function(t){t&&n.toggleNotification(t.id)})}return t.prototype.toggleNotification=function(t){var e=this,n=this.dialog.open(T,{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)})},q([s.Input(),G("design:type",Array)],t.prototype,"notifications",void 0),q([s.Output(),G("design:type",Object)],t.prototype,"removeNotification",void 0),t=q([s.Component({selector:"rlstr-notification-button",template:'\n    <div class="header__notification">\n      <button mat-button class="header-notification__button" id="notification-open" (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  "]}),G("design:paramtypes",[c.MatDialog,B])],t)}(),U=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},H=function(){function t(){}return t=U([s.NgModule({declarations:[T,L],entryComponents:[T],imports:[c.MatButtonModule,c.MatDialogModule,c.MatIconModule,c.MatCardModule,r.CommonModule,a.FlexLayoutModule],exports:[T,L,c.MatDialogModule],providers:[B]})],t)}(),X=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},W=function(){function t(){}return t=X([s.NgModule({exports:[c.MatCardModule,c.MatButtonModule,c.MatDialogModule,c.MatIconModule]})],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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},K=function(){function t(){this.disableStatus=new l.ReplaySubject}return Object.defineProperty(t.prototype,"Component",{get:function(){return this.component},set:function(t){this.component=t},enumerable:!0,configurable:!0}),t=Y([s.Injectable()],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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},Q=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Z=function(n,i){return function(t,e){i(t,e,n)}},$=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 l.Subscription}return t.prototype.ngOnInit=function(){var e=this,t=this.resolver.resolveComponentFactory(this.portalService.Component);this.componentRef=this.container.createComponent(t),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(t){null!=t&&(e.disableStaus=t)})},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")},J([s.ViewChild("container",{read:s.ViewContainerRef}),Q("design:type",Object)],t.prototype,"container",void 0),t=J([s.Component({selector:"app-realster-dialog",template:'\n    <div class="rMaterial__container">\n      <div class="header">\n        <div class="close mobile">\n          <button (click)="close()" id="rMaterial-close-mobile" 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()" id="rMaterial-ok-mobile" [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" id="rMaterial-ok" (click)="ok()" [disabled]="disableStaus" mat-button>{{ okButtonTitle || \'ok\'}}</button>\n        </div>\n        <div class="close">\n          <button class="button" id="rMaterial-close" (click)="close()" mat-button>{{ cancelButtonTitle || \'cancel\'}}</button>\n        </div>\n      </div>\n    </div>\n  ',styles:["\n    .rMaterial__container{width:100%;height:100%}@media (min-width: 700px){.rMaterial__container{width:440px;height:auto}}.rMaterial__container .header{padding-left:8px;padding-right:8px;width:100%;height:48px}.rMaterial__container .header>div{float:left}.rMaterial__container .header .close{width:40px}.rMaterial__container .header .close button{color:#002f66 !important}.rMaterial__container .header .close.mobile{height:48px;line-height:48px}.rMaterial__container .header .title{height:100%;width:calc(100% - 80px)}.rMaterial__container .header .title>div{padding-left:12px;font-size:20px;font-weight:500;line-height:48px}.rMaterial__container .header .ok{width:40px}.rMaterial__container .header .ok button{color:#002f66 !important}.rMaterial__container .header .ok.mobile{height:48px;line-height:48px}@media (min-width: 700px){.rMaterial__container .header .close{display:none}.rMaterial__container .header .title{width:100%}.rMaterial__container .header .ok{display:none}}@media only screen and (max-width: 699px){.rMaterial__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)}}.rMaterial__container .body{width:100%;padding:20px 20px 12px;overflow-y:auto;overflow-x:hidden}.rMaterial__container .footer{padding-top:8px;padding-bottom:8px;display:none}@media (min-width: 700px){.rMaterial__container .footer{display:block;width:100%;height:52px}.rMaterial__container .footer>div{float:right}}.rMaterial__container .footer .button{color:#002f66;text-transform:uppercase}.rMaterial__container .footer .button[disabled]{color:rgba(0,0,0,0.38)}.rMaterial__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  "]}),Z(4,s.Inject(c.MAT_DIALOG_DATA)),Q("design:paramtypes",[K,s.ComponentFactoryResolver,c.MatDialogRef,s.ChangeDetectorRef,Object])],t)}(),tt=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},et=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},nt=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($).componentType;return this.portalService.Component=t,this.mdDialog.open(n,e)},t=tt([s.Injectable(),et("design:paramtypes",[s.ComponentFactoryResolver,c.MatDialog,K])],t)}(),it=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},ot=function(){function t(){}return t=it([s.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)}(),at=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},rt=function(){function t(){}return t=at([s.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)}(),ct=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},lt=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},st=function(){function t(){}return ct([s.Input("src"),lt("design:type",Object)],t.prototype,"src",void 0),t=ct([s.Component({selector:"realster-card-image",template:'\n    <img [src]="src" />\n  ',styles:["\n    img{width:100px}\n  "]})],t)}(),pt=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},dt=function(){function t(){}return t=pt([s.Component({selector:"realster-card-content",template:"\n    <div>\n      <ng-content></ng-content>\n    </div>\n  "})],t)}(),ut=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},ft=function(){function t(){}return t=ut([s.Component({selector:"realster-card-actions",template:"\n    <ng-content></ng-content>\n  "})],t)}(),gt=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},mt=function(){function t(){}return t=gt([s.NgModule({imports:[W],declarations:[ot,rt,st,dt,ft,$],entryComponents:[$],providers:[nt,K],exports:[ot,rt,st,dt,ft,$]})],t)}();t.AccountComponentModule=R,t.AccountButtonComponent=m,t.AccountDialogComponent=_,t.AccountProfileComponent=z,t.OrganizationAddDialogComponent=x,t.OrganizationDialogService=p,t.ProfileCollection=u,t.ProfileModel=d,t.LauncherButtonComponent=I,t.LauncherDialogComponent=P,t.RLauncherModule=V,t.NotificationDialogComponent=T,t.NotificationButtonComponent=L,t.NotificationComponentModule=H,t.NotificationService=B,t.CardActionsComponent=ft,t.CardComponent=ot,t.CardContentComponent=dt,t.CardHeaderComponent=rt,t.CardImageComponent=st,t.DialogComponent=$,t.DialogService=nt,t.PortalService=K,t.RealsterMaterialModule=mt,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/forms"),require("rxjs/operators"),require("@angular/platform-browser"),require("lodash"),require("@angular/flex-layout"),require("@angular/common"),require("@angular/material"),require("rxjs"),require("@angular/core")):"function"==typeof define&&define.amd?define(["exports","@angular/forms","rxjs/operators","@angular/platform-browser","lodash","@angular/flex-layout","@angular/common","@angular/material","rxjs","@angular/core"],e):e((t.ng=t.ng||{},t.ng.realsterangular={}),t.ng.forms,t.rxjs.operators,t.ng.platformBrowser,t._,t.ng.flexLayout,t.ng.common,t.ng.material,t.rxjs,t.ng.core)}(this,function(t,n,i,e,o,a,r,c,l,s){"use strict";var p=function(){function t(){this.nameValidationObservable=new l.ReplaySubject,this.newProfileObservable=new l.ReplaySubject,this.emailVerifiedObservable=new l.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}(),d=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}(),u=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}(),f=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},g=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},m=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:(""+this.overrideTop||64)+"px",right:(""+this.overrideRight||20)+"px"},height:"228px",width:"285px",backdropClass:"setting__backdrop",panelClass:"account__setting-panel",maxWidth:"100vw"};this.dialog.open(this.dialogComponent,t)},f([s.Input(),g("design:type",d)],t.prototype,"currentProfile",void 0),f([s.Input(),g("design:type",Number)],t.prototype,"overrideRight",void 0),f([s.Input(),g("design:type",Number)],t.prototype,"overrideTop",void 0),f([s.ViewChild("dialog"),g("design:type",Object)],t.prototype,"dialogComponent",void 0),t=f([s.Component({selector:"rlstr-account-button",template:'\n    <div class="header__account">\n      <button mat-icon-button class="header__account-button" id="open-account-setting" (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  "]}),g("design:paramtypes",[c.MatDialog])],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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},b=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},_=function(){function t(){this.signOutEvent=new s.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()},h([s.Input(),b("design:type",u)],t.prototype,"profiles",void 0),h([s.Input(),b("design:type",String)],t.prototype,"termsUrl",void 0),h([s.Input(),b("design:type",String)],t.prototype,"privacyUrl",void 0),h([s.Input(),b("design:type",String)],t.prototype,"accountUrl",void 0),h([s.Output(),b("design:type",Object)],t.prototype,"signOutEvent",void 0),t=h([s.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" id="terms-link" [href]="termsUrl">Terms</a>\n            <span class="account-dialog__dash">-</span>\n            <a class="account-dialog__link" id="privacy-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" id="my-account-link" [href]="accountUrl">My Account</a>\n          <button mat-button class="account-dialog__sign-out" id="account-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  ']}),b("design:paramtypes",[])],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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},y=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},x=function(){function t(t,e,n){this.fb=t,this.organizationSvc=e,this.dialog=n,this.switchAndRedirectEvent=new s.EventEmitter,this.getEmailVerificationEvent=new s.EventEmitter,this.resendEmailVerificationEvent=new s.EventEmitter,this.getNameValidityEvent=new s.EventEmitter,this.createOrganizationEvent=new s.EventEmitter,this.switchProfileEvent=new s.EventEmitter,this.nameValidityMessage="This will be your unique organization name",this.organizationComplete=!1,this.nameInputSubscription=new l.Subscription,this.emailVerifiedSubscription=new l.Subscription,this.newProfileSubscription=new l.Subscription,this.nameValidityResultSubscription=new l.Subscription}return t.prototype.ngOnInit=function(){var e=this;this.emailVerifiedSubscription=this.organizationSvc.emailVerifiedObservable.subscribe(function(t){e.emailVerified=t}),this.newProfileSubscription=this.organizationSvc.newProfileObservable.subscribe(function(t){e.newProfile=t}),this.emailValidationGroup=this.fb.group({email_validated:[this.emailVerified,n.Validators.required]}),void 0!==this.emailVerified&&this.emailValidationGroup.controls.email_validated.setValue(this.emailVerified),this.organizationGroup=this.fb.group({name:["",[n.Validators.required,this.checkNameValidity.bind(this)]],is_business:[!1],business_name:[""]}),this.organizationGroup.controls.is_business.valueChanges.subscribe(function(t){t?(e.organizationGroup.controls.business_name.patchValue(""),e.organizationGroup.controls.business_name.markAsPristine(),e.organizationGroup.controls.business_name.markAsUntouched()):e.organizationGroup.controls.business_name.setValidators(null),e.organizationGroup.controls.business_name.updateValueAndValidity()})},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=l.fromEvent(this.nameInput.nativeElement,"keyup").pipe(i.debounceTime(150),i.distinctUntilChanged(),i.map(function(){0===t.nameInput.nativeElement.value.length&&(t.nameValidityMessage="This will be your unique organization name",t.nameValidity="clean")})).subscribe(),console.log("form group",this.organizationGroup)},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(e){var n=this;return this.getNameValidityEvent.emit(e.value),this.organizationSvc.nameValidationObservable.pipe(i.map(function(t){return t})).subscribe(function(t){return t.valid?(n.nameValidityMessage="This name is useable.",n.nameValidity="valid",e.updateValueAndValidity(),null):(n.nameValidityMessage="This name is taken",n.nameValidity="invalid",e.updateValueAndValidity(),{emailTaken:!0})})},t.prototype.resendEmailVerification=function(){this.resendEmailVerificationEvent.emit()},t.prototype.getEmailVerification=function(){this.getEmailVerificationEvent.emit()},v([s.ViewChild("nameInput"),y("design:type",s.ElementRef)],t.prototype,"nameInput",void 0),v([s.ViewChild("stepper"),y("design:type",c.MatStepper)],t.prototype,"stepper",void 0),t=v([s.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 [completed]="nameValidity === \'valid\'">\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 agreeing 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\n              [disabled]="nameValidity !== \'valid\'">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]=\'organization_img_src\'>\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}@media only screen and (max-width: 420px){::ng-deep .add-organization{max-width:100% !important;width:100%;height:100%}}::ng-deep .add-organization .mat-dialog-container{padding:0 0 24px 0;height:600px}@media only screen and (max-width: 420px){::ng-deep .add-organization .mat-dialog-container{height:100%}}::ng-deep .add-organization .mat-dialog-container .mat-stepper-vertical{background-color:#FAFAFA}\n  ']}),y("design:paramtypes",[n.FormBuilder,p,c.MatDialogRef])],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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},O=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},z=function(){function t(t){this.dialog=t,this.loading=!1,this.switchEvent=new s.EventEmitter,this.addOrgEvent=new s.EventEmitter,this.switchAndRedirectEvent=new s.EventEmitter,this.getEmailVerificationEvent=new s.EventEmitter,this.resendEmailVerificationEvent=new s.EventEmitter,this.getNameValidityEvent=new s.EventEmitter,this.createOrganizationEvent=new s.EventEmitter,this.switchProfileEvent=new s.EventEmitter}return t.prototype.profileTracking=function(t,e){return e&&e.id?e.id:t},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 e=this,t=this.dialog.open(x,{panelClass:"add-organization"});t.componentInstance.organization_img_src=this.organizationImgSrc,t.componentInstance.switchAndRedirectEvent.subscribe(function(t){e.switchAndRedirectEvent.emit(t)}),t.componentInstance.getEmailVerificationEvent.subscribe(function(){e.getEmailVerificationEvent.emit()}),t.componentInstance.resendEmailVerificationEvent.subscribe(function(){e.resendEmailVerificationEvent.emit()}),t.componentInstance.getNameValidityEvent.subscribe(function(t){e.getNameValidityEvent.emit(t)}),t.componentInstance.createOrganizationEvent.subscribe(function(t){e.createOrganizationEvent.emit(t)}),t.componentInstance.switchProfileEvent.subscribe(function(){e.switchProfileEvent.emit()})},t.prototype.switchProfile=function(t){this.switchEvent.emit(t)},w([s.Input(),O("design:type",Object)],t.prototype,"loading",void 0),w([s.Input(),O("design:type",u)],t.prototype,"profiles",void 0),w([s.Input(),O("design:type",String)],t.prototype,"organizationImgSrc",void 0),w([s.Output(),O("design:type",Object)],t.prototype,"switchEvent",void 0),w([s.Output(),O("design:type",Object)],t.prototype,"addOrgEvent",void 0),w([s.Output(),O("design:type",Object)],t.prototype,"switchAndRedirectEvent",void 0),w([s.Output(),O("design:type",Object)],t.prototype,"getEmailVerificationEvent",void 0),w([s.Output(),O("design:type",Object)],t.prototype,"resendEmailVerificationEvent",void 0),w([s.Output(),O("design:type",Object)],t.prototype,"getNameValidityEvent",void 0),w([s.Output(),O("design:type",Object)],t.prototype,"createOrganizationEvent",void 0),w([s.Output(),O("design:type",Object)],t.prototype,"switchProfileEvent",void 0),t=w([s.Component({selector:"rlstr-account-profile",template:'\n    <button mat-button class="account__profile" id="open-profiles" [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; let i = index; trackBy: profileTracking">\n          <button mat-button class="menu__profile-button"id="profile-{{profile.Properties.id}}" (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" id="add-new-org" (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;height:56px;width:100%;text-align:left}.account__profile-icon.left{margin-right:24px}.account__profile-icon.left.loading{margin-top:-5px;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-panel{max-height:calc(100vh - 250px)}::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  "]}),O("design:paramtypes",[c.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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},R=function(){function t(){}return t=k([s.NgModule({declarations:[m,_,z,x],entryComponents:[_,z,x],imports:[r.CommonModule,c.MatIconModule,c.MatButtonModule,c.MatDialogModule,c.MatMenuModule,c.MatStepperModule,c.MatInputModule,c.MatFormFieldModule,c.MatCheckboxModule,n.ReactiveFormsModule,c.MatProgressSpinnerModule],exports:[c.MatIconModule,c.MatButtonModule,c.MatDialogModule,c.MatMenuModule,c.MatStepperModule,c.MatProgressSpinnerModule,m,z,_,x,c.MatCheckboxModule,c.MatInputModule,c.MatFormFieldModule],providers:[p]})],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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},j=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},P=function(){function t(){}return t.prototype.appTracking=function(t,e){return e&&e.id?e.id:t},t.prototype.appLinkId=function(t){return"go-to-"+t.replace(/ /g,"-")},t=M([s.Component({selector:"rlstr-launcher-dialog",template:'\n    <div class="launcher__dialog">\n      <div *ngFor="let app of apps; trackBy: appTracking" class="launcher__dialog-app">\n        <div class="launcher__dialog-app-content">\n          <a href="{{app.link}}" [id]="appLinkId(app.name)" 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  "]}),j("design:paramtypes",[])],t)}(),C=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},E=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},I=function(){function t(t){this.dialog=t}return t.prototype.openLauncherDialog=function(){var t={position:{top:(""+this.overrideTop||64)+"px",right:(""+this.overrideRight||20)+"px"},height:"266px",width:"320px",backdropClass:"launcher__backdrop",panelClass:"app-launcher"};this.dialog.open(P,t).componentInstance.apps=this.apps},C([s.Input(),E("design:type",Object)],t.prototype,"apps",void 0),C([s.Input(),E("design:type",Object)],t.prototype,"overrideRight",void 0),C([s.Input(),E("design:type",Object)],t.prototype,"overrideTop",void 0),t=C([s.Component({selector:"rlstr-launcher-button",template:'\n    <div class="header__launcher">\n      <button mat-icon-button class="header__launcher-button" id="app-launcher" (click)="openLauncherDialog()">\n        <mat-icon>apps</mat-icon>\n      </button>\n    </div>\n  ',styles:["\n    .header__launcher{float:right}\n  "]}),E("design:paramtypes",[c.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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},V=function(){function t(){}return t=S([s.NgModule({declarations:[I,P],imports:[c.MatIconModule,c.MatButtonModule,c.MatDialogModule,r.CommonModule],exports:[I,P],entryComponents:[P]})],t)}(),D=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},A=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},N=function(a,r,c,l){return new(c||(c=Promise))(function(t,e){function n(t){try{o(l.next(t))}catch(t){e(t)}}function i(t){try{o(l.throw(t))}catch(t){e(t)}}function o(e){e.done?t(e.value):new c(function(t){t(e.value)}).then(n,i)}o((l=l.apply(a,r||[])).next())})},F=function(n,i){var o,a,r,t,c={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return t={next:e(0),throw:e(1),return:e(2)},"function"==typeof Symbol&&(t[Symbol.iterator]=function(){return this}),t;function e(e){return function(t){return function(e){if(o)throw new TypeError("Generator is already executing.");for(;c;)try{if(o=1,a&&(r=2&e[0]?a.return:e[0]?a.throw||((r=a.return)&&r.call(a),0):a.next)&&!(r=r.call(a,e[1])).done)return r;switch(a=0,r&&(e=[2&e[0],r.value]),e[0]){case 0:case 1:r=e;break;case 4:return c.label++,{value:e[1],done:!1};case 5:c.label++,a=e[1],e=[0];continue;case 7:e=c.ops.pop(),c.trys.pop();continue;default:if(!(r=0<(r=c.trys).length&&r[r.length-1])&&(6===e[0]||2===e[0])){c=0;continue}if(3===e[0]&&(!r||e[1]>r[0]&&e[1]<r[3])){c.label=e[1];break}if(6===e[0]&&c.label<r[1]){c.label=r[1],r=e;break}if(r&&c.label<r[2]){c.label=r[2],c.ops.push(e);break}r[2]&&c.ops.pop(),c.trys.pop();continue}e=i.call(n,c)}catch(t){e=[6,t],a=0}finally{o=r=0}if(5&e[0])throw e[1];return{value:e[0]?e[1]:void 0,done:!0}}([e,t])}}},T=function(){function t(t){this.sanitizer=t,this.removeNotEvent=new s.EventEmitter,this.activeIndex=-1,this.delay=!1}return t.prototype.ngOnInit=function(){return N(this,void 0,void 0,function(){var e;return F(this,function(t){return this.initNotifications(),this.ifUnfold=!1,this.data&&null!==this.data.id&&(e=o.findIndex(this.notifications,{id:this.data.id}),this.expand(e)),[2]})})},t.prototype.notificationTracking=function(t,e){return e&&e.id?e.id:t},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.prototype.notificationCardId=function(t){return"notification-card"+(t+1).toString()},t.prototype.notificationRemoveId=function(t){return"notification-remove"+(t+1).toString()},t.prototype.notificationExpandId=function(t){return"notification-expand"+(t+1).toString()},t.prototype.notificationActionId=function(t,e){return"notification-"+t.replace(/ /g,"-")+(e+1).toString()},t=D([s.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" id="notification-back" (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" id="notification-previous" (click)="prevCard()">\n            <mat-icon>expand_less</mat-icon>\n          </button>\n          <button mat-button class="notification__nav-down" [disabled]="activeIndex === notifications.length - 1" id="notification-next" (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 notifications will be shown here.\n          </div>\n        </div>\n        <mat-card class="notification__messages" [id]="notificationCardId(i)" *ngFor="let notification of notifications; let i = index; trackBy: notificationTracking" [ngClass]="{expanded: isUnfolded(i)}">\n          <button mat-button class="notification__close" [id]="notificationRemoveId(i)" (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" [id]="notificationExpandId(i)" [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" [id]="notificationActionId(action.label, i)" 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  "]}),A("design:paramtypes",[e.DomSanitizer])],t)}(),B=function(){function t(){this.activeNotificationObservable=new l.ReplaySubject}return t.prototype.setActiveNotification=function(t){this.activeNotificationObservable.next(t)},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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},G=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},L=function(){function t(t,e){var n=this;this.dialog=t,this.notificationSvc=e,this.removeNotification=new s.EventEmitter,e.activeNotificationObservable.subscribe(function(t){t&&n.toggleNotification(t.id)})}return t.prototype.toggleNotification=function(t){var e=this,n=this.dialog.open(T,{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)})},q([s.Input(),G("design:type",Array)],t.prototype,"notifications",void 0),q([s.Output(),G("design:type",Object)],t.prototype,"removeNotification",void 0),t=q([s.Component({selector:"rlstr-notification-button",template:'\n    <div class="header__notification">\n      <button mat-button class="header-notification__button" id="notification-open" (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  "]}),G("design:paramtypes",[c.MatDialog,B])],t)}(),U=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},H=function(){function t(){}return t=U([s.NgModule({declarations:[T,L],entryComponents:[T],imports:[c.MatButtonModule,c.MatDialogModule,c.MatIconModule,c.MatCardModule,r.CommonModule,a.FlexLayoutModule],exports:[T,L,c.MatDialogModule],providers:[B]})],t)}(),X=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},W=function(){function t(){}return t=X([s.NgModule({exports:[c.MatCardModule,c.MatButtonModule,c.MatDialogModule,c.MatIconModule]})],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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},K=function(){function t(){this.disableStatus=new l.ReplaySubject}return Object.defineProperty(t.prototype,"Component",{get:function(){return this.component},set:function(t){this.component=t},enumerable:!0,configurable:!0}),t=Y([s.Injectable()],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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},Q=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Z=function(n,i){return function(t,e){i(t,e,n)}},$=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 l.Subscription}return t.prototype.ngOnInit=function(){var e=this,t=this.resolver.resolveComponentFactory(this.portalService.Component);this.componentRef=this.container.createComponent(t),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(t){null!=t&&(e.disableStaus=t)})},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")},J([s.ViewChild("container",{read:s.ViewContainerRef}),Q("design:type",Object)],t.prototype,"container",void 0),t=J([s.Component({selector:"app-realster-dialog",template:'\n    <div class="rMaterial__container">\n      <div class="header">\n        <div class="close mobile">\n          <button (click)="close()" id="rMaterial-close-mobile" 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()" id="rMaterial-ok-mobile" [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" id="rMaterial-ok" (click)="ok()" [disabled]="disableStaus" mat-button>{{ okButtonTitle || \'ok\'}}</button>\n        </div>\n        <div class="close">\n          <button class="button" id="rMaterial-close" (click)="close()" mat-button>{{ cancelButtonTitle || \'cancel\'}}</button>\n        </div>\n      </div>\n    </div>\n  ',styles:["\n    .rMaterial__container{width:100%;height:100%}@media (min-width: 700px){.rMaterial__container{width:440px;height:auto}}.rMaterial__container .header{padding-left:8px;padding-right:8px;width:100%;height:48px}.rMaterial__container .header>div{float:left}.rMaterial__container .header .close{width:40px}.rMaterial__container .header .close button{color:#002f66 !important}.rMaterial__container .header .close.mobile{height:48px;line-height:48px}.rMaterial__container .header .title{height:100%;width:calc(100% - 80px)}.rMaterial__container .header .title>div{padding-left:12px;font-size:20px;font-weight:500;line-height:48px}.rMaterial__container .header .ok{width:40px}.rMaterial__container .header .ok button{color:#002f66 !important}.rMaterial__container .header .ok.mobile{height:48px;line-height:48px}@media (min-width: 700px){.rMaterial__container .header .close{display:none}.rMaterial__container .header .title{width:100%}.rMaterial__container .header .ok{display:none}}@media only screen and (max-width: 699px){.rMaterial__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)}}.rMaterial__container .body{width:100%;padding:20px 20px 12px;overflow-y:auto;overflow-x:hidden}.rMaterial__container .footer{padding-top:8px;padding-bottom:8px;display:none}@media (min-width: 700px){.rMaterial__container .footer{display:block;width:100%;height:52px}.rMaterial__container .footer>div{float:right}}.rMaterial__container .footer .button{color:#002f66;text-transform:uppercase}.rMaterial__container .footer .button[disabled]{color:rgba(0,0,0,0.38)}.rMaterial__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  "]}),Z(4,s.Inject(c.MAT_DIALOG_DATA)),Q("design:paramtypes",[K,s.ComponentFactoryResolver,c.MatDialogRef,s.ChangeDetectorRef,Object])],t)}(),tt=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},et=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},nt=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($).componentType;return this.portalService.Component=t,this.mdDialog.open(n,e)},t=tt([s.Injectable(),et("design:paramtypes",[s.ComponentFactoryResolver,c.MatDialog,K])],t)}(),it=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},ot=function(){function t(){}return t=it([s.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)}(),at=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},rt=function(){function t(){}return t=at([s.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)}(),ct=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},lt=function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},st=function(){function t(){}return ct([s.Input("src"),lt("design:type",Object)],t.prototype,"src",void 0),t=ct([s.Component({selector:"realster-card-image",template:'\n    <img [src]="src" />\n  ',styles:["\n    img{width:100px}\n  "]})],t)}(),pt=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},dt=function(){function t(){}return t=pt([s.Component({selector:"realster-card-content",template:"\n    <div>\n      <ng-content></ng-content>\n    </div>\n  "})],t)}(),ut=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},ft=function(){function t(){}return t=ut([s.Component({selector:"realster-card-actions",template:"\n    <ng-content></ng-content>\n  "})],t)}(),gt=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;0<=c;c--)(o=t[c])&&(r=(a<3?o(r):3<a?o(e,n,r):o(e,n))||r);return 3<a&&r&&Object.defineProperty(e,n,r),r},mt=function(){function t(){}return t=gt([s.NgModule({imports:[W],declarations:[ot,rt,st,dt,ft,$],entryComponents:[$],providers:[nt,K],exports:[ot,rt,st,dt,ft,$]})],t)}();t.AccountComponentModule=R,t.AccountButtonComponent=m,t.AccountDialogComponent=_,t.AccountProfileComponent=z,t.OrganizationAddDialogComponent=x,t.OrganizationDialogService=p,t.ProfileCollection=u,t.ProfileModel=d,t.LauncherButtonComponent=I,t.LauncherDialogComponent=P,t.RLauncherModule=V,t.NotificationDialogComponent=T,t.NotificationButtonComponent=L,t.NotificationComponentModule=H,t.NotificationService=B,t.CardActionsComponent=ft,t.CardComponent=ot,t.CardContentComponent=dt,t.CardHeaderComponent=rt,t.CardImageComponent=st,t.DialogComponent=$,t.DialogService=nt,t.PortalService=K,t.RealsterMaterialModule=mt,Object.defineProperty(t,"__esModule",{value:!0})});

package.json

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

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

@@ -104,3 +104,2 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
                 control.updateValueAndValidity();
-                console.log('control', control);
                 return null;
@@ -107,0 +106,0 @@ }

No alert changes

Worsened metrics

Total package byte prevSize

478097

decreased by-0.06%

Lines of code

2940

decreased by-0.07%

No dependency changes