npm - @alfresco/aca-content - Versions diffs - 4.0.0-5081629675 → 4.0.0-5083172838 - Mend

@alfresco/aca-content 4.0.0-5081629675 → 4.0.0-5083172838

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/fesm2020/alfresco-aca-content.mjs CHANGED Viewed

@@ -1358,10 +1358,10 @@ class ViewProfileComponent {
     }
 }
 ViewProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ViewProfileComponent, deps: [{ token: i2$1.Router }, { token: i2.AlfrescoApiService }, { token: i1$1.AppService }], target: i0.ɵɵFactoryTarget.Component });
-ViewProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ViewProfileComponent, selector: "app-view-profile", ngImport: i0, template: "<div class=\"app-profile-container\">\n  <div class=\"app-profile-row\">\n    <div class=\"app-profile-title\">\n      <button *ngIf=\"(appNavNarMode$ | async) === 'collapsed'\" mat-icon-button (click)=\"toggleClick()\"\n        title=\"{{'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate}}\">\n        <mat-icon>menu</mat-icon>\n      </button>\n      <mat-icon class=\"app-profile-icon\" (click)=\"navigateToPersonalFiles()\" id=\"backButton\">arrow_back</mat-icon>\n      <h3 class=\"app-profile\">{{'APP.EDIT_PROFILE.MY_PROFILE' | translate}}</h3>\n    </div>\n  </div>\n  <div class=\"app-profile-general-row\" [formGroup]=\"profileForm\">\n    <div class=\"app-profile-general\">\n      <div class=\"app-profile-general-section\">\n        <mat-icon class=\"app-profile-general-icon\" (click)=\"toggleGeneralDropdown()\" id=\"toggle-general-dropdown\">\n          {{ generalSectionDropdown ?  'expand_more' : 'chevron_right'}}</mat-icon>\n        <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h4>\n      </div>\n      <div class=\"app-general-edit-btn\" *ngIf=\"generalSectionButtonsToggle\">\n        <button mat-raised-button (click)=\"toggleGeneralButtons()\" id=\"general-edit-button\"\n          class=\"app-general-edit\">{{'APP.EDIT_PROFILE.EDIT' | translate}}</button>\n      </div>\n      <div class=\"app-general-edit-btn\" *ngIf=\"!generalSectionButtonsToggle\">\n        <button mat-raised-button class=\"app-general-cancel-btn\" id=\"general-cancel-button\"\n          (click)=\"toggleGeneralButtons()\">{{'APP.EDIT_PROFILE.CANCEL' | translate}}</button>\n        <button mat-raised-button class=\"app-general-save-btn\" id=\"general-save-button\" [disabled]=\"isSaveButtonDisabled()\"\n          (click)=\"onSaveGeneralData(profileForm)\">{{'APP.EDIT_PROFILE.SAVE' | translate}}</button>\n      </div>\n    </div>\n    <mat-divider class=\"app-mat-divider\" *ngIf=\"generalSectionDropdown\"></mat-divider>\n    <div *ngIf=\"generalSectionDropdown\">\n      <div class=\"app-general-dropdown\">\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.FIRST_NAME' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\">{{personDetails?.firstName}}</p>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.LAST_NAME' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\">{{personDetails?.lastName}}</p>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.JOB_TITLE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.jobTitle}}</p>\n          <input type=\"text\" value=\"\" formControlName=\"jobTitle\" *ngIf=\"!generalSectionButtonsToggle\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.LOCATION' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\"  *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.location}}</p>\n          <input type=\"text\" value=\"\" formControlName=\"location\" *ngIf=\"!generalSectionButtonsToggle\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.telephone}}</p>\n          <input type=\"tel\" name=\"Telephone\" value=\"\" formControlName=\"telephone\" *ngIf=\"!generalSectionButtonsToggle\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n          <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('telephone').invalid\">\n            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n          </mat-error>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.MOBILE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.mobile}}</p>\n        <input type=\"tel\" value=\"\" formControlName=\"mobile\" *ngIf=\"!generalSectionButtonsToggle\"\n          class=\"app-profile-general-dropdown-input-details app-selected\">\n        <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('mobile').invalid\">\n          {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n        </mat-error>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"app-profile-contact-row\" [formGroup]=\"profileForm\">\n    <div class=\"app-profile-general profile-general-bottom-radius\">\n      <div class=\"app-profile-general-section\">\n        <mat-icon class=\"app-profile-general-icon\" (click)=\"toggleContactDropdown()\" id=\"toggle-contact-dropdown\">\n          {{ contactSectionDropdown ?  'expand_more' : 'chevron_right'}}</mat-icon>\n        <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.COMPANY_DETAILS' | translate}}</h4>\n      </div>\n\n      <div class=\"app-general-edit-btn\" *ngIf=\"contactSectionButtonsToggle\">\n        <button mat-raised-button class=\"app-general-edit\" id=\"contact-edit-button\"\n          (click)=\"toggleContactButtons()\">{{'APP.EDIT_PROFILE.EDIT' | translate}}</button>\n      </div>\n      <div class=\"app-general-edit-btn\" *ngIf=\"!contactSectionButtonsToggle\">\n        <button mat-raised-button class=\"app-general-cancel-btn\" id=\"contact-cancel-button\"\n          (click)=\"toggleContactButtons()\">{{'APP.EDIT_PROFILE.CANCEL' | translate}}</button>\n        <button mat-raised-button  class=\"app-general-save-btn\" id=\"contact-save-button\" [disabled]=\"isSaveButtonDisabled()\"\n          (click)=\"onSaveCompanyData(profileForm)\">{{'APP.EDIT_PROFILE.SAVE' | translate}}</button>\n      </div>\n    </div>\n    <mat-divider class=\"app-mat-divider\" *ngIf=\"contactSectionDropdown\"></mat-divider>\n    <div *ngIf=\"contactSectionDropdown\">\n      <div class=\"app-general-dropdown\">\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.NAME' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.organization}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyName\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.ADDRESS' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.address1}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyAddress\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.POSTCODE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.postcode}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyPostCode\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.telephone}}</p>\n          <input type=\"tel\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyTelephone\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n          <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('companyTelephone').invalid\">\n            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n          </mat-error>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.EMAIL' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.email}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyEmail\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n          <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('companyEmail').invalid\">\n            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n          </mat-error>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>", styles: ["app-view-profile{letter-spacing:.5px}app-view-profile .app-profile-container{overflow:scroll;height:100%;width:100%}app-view-profile .app-profile-row{width:100%;height:32px;padding:32px 0;border-bottom:1px solid var(--theme-header-border-color)}app-view-profile .app-profile-title{display:flex;flex-direction:row;align-items:center;height:32px;padding:0 24px}app-view-profile .app-profile{cursor:pointer;margin-top:1rem}app-view-profile .app-profile-general-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-icon{margin-right:1rem;cursor:pointer}app-view-profile .app-profile-general-icon{cursor:pointer}app-view-profile .app-profile-text{letter-spacing:.5px}app-view-profile .app-profile-general{display:flex;padding-left:1rem}app-view-profile .app-profile-general-bottom-radius{border-bottom-left-radius:0;border-bottom-right-radius:0}app-view-profile .app-profile-general-section{display:flex;width:60%;padding-top:1rem;cursor:pointer}app-view-profile .app-general-title{margin-left:.6rem;margin-top:4px;letter-spacing:.5px}app-view-profile .app-general-edit-btn{width:60%;text-align:end}app-view-profile .app-mat-divider{border-top-width:2px;border-top-color:var(--theme-grey-background-color);padding-left:-1px;padding-right:1px}app-view-profile .app-selected:focus{border:2px solid var(--theme-blue-button-color)!important;border-radius:6px;outline:none!important;box-shadow:0 0 2px --theme-blue-button-color}app-view-profile .app-general-edit{background:var(--theme-grey-text-background-color);height:30px;margin:1rem}app-view-profile .app-general-edit:hover{background:var(--theme-grey-hover-background-color)}app-view-profile .app-general-cancel-btn{height:30px;margin:1rem 1rem 1rem .5rem;background-color:var(--theme-grey-text-background-color);padding-top:.25px}app-view-profile .app-general-save-btn{width:75px;height:30px;margin:1rem 1rem 1rem .5rem;color:#fff;background-color:var(--theme-blue-button-color)}app-view-profile .app-general-dropdown-divider{border-top-color:var(--theme-grey-divider-color)}app-view-profile .app-general-dropdown{padding:0 1rem}app-view-profile .app-general-dropdown-details{display:flex}app-view-profile .app-profile-general-dropdown-heading{color:var(--theme-heading-color);width:20%;font-weight:400;letter-spacing:.5px}app-view-profile .app-profile-general-dropdown-details{margin-top:1.3rem;letter-spacing:.5px}app-view-profile .app-profile-general-dropdown-input-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-login{display:flex;padding-left:1rem}app-view-profile .app-profile-login-dropdown-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-dropdown-heading-forgot{margin-top:1.3rem;color:var(--theme-heading-color);margin-left:16rem}app-view-profile .app-profile-company-row{margin-top:2rem}app-view-profile .app-profile-contact-row{margin:2rem 0 5rem 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-error-message{padding-top:2rem;padding-left:.5rem}\n"], dependencies: [{ kind: "directive", type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5$1.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i9.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: i4$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+ViewProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ViewProfileComponent, selector: "app-view-profile", ngImport: i0, template: "<div class=\"app-profile-container\">\n  <div class=\"app-profile-row\">\n    <div class=\"app-profile-title\">\n      <button *ngIf=\"(appNavNarMode$ | async) === 'collapsed'\" mat-icon-button (click)=\"toggleClick()\"\n        title=\"{{'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate}}\">\n        <mat-icon>menu</mat-icon>\n      </button>\n      <mat-icon class=\"app-profile-icon\" (click)=\"navigateToPersonalFiles()\" id=\"backButton\">arrow_back</mat-icon>\n      <h3 class=\"app-profile\">{{'APP.EDIT_PROFILE.MY_PROFILE' | translate}}</h3>\n    </div>\n  </div>\n  <div class=\"app-profile-general-row\" [formGroup]=\"profileForm\">\n    <div class=\"app-profile-general\">\n      <div class=\"app-profile-general-section\">\n        <mat-icon class=\"app-profile-general-icon\" (click)=\"toggleGeneralDropdown()\" id=\"toggle-general-dropdown\">\n          {{ generalSectionDropdown ?  'expand_more' : 'chevron_right'}}</mat-icon>\n        <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h4>\n      </div>\n      <div class=\"app-general-edit-btn\" *ngIf=\"generalSectionButtonsToggle\">\n        <button mat-raised-button (click)=\"toggleGeneralButtons()\" id=\"general-edit-button\"\n          class=\"app-general-edit\">{{'APP.EDIT_PROFILE.EDIT' | translate}}</button>\n      </div>\n      <div class=\"app-general-edit-btn\" *ngIf=\"!generalSectionButtonsToggle\">\n        <button mat-raised-button class=\"app-general-cancel-btn\" id=\"general-cancel-button\"\n          (click)=\"toggleGeneralButtons()\">{{'APP.EDIT_PROFILE.CANCEL' | translate}}</button>\n        <button mat-raised-button class=\"app-general-save-btn\" id=\"general-save-button\" [disabled]=\"isSaveButtonDisabled()\"\n          (click)=\"onSaveGeneralData(profileForm)\">{{'APP.EDIT_PROFILE.SAVE' | translate}}</button>\n      </div>\n    </div>\n    <mat-divider class=\"app-mat-divider\" *ngIf=\"generalSectionDropdown\"></mat-divider>\n    <div *ngIf=\"generalSectionDropdown\">\n      <div class=\"app-general-dropdown\">\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.FIRST_NAME' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\">{{personDetails?.firstName}}</p>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.LAST_NAME' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\">{{personDetails?.lastName}}</p>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.JOB_TITLE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.jobTitle}}</p>\n          <input type=\"text\" value=\"\" formControlName=\"jobTitle\" *ngIf=\"!generalSectionButtonsToggle\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.LOCATION' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\"  *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.location}}</p>\n          <input type=\"text\" value=\"\" formControlName=\"location\" *ngIf=\"!generalSectionButtonsToggle\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.telephone}}</p>\n          <input type=\"tel\" name=\"Telephone\" value=\"\" formControlName=\"telephone\" *ngIf=\"!generalSectionButtonsToggle\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n          <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('telephone').invalid\">\n            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n          </mat-error>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.MOBILE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.mobile}}</p>\n        <input type=\"tel\" value=\"\" formControlName=\"mobile\" *ngIf=\"!generalSectionButtonsToggle\"\n          class=\"app-profile-general-dropdown-input-details app-selected\">\n        <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('mobile').invalid\">\n          {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n        </mat-error>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"app-profile-contact-row\" [formGroup]=\"profileForm\">\n    <div class=\"app-profile-general profile-general-bottom-radius\">\n      <div class=\"app-profile-general-section\">\n        <mat-icon class=\"app-profile-general-icon\" (click)=\"toggleContactDropdown()\" id=\"toggle-contact-dropdown\">\n          {{ contactSectionDropdown ?  'expand_more' : 'chevron_right'}}</mat-icon>\n        <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.COMPANY_DETAILS' | translate}}</h4>\n      </div>\n\n      <div class=\"app-general-edit-btn\" *ngIf=\"contactSectionButtonsToggle\">\n        <button mat-raised-button class=\"app-general-edit\" id=\"contact-edit-button\"\n          (click)=\"toggleContactButtons()\">{{'APP.EDIT_PROFILE.EDIT' | translate}}</button>\n      </div>\n      <div class=\"app-general-edit-btn\" *ngIf=\"!contactSectionButtonsToggle\">\n        <button mat-raised-button class=\"app-general-cancel-btn\" id=\"contact-cancel-button\"\n          (click)=\"toggleContactButtons()\">{{'APP.EDIT_PROFILE.CANCEL' | translate}}</button>\n        <button mat-raised-button  class=\"app-general-save-btn\" id=\"contact-save-button\" [disabled]=\"isSaveButtonDisabled()\"\n          (click)=\"onSaveCompanyData(profileForm)\">{{'APP.EDIT_PROFILE.SAVE' | translate}}</button>\n      </div>\n    </div>\n    <mat-divider class=\"app-mat-divider\" *ngIf=\"contactSectionDropdown\"></mat-divider>\n    <div *ngIf=\"contactSectionDropdown\">\n      <div class=\"app-general-dropdown\">\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.NAME' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.organization}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyName\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.ADDRESS' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.address1}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyAddress\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.POSTCODE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.postcode}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyPostCode\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.telephone}}</p>\n          <input type=\"tel\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyTelephone\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n          <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('companyTelephone').invalid\">\n            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n          </mat-error>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.EMAIL' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.email}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyEmail\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n          <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('companyEmail').invalid\">\n            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n          </mat-error>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>", styles: ["app-view-profile{letter-spacing:.5px}app-view-profile .app-profile-container{overflow:scroll;height:100%;width:100%}app-view-profile .app-profile-row{width:100%;height:32px;padding:32px 0;border-bottom:1px solid var(--theme-header-border-color)}app-view-profile .app-profile-title{display:flex;flex-direction:row;align-items:center;height:32px;padding:0 24px}app-view-profile .app-profile{cursor:pointer;margin-top:1rem}app-view-profile .app-profile-general-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-icon{margin-right:1rem;cursor:pointer}app-view-profile .app-profile-general-icon{cursor:pointer}app-view-profile .app-profile-text{letter-spacing:.5px}app-view-profile .app-profile-general{display:flex;padding-left:1rem}app-view-profile .app-profile-general-bottom-radius{border-bottom-left-radius:0;border-bottom-right-radius:0}app-view-profile .app-profile-general-section{display:flex;width:60%;padding-top:1rem;cursor:pointer}app-view-profile .app-general-title{margin-left:.6rem;margin-top:4px;letter-spacing:.5px}app-view-profile .app-general-edit-btn{width:60%;text-align:end}app-view-profile .app-mat-divider{border-top-width:2px;border-top-color:var(--theme-grey-background-color);padding-left:-1px;padding-right:1px}app-view-profile .app-selected:focus{border:2px solid var(--theme-blue-button-color)!important;border-radius:6px;outline:none!important;box-shadow:0 0 2px var(--theme-blue-button-color)}app-view-profile .app-general-edit{background:var(--theme-grey-text-background-color);height:30px;margin:1rem}app-view-profile .app-general-edit:hover{background:var(--theme-grey-hover-background-color)}app-view-profile .app-general-cancel-btn{height:30px;margin:1rem 1rem 1rem .5rem;background-color:var(--theme-grey-text-background-color);padding-top:.25px}app-view-profile .app-general-save-btn{width:75px;height:30px;margin:1rem 1rem 1rem .5rem;color:#fff;background-color:var(--theme-blue-button-color)}app-view-profile .app-general-dropdown-divider{border-top-color:var(--theme-grey-divider-color)}app-view-profile .app-general-dropdown{padding:0 1rem}app-view-profile .app-general-dropdown-details{display:flex}app-view-profile .app-profile-general-dropdown-heading{color:var(--theme-heading-color);width:20%;font-weight:400;letter-spacing:.5px}app-view-profile .app-profile-general-dropdown-details{margin-top:1.3rem;letter-spacing:.5px}app-view-profile .app-profile-general-dropdown-input-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-login{display:flex;padding-left:1rem}app-view-profile .app-profile-login-dropdown-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-dropdown-heading-forgot{margin-top:1.3rem;color:var(--theme-heading-color);margin-left:16rem}app-view-profile .app-profile-company-row{margin-top:2rem}app-view-profile .app-profile-contact-row{margin:2rem 0 5rem 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-error-message{padding-top:2rem;padding-left:.5rem}\n"], dependencies: [{ kind: "directive", type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5$1.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i9.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: i4$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ViewProfileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-view-profile', encapsulation: ViewEncapsulation.None, template: "<div class=\"app-profile-container\">\n  <div class=\"app-profile-row\">\n    <div class=\"app-profile-title\">\n      <button *ngIf=\"(appNavNarMode$ | async) === 'collapsed'\" mat-icon-button (click)=\"toggleClick()\"\n        title=\"{{'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate}}\">\n        <mat-icon>menu</mat-icon>\n      </button>\n      <mat-icon class=\"app-profile-icon\" (click)=\"navigateToPersonalFiles()\" id=\"backButton\">arrow_back</mat-icon>\n      <h3 class=\"app-profile\">{{'APP.EDIT_PROFILE.MY_PROFILE' | translate}}</h3>\n    </div>\n  </div>\n  <div class=\"app-profile-general-row\" [formGroup]=\"profileForm\">\n    <div class=\"app-profile-general\">\n      <div class=\"app-profile-general-section\">\n        <mat-icon class=\"app-profile-general-icon\" (click)=\"toggleGeneralDropdown()\" id=\"toggle-general-dropdown\">\n          {{ generalSectionDropdown ?  'expand_more' : 'chevron_right'}}</mat-icon>\n        <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h4>\n      </div>\n      <div class=\"app-general-edit-btn\" *ngIf=\"generalSectionButtonsToggle\">\n        <button mat-raised-button (click)=\"toggleGeneralButtons()\" id=\"general-edit-button\"\n          class=\"app-general-edit\">{{'APP.EDIT_PROFILE.EDIT' | translate}}</button>\n      </div>\n      <div class=\"app-general-edit-btn\" *ngIf=\"!generalSectionButtonsToggle\">\n        <button mat-raised-button class=\"app-general-cancel-btn\" id=\"general-cancel-button\"\n          (click)=\"toggleGeneralButtons()\">{{'APP.EDIT_PROFILE.CANCEL' | translate}}</button>\n        <button mat-raised-button class=\"app-general-save-btn\" id=\"general-save-button\" [disabled]=\"isSaveButtonDisabled()\"\n          (click)=\"onSaveGeneralData(profileForm)\">{{'APP.EDIT_PROFILE.SAVE' | translate}}</button>\n      </div>\n    </div>\n    <mat-divider class=\"app-mat-divider\" *ngIf=\"generalSectionDropdown\"></mat-divider>\n    <div *ngIf=\"generalSectionDropdown\">\n      <div class=\"app-general-dropdown\">\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.FIRST_NAME' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\">{{personDetails?.firstName}}</p>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.LAST_NAME' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\">{{personDetails?.lastName}}</p>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.JOB_TITLE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.jobTitle}}</p>\n          <input type=\"text\" value=\"\" formControlName=\"jobTitle\" *ngIf=\"!generalSectionButtonsToggle\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.LOCATION' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\"  *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.location}}</p>\n          <input type=\"text\" value=\"\" formControlName=\"location\" *ngIf=\"!generalSectionButtonsToggle\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.telephone}}</p>\n          <input type=\"tel\" name=\"Telephone\" value=\"\" formControlName=\"telephone\" *ngIf=\"!generalSectionButtonsToggle\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n          <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('telephone').invalid\">\n            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n          </mat-error>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.MOBILE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.mobile}}</p>\n        <input type=\"tel\" value=\"\" formControlName=\"mobile\" *ngIf=\"!generalSectionButtonsToggle\"\n          class=\"app-profile-general-dropdown-input-details app-selected\">\n        <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('mobile').invalid\">\n          {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n        </mat-error>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"app-profile-contact-row\" [formGroup]=\"profileForm\">\n    <div class=\"app-profile-general profile-general-bottom-radius\">\n      <div class=\"app-profile-general-section\">\n        <mat-icon class=\"app-profile-general-icon\" (click)=\"toggleContactDropdown()\" id=\"toggle-contact-dropdown\">\n          {{ contactSectionDropdown ?  'expand_more' : 'chevron_right'}}</mat-icon>\n        <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.COMPANY_DETAILS' | translate}}</h4>\n      </div>\n\n      <div class=\"app-general-edit-btn\" *ngIf=\"contactSectionButtonsToggle\">\n        <button mat-raised-button class=\"app-general-edit\" id=\"contact-edit-button\"\n          (click)=\"toggleContactButtons()\">{{'APP.EDIT_PROFILE.EDIT' | translate}}</button>\n      </div>\n      <div class=\"app-general-edit-btn\" *ngIf=\"!contactSectionButtonsToggle\">\n        <button mat-raised-button class=\"app-general-cancel-btn\" id=\"contact-cancel-button\"\n          (click)=\"toggleContactButtons()\">{{'APP.EDIT_PROFILE.CANCEL' | translate}}</button>\n        <button mat-raised-button  class=\"app-general-save-btn\" id=\"contact-save-button\" [disabled]=\"isSaveButtonDisabled()\"\n          (click)=\"onSaveCompanyData(profileForm)\">{{'APP.EDIT_PROFILE.SAVE' | translate}}</button>\n      </div>\n    </div>\n    <mat-divider class=\"app-mat-divider\" *ngIf=\"contactSectionDropdown\"></mat-divider>\n    <div *ngIf=\"contactSectionDropdown\">\n      <div class=\"app-general-dropdown\">\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.NAME' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.organization}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyName\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.ADDRESS' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.address1}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyAddress\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.POSTCODE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.postcode}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyPostCode\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.telephone}}</p>\n          <input type=\"tel\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyTelephone\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n          <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('companyTelephone').invalid\">\n            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n          </mat-error>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.EMAIL' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.email}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyEmail\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n          <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('companyEmail').invalid\">\n            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n          </mat-error>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>", styles: ["app-view-profile{letter-spacing:.5px}app-view-profile .app-profile-container{overflow:scroll;height:100%;width:100%}app-view-profile .app-profile-row{width:100%;height:32px;padding:32px 0;border-bottom:1px solid var(--theme-header-border-color)}app-view-profile .app-profile-title{display:flex;flex-direction:row;align-items:center;height:32px;padding:0 24px}app-view-profile .app-profile{cursor:pointer;margin-top:1rem}app-view-profile .app-profile-general-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-icon{margin-right:1rem;cursor:pointer}app-view-profile .app-profile-general-icon{cursor:pointer}app-view-profile .app-profile-text{letter-spacing:.5px}app-view-profile .app-profile-general{display:flex;padding-left:1rem}app-view-profile .app-profile-general-bottom-radius{border-bottom-left-radius:0;border-bottom-right-radius:0}app-view-profile .app-profile-general-section{display:flex;width:60%;padding-top:1rem;cursor:pointer}app-view-profile .app-general-title{margin-left:.6rem;margin-top:4px;letter-spacing:.5px}app-view-profile .app-general-edit-btn{width:60%;text-align:end}app-view-profile .app-mat-divider{border-top-width:2px;border-top-color:var(--theme-grey-background-color);padding-left:-1px;padding-right:1px}app-view-profile .app-selected:focus{border:2px solid var(--theme-blue-button-color)!important;border-radius:6px;outline:none!important;box-shadow:0 0 2px --theme-blue-button-color}app-view-profile .app-general-edit{background:var(--theme-grey-text-background-color);height:30px;margin:1rem}app-view-profile .app-general-edit:hover{background:var(--theme-grey-hover-background-color)}app-view-profile .app-general-cancel-btn{height:30px;margin:1rem 1rem 1rem .5rem;background-color:var(--theme-grey-text-background-color);padding-top:.25px}app-view-profile .app-general-save-btn{width:75px;height:30px;margin:1rem 1rem 1rem .5rem;color:#fff;background-color:var(--theme-blue-button-color)}app-view-profile .app-general-dropdown-divider{border-top-color:var(--theme-grey-divider-color)}app-view-profile .app-general-dropdown{padding:0 1rem}app-view-profile .app-general-dropdown-details{display:flex}app-view-profile .app-profile-general-dropdown-heading{color:var(--theme-heading-color);width:20%;font-weight:400;letter-spacing:.5px}app-view-profile .app-profile-general-dropdown-details{margin-top:1.3rem;letter-spacing:.5px}app-view-profile .app-profile-general-dropdown-input-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-login{display:flex;padding-left:1rem}app-view-profile .app-profile-login-dropdown-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-dropdown-heading-forgot{margin-top:1.3rem;color:var(--theme-heading-color);margin-left:16rem}app-view-profile .app-profile-company-row{margin-top:2rem}app-view-profile .app-profile-contact-row{margin:2rem 0 5rem 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-error-message{padding-top:2rem;padding-left:.5rem}\n"] }]
+            args: [{ selector: 'app-view-profile', encapsulation: ViewEncapsulation.None, template: "<div class=\"app-profile-container\">\n  <div class=\"app-profile-row\">\n    <div class=\"app-profile-title\">\n      <button *ngIf=\"(appNavNarMode$ | async) === 'collapsed'\" mat-icon-button (click)=\"toggleClick()\"\n        title=\"{{'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate}}\">\n        <mat-icon>menu</mat-icon>\n      </button>\n      <mat-icon class=\"app-profile-icon\" (click)=\"navigateToPersonalFiles()\" id=\"backButton\">arrow_back</mat-icon>\n      <h3 class=\"app-profile\">{{'APP.EDIT_PROFILE.MY_PROFILE' | translate}}</h3>\n    </div>\n  </div>\n  <div class=\"app-profile-general-row\" [formGroup]=\"profileForm\">\n    <div class=\"app-profile-general\">\n      <div class=\"app-profile-general-section\">\n        <mat-icon class=\"app-profile-general-icon\" (click)=\"toggleGeneralDropdown()\" id=\"toggle-general-dropdown\">\n          {{ generalSectionDropdown ?  'expand_more' : 'chevron_right'}}</mat-icon>\n        <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h4>\n      </div>\n      <div class=\"app-general-edit-btn\" *ngIf=\"generalSectionButtonsToggle\">\n        <button mat-raised-button (click)=\"toggleGeneralButtons()\" id=\"general-edit-button\"\n          class=\"app-general-edit\">{{'APP.EDIT_PROFILE.EDIT' | translate}}</button>\n      </div>\n      <div class=\"app-general-edit-btn\" *ngIf=\"!generalSectionButtonsToggle\">\n        <button mat-raised-button class=\"app-general-cancel-btn\" id=\"general-cancel-button\"\n          (click)=\"toggleGeneralButtons()\">{{'APP.EDIT_PROFILE.CANCEL' | translate}}</button>\n        <button mat-raised-button class=\"app-general-save-btn\" id=\"general-save-button\" [disabled]=\"isSaveButtonDisabled()\"\n          (click)=\"onSaveGeneralData(profileForm)\">{{'APP.EDIT_PROFILE.SAVE' | translate}}</button>\n      </div>\n    </div>\n    <mat-divider class=\"app-mat-divider\" *ngIf=\"generalSectionDropdown\"></mat-divider>\n    <div *ngIf=\"generalSectionDropdown\">\n      <div class=\"app-general-dropdown\">\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.FIRST_NAME' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\">{{personDetails?.firstName}}</p>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.LAST_NAME' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\">{{personDetails?.lastName}}</p>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.JOB_TITLE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.jobTitle}}</p>\n          <input type=\"text\" value=\"\" formControlName=\"jobTitle\" *ngIf=\"!generalSectionButtonsToggle\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.LOCATION' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\"  *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.location}}</p>\n          <input type=\"text\" value=\"\" formControlName=\"location\" *ngIf=\"!generalSectionButtonsToggle\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.telephone}}</p>\n          <input type=\"tel\" name=\"Telephone\" value=\"\" formControlName=\"telephone\" *ngIf=\"!generalSectionButtonsToggle\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n          <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('telephone').invalid\">\n            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n          </mat-error>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.MOBILE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.mobile}}</p>\n        <input type=\"tel\" value=\"\" formControlName=\"mobile\" *ngIf=\"!generalSectionButtonsToggle\"\n          class=\"app-profile-general-dropdown-input-details app-selected\">\n        <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('mobile').invalid\">\n          {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n        </mat-error>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"app-profile-contact-row\" [formGroup]=\"profileForm\">\n    <div class=\"app-profile-general profile-general-bottom-radius\">\n      <div class=\"app-profile-general-section\">\n        <mat-icon class=\"app-profile-general-icon\" (click)=\"toggleContactDropdown()\" id=\"toggle-contact-dropdown\">\n          {{ contactSectionDropdown ?  'expand_more' : 'chevron_right'}}</mat-icon>\n        <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.COMPANY_DETAILS' | translate}}</h4>\n      </div>\n\n      <div class=\"app-general-edit-btn\" *ngIf=\"contactSectionButtonsToggle\">\n        <button mat-raised-button class=\"app-general-edit\" id=\"contact-edit-button\"\n          (click)=\"toggleContactButtons()\">{{'APP.EDIT_PROFILE.EDIT' | translate}}</button>\n      </div>\n      <div class=\"app-general-edit-btn\" *ngIf=\"!contactSectionButtonsToggle\">\n        <button mat-raised-button class=\"app-general-cancel-btn\" id=\"contact-cancel-button\"\n          (click)=\"toggleContactButtons()\">{{'APP.EDIT_PROFILE.CANCEL' | translate}}</button>\n        <button mat-raised-button  class=\"app-general-save-btn\" id=\"contact-save-button\" [disabled]=\"isSaveButtonDisabled()\"\n          (click)=\"onSaveCompanyData(profileForm)\">{{'APP.EDIT_PROFILE.SAVE' | translate}}</button>\n      </div>\n    </div>\n    <mat-divider class=\"app-mat-divider\" *ngIf=\"contactSectionDropdown\"></mat-divider>\n    <div *ngIf=\"contactSectionDropdown\">\n      <div class=\"app-general-dropdown\">\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.NAME' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.organization}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyName\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.ADDRESS' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.address1}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyAddress\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.POSTCODE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.postcode}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyPostCode\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.telephone}}</p>\n          <input type=\"tel\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyTelephone\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n          <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('companyTelephone').invalid\">\n            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n          </mat-error>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\"></mat-divider>\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.EMAIL' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.email}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyEmail\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n          <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('companyEmail').invalid\">\n            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n          </mat-error>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>", styles: ["app-view-profile{letter-spacing:.5px}app-view-profile .app-profile-container{overflow:scroll;height:100%;width:100%}app-view-profile .app-profile-row{width:100%;height:32px;padding:32px 0;border-bottom:1px solid var(--theme-header-border-color)}app-view-profile .app-profile-title{display:flex;flex-direction:row;align-items:center;height:32px;padding:0 24px}app-view-profile .app-profile{cursor:pointer;margin-top:1rem}app-view-profile .app-profile-general-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-icon{margin-right:1rem;cursor:pointer}app-view-profile .app-profile-general-icon{cursor:pointer}app-view-profile .app-profile-text{letter-spacing:.5px}app-view-profile .app-profile-general{display:flex;padding-left:1rem}app-view-profile .app-profile-general-bottom-radius{border-bottom-left-radius:0;border-bottom-right-radius:0}app-view-profile .app-profile-general-section{display:flex;width:60%;padding-top:1rem;cursor:pointer}app-view-profile .app-general-title{margin-left:.6rem;margin-top:4px;letter-spacing:.5px}app-view-profile .app-general-edit-btn{width:60%;text-align:end}app-view-profile .app-mat-divider{border-top-width:2px;border-top-color:var(--theme-grey-background-color);padding-left:-1px;padding-right:1px}app-view-profile .app-selected:focus{border:2px solid var(--theme-blue-button-color)!important;border-radius:6px;outline:none!important;box-shadow:0 0 2px var(--theme-blue-button-color)}app-view-profile .app-general-edit{background:var(--theme-grey-text-background-color);height:30px;margin:1rem}app-view-profile .app-general-edit:hover{background:var(--theme-grey-hover-background-color)}app-view-profile .app-general-cancel-btn{height:30px;margin:1rem 1rem 1rem .5rem;background-color:var(--theme-grey-text-background-color);padding-top:.25px}app-view-profile .app-general-save-btn{width:75px;height:30px;margin:1rem 1rem 1rem .5rem;color:#fff;background-color:var(--theme-blue-button-color)}app-view-profile .app-general-dropdown-divider{border-top-color:var(--theme-grey-divider-color)}app-view-profile .app-general-dropdown{padding:0 1rem}app-view-profile .app-general-dropdown-details{display:flex}app-view-profile .app-profile-general-dropdown-heading{color:var(--theme-heading-color);width:20%;font-weight:400;letter-spacing:.5px}app-view-profile .app-profile-general-dropdown-details{margin-top:1.3rem;letter-spacing:.5px}app-view-profile .app-profile-general-dropdown-input-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-login{display:flex;padding-left:1rem}app-view-profile .app-profile-login-dropdown-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-dropdown-heading-forgot{margin-top:1.3rem;color:var(--theme-heading-color);margin-left:16rem}app-view-profile .app-profile-company-row{margin-top:2rem}app-view-profile .app-profile-contact-row{margin:2rem 0 5rem 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-error-message{padding-top:2rem;padding-left:.5rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i2$1.Router }, { type: i2.AlfrescoApiService }, { type: i1$1.AppService }]; } });
 /*!
@@ -6403,105 +6403,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                 }]
         }] });
-/*!
- * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Alfresco Example Content Application
- *
- * This file is part of the Alfresco Example Content Application.
- * If the software was purchased under a paid Alfresco license, the terms of
- * the paid license agreement will prevail. Otherwise, the software is
- * provided under the following open source license terms:
- *
- * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Lesser General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * The Alfresco Example Content Application is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
- */
-class CreateMenuComponent {
-    constructor(extensions) {
-        this.extensions = extensions;
-        this.createActions = [];
-        this.onDestroy$ = new Subject();
-    }
-    ngOnInit() {
-        this.extensions
-            .getCreateActions()
-            .pipe(takeUntil(this.onDestroy$))
-            .subscribe((createActions) => {
-            this.createActions = createActions;
-        });
-        this.extensions
-            .getMainAction()
-            .pipe(takeUntil(this.onDestroy$))
-            .subscribe((mainAction) => {
-            this.isMainActionPresent = !!mainAction;
-        });
-    }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
-    trackByActionId(_, obj) {
-        return obj.id;
-    }
-}
-CreateMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: CreateMenuComponent, deps: [{ token: i1$1.AppExtensionService }], target: i0.ɵɵFactoryTarget.Component });
-CreateMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: CreateMenuComponent, selector: "app-create-menu", inputs: { showLabel: "showLabel", expanded: "expanded" }, host: { classAttribute: "app-create-menu" }, ngImport: i0, template: "<ng-container *ngIf=\"expanded\">\n  <button\n    mat-stroked-button\n    data-automation-id=\"create-button\"\n    [matMenuTriggerFor]=\"rootMenu\"\n    title=\"{{ 'APP.NEW_MENU.TOOLTIP' | translate }}\"\n    [class]=\"{\n      'app-create-menu-secondary-button': isMainActionPresent\n    }\"\n  >\n    <span class=\"app-create-menu__text\">{{ 'APP.NEW_MENU.LABEL' | translate }}</span>\n    <mat-icon title=\"{{ 'APP.NEW_MENU.TOOLTIP' | translate }}\">arrow_drop_down</mat-icon>\n  </button>\n</ng-container>\n\n<ng-container *ngIf=\"!expanded\">\n  <button\n    mat-icon-button\n    [class]=\"{\n      'app-create-menu-secondary-button': isMainActionPresent,\n      'app-create-menu--collapsed': true\n    }\"\n    data-automation-id=\"create-button\"\n    [matMenuTriggerFor]=\"rootMenu\"\n    #createMenu=\"matMenuTrigger\"\n    title=\"{{ 'APP.NEW_MENU.TOOLTIP' | translate }}\"\n  >\n    <mat-icon class=\"app-create-menu--icon\" title=\"{{ 'APP.NEW_MENU.TOOLTIP' | translate }}\">queue</mat-icon>\n  </button>\n</ng-container>\n\n<mat-menu #rootMenu=\"matMenu\" role=\"menu\" class=\"app-create-menu__root-menu app-create-menu__sub-menu\" [overlapTrigger]=\"false\" yPosition=\"below\">\n  <div *ngFor=\"let action of createActions; trackBy: trackByActionId\">\n    <app-toolbar-menu-item [actionRef]=\"action\"></app-toolbar-menu-item>\n  </div>\n</mat-menu>\n", styles: [".app-create-menu .mat-stroked-button{width:100%;height:37.5px;border-radius:4px;font-size:var(--new-button-font-size);font-weight:400;text-transform:uppercase;margin-top:10px}.app-create-menu .mat-stroked-button .mat-icon{width:24px;height:25px}.app-create-menu .mat-stroked-button__text{width:100%;height:20px;text-align:left}.app-create-menu .mat-stroked-button:not(.app-create-menu-secondary-button){background-color:var(--theme-accent-color);color:var(--theme-accent-color-default-contrast);margin-top:0}.app-create-menu .mat-stroked-button:not(.app-create-menu-secondary-button) .mat-icon{color:var(--theme-accent-color-default-contrast)}.app-create-menu__root-menu{max-width:290px!important;width:290px;display:flex;align-items:center;justify-content:center}.app-create-menu__root-menu>.mat-menu-content{width:100%}.app-create-menu .app-create-menu--icon__sub-menu .mat-menu-item{display:flex;flex-direction:row;align-items:center;font-size:var(--theme-button-font-size);color:var(--theme-secondary-text-color);line-height:48px;box-shadow:none;transform:none;transition:unset;font-weight:400}.app-create-menu .app-create-menu--icon__sub-menu .mat-menu-item:hover{color:var(--theme-primary-color)}.app-create-menu .app-create-menu--icon__sub-menu .mat-menu-item[disabled],.app-create-menu .app-create-menu--icon__sub-menu .mat-menu-item[disabled]:hover,.app-create-menu .app-create-menu--icon__sub-menu .mat-menu-item[disabled] .mat-icon,.app-create-menu .app-create-menu--icon__sub-menu .mat-menu-item[disabled]:hover .mat-icon{color:var(--theme-text-disabled-color)}.app-create-menu--collapsed{outline:none;color:var(--theme-secondary-text-color);cursor:pointer;margin:0;border:none;background:none}.app-create-menu--collapsed:not(.app-create-menu-secondary-button) .app-create-menu--icon{color:var(--theme-accent-color)}.app-create-menu--collapsed:not(.app-create-menu-secondary-button):hover{color:var(--theme-accent-color)}.app-create-menu:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i5$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i1$1.ToolbarMenuItemComponent, selector: "app-toolbar-menu-item", inputs: ["actionRef", "menuId"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: CreateMenuComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-create-menu', encapsulation: ViewEncapsulation.None, host: { class: 'app-create-menu' }, template: "<ng-container *ngIf=\"expanded\">\n  <button\n    mat-stroked-button\n    data-automation-id=\"create-button\"\n    [matMenuTriggerFor]=\"rootMenu\"\n    title=\"{{ 'APP.NEW_MENU.TOOLTIP' | translate }}\"\n    [class]=\"{\n      'app-create-menu-secondary-button': isMainActionPresent\n    }\"\n  >\n    <span class=\"app-create-menu__text\">{{ 'APP.NEW_MENU.LABEL' | translate }}</span>\n    <mat-icon title=\"{{ 'APP.NEW_MENU.TOOLTIP' | translate }}\">arrow_drop_down</mat-icon>\n  </button>\n</ng-container>\n\n<ng-container *ngIf=\"!expanded\">\n  <button\n    mat-icon-button\n    [class]=\"{\n      'app-create-menu-secondary-button': isMainActionPresent,\n      'app-create-menu--collapsed': true\n    }\"\n    data-automation-id=\"create-button\"\n    [matMenuTriggerFor]=\"rootMenu\"\n    #createMenu=\"matMenuTrigger\"\n    title=\"{{ 'APP.NEW_MENU.TOOLTIP' | translate }}\"\n  >\n    <mat-icon class=\"app-create-menu--icon\" title=\"{{ 'APP.NEW_MENU.TOOLTIP' | translate }}\">queue</mat-icon>\n  </button>\n</ng-container>\n\n<mat-menu #rootMenu=\"matMenu\" role=\"menu\" class=\"app-create-menu__root-menu app-create-menu__sub-menu\" [overlapTrigger]=\"false\" yPosition=\"below\">\n  <div *ngFor=\"let action of createActions; trackBy: trackByActionId\">\n    <app-toolbar-menu-item [actionRef]=\"action\"></app-toolbar-menu-item>\n  </div>\n</mat-menu>\n", styles: [".app-create-menu .mat-stroked-button{width:100%;height:37.5px;border-radius:4px;font-size:var(--new-button-font-size);font-weight:400;text-transform:uppercase;margin-top:10px}.app-create-menu .mat-stroked-button .mat-icon{width:24px;height:25px}.app-create-menu .mat-stroked-button__text{width:100%;height:20px;text-align:left}.app-create-menu .mat-stroked-button:not(.app-create-menu-secondary-button){background-color:var(--theme-accent-color);color:var(--theme-accent-color-default-contrast);margin-top:0}.app-create-menu .mat-stroked-button:not(.app-create-menu-secondary-button) .mat-icon{color:var(--theme-accent-color-default-contrast)}.app-create-menu__root-menu{max-width:290px!important;width:290px;display:flex;align-items:center;justify-content:center}.app-create-menu__root-menu>.mat-menu-content{width:100%}.app-create-menu .app-create-menu--icon__sub-menu .mat-menu-item{display:flex;flex-direction:row;align-items:center;font-size:var(--theme-button-font-size);color:var(--theme-secondary-text-color);line-height:48px;box-shadow:none;transform:none;transition:unset;font-weight:400}.app-create-menu .app-create-menu--icon__sub-menu .mat-menu-item:hover{color:var(--theme-primary-color)}.app-create-menu .app-create-menu--icon__sub-menu .mat-menu-item[disabled],.app-create-menu .app-create-menu--icon__sub-menu .mat-menu-item[disabled]:hover,.app-create-menu .app-create-menu--icon__sub-menu .mat-menu-item[disabled] .mat-icon,.app-create-menu .app-create-menu--icon__sub-menu .mat-menu-item[disabled]:hover .mat-icon{color:var(--theme-text-disabled-color)}.app-create-menu--collapsed{outline:none;color:var(--theme-secondary-text-color);cursor:pointer;margin:0;border:none;background:none}.app-create-menu--collapsed:not(.app-create-menu-secondary-button) .app-create-menu--icon{color:var(--theme-accent-color)}.app-create-menu--collapsed:not(.app-create-menu-secondary-button):hover{color:var(--theme-accent-color)}.app-create-menu:focus{outline:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.AppExtensionService }]; }, propDecorators: { showLabel: [{
-                type: Input
-            }], expanded: [{
-                type: Input
-            }] } });
-/*!
- * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Alfresco Example Content Application
- *
- * This file is part of the Alfresco Example Content Application.
- * If the software was purchased under a paid Alfresco license, the terms of
- * the paid license agreement will prevail. Otherwise, the software is
- * provided under the following open source license terms:
- *
- * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Lesser General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * The Alfresco Example Content Application is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
- */
-class AppCreateMenuModule {
-}
-AppCreateMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: AppCreateMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AppCreateMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: AppCreateMenuModule, declarations: [CreateMenuComponent], imports: [CommonModule, i2.CoreModule, AppToolbarModule], exports: [CreateMenuComponent] });
-AppCreateMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: AppCreateMenuModule, imports: [CommonModule, CoreModule.forChild(), AppToolbarModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: AppCreateMenuModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, CoreModule.forChild(), AppToolbarModule],
-                    declarations: [CreateMenuComponent],
-                    exports: [CreateMenuComponent]
-                }]
-        }] });
 /*!
  * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
  *
@@ -7169,18 +7070,18 @@ AppSidenavModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         ButtonMenuComponent,
         SidenavComponent,
         SidenavHeaderComponent,
-        UserMenuComponent], imports: [i2.CoreModule, i5.ExtensionsModule, RouterModule, AppCreateMenuModule, SharedToolbarModule], exports: [MenuPanelDirective,
+        UserMenuComponent], imports: [i2.CoreModule, i5.ExtensionsModule, RouterModule, SharedToolbarModule], exports: [MenuPanelDirective,
         ExpansionPanelDirective,
         ActiveLinkDirective,
         ActionDirective,
         ExpandMenuComponent,
         ButtonMenuComponent,
         SidenavComponent] });
-AppSidenavModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: AppSidenavModule, imports: [CoreModule.forChild(), ExtensionsModule.forChild(), RouterModule, AppCreateMenuModule, SharedToolbarModule] });
+AppSidenavModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: AppSidenavModule, imports: [CoreModule.forChild(), ExtensionsModule.forChild(), RouterModule, SharedToolbarModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: AppSidenavModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CoreModule.forChild(), ExtensionsModule.forChild(), RouterModule, AppCreateMenuModule, SharedToolbarModule],
+                    imports: [CoreModule.forChild(), ExtensionsModule.forChild(), RouterModule, SharedToolbarModule],
                     declarations: [
                         MenuPanelDirective,
                         ExpansionPanelDirective,
@@ -9666,7 +9567,6 @@ ContentServiceExtensionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14
         AppInfoDrawerModule,
         AppToolbarModule,
         AppSidenavModule,
-        AppCreateMenuModule,
         DocumentListCustomComponentsModule,
         AppSearchInputModule,
         AppSearchResultsModule,
@@ -9705,7 +9605,6 @@ ContentServiceExtensionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12
         AppInfoDrawerModule,
         AppToolbarModule,
         AppSidenavModule,
-        AppCreateMenuModule,
         DocumentListCustomComponentsModule,
         AppSearchInputModule,
         AppSearchResultsModule,
@@ -9736,7 +9635,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                         AppInfoDrawerModule,
                         AppToolbarModule,
                         AppSidenavModule,
-                        AppCreateMenuModule,
                         DocumentListCustomComponentsModule,
                         AppSearchInputModule,
                         AppSearchResultsModule,