@hmcts/rpx-xui-common-lib 1.7.20 → 1.7.28

package/bundles/hmcts-rpx-xui-common-lib.umd.js

@@ -5514,7 +5514,7 @@
         SearchServiceComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'exui-search-service',
-                        template: "<div class=\"auto-complete-container\">\n  <input\n    id=\"inputServiceSearch\"\n    (input)=\"onInput()\"\n    [formControl]=\"form.controls.searchTerm\"\n    [matAutocomplete]=\"autoSearchService\"\n    class=\"govuk-input\"\n    [attr.disabled]=\"disabled\">\n  <mat-autocomplete class=\"mat-autocomplete-panel-extend\" autoActiveFirstOption #autoSearchService=\"matAutocomplete\">\n    <mat-option *ngFor=\"let service of services\" (onSelectionChange)=\"onSelectionChange()\">\n      {{ service.name }}\n    </mat-option>\n    <mat-option *ngIf=\"!services.length && showAutocomplete && term && term.length >= this.minSearchCharacters\">No results found</mat-option>\n  </mat-autocomplete>\n</div>\n",
+                        template: "<div class=\"auto-complete-container\">\n  <input\n    id=\"inputServiceSearch\"\n    (input)=\"onInput()\"\n    [formControl]=\"form?.controls.searchTerm\"\n    [matAutocomplete]=\"autoSearchService\"\n    class=\"govuk-input\"\n    [attr.disabled]=\"disabled\">\n  <mat-autocomplete class=\"mat-autocomplete-panel-extend\" autoActiveFirstOption #autoSearchService=\"matAutocomplete\">\n    <mat-option *ngFor=\"let service of services\" (onSelectionChange)=\"onSelectionChange()\">\n      {{ service.name }}\n    </mat-option>\n    <mat-option *ngIf=\"!services?.length && showAutocomplete && term && term.length >= this.minSearchCharacters\">No results found</mat-option>\n  </mat-autocomplete>\n</div>\n",
                         styles: [".autocomplete__input--show-all-values{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible{display:block}.autocomplete__menu--hidden{display:none}.autocomplete__menu--overlay{box-shadow:rgba(0,0,0,.256863) 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline{position:relative}.autocomplete__option{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option>*{pointer-events:none}.autocomplete__option:first-of-type{border-top-width:0}.autocomplete__option:last-of-type{border-bottom-width:0}.autocomplete__option--odd{background-color:#fafafa}.autocomplete__option--focused,.autocomplete__option:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:13px;line-height:1.25}.autocomplete__hint,.autocomplete__option{padding:5px}@media (min-width:641px){.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:13px;line-height:1.31579}}.div-action{display:inline-block}.add-location{display:inline}.remove-location-button{margin:5px}.hide-autocomplete{display:none}.auto-complete-container{min-width:250px;display:inline-block;margin-right:4px}.autocomplete__input{line-height:24px;font-size:19px}"]
                     }] }
         ];
@@ -7701,19 +7701,18 @@
      */
     var RoleService = /** @class */ (function () {
         function RoleService() {
-            this.pRoles = [];
+            this.pRoles = new rxjs.BehaviorSubject(null);
+            this.roles$ = this.pRoles.asObservable().pipe(operators.skipWhile(( /**
+             * @param {?} item
+             * @return {?}
+             */function (item) { return item === null; })));
         }
         Object.defineProperty(RoleService.prototype, "roles", {
-            get: /**
-             * @return {?}
-             */ function () {
-                return this.pRoles;
-            },
             set: /**
              * @param {?} roles
              * @return {?}
              */ function (roles) {
-                this.pRoles = roles;
+                this.pRoles.next(roles);
             },
             enumerable: true,
             configurable: true
@@ -7754,23 +7753,28 @@
          */
             function (route) {
                 var _this = this;
-                /** @type {?} */
-                var roles = (( /** @type {?} */(route.data.needsRole)));
-                /** @type {?} */
-                var check = ( /**
-                 * @param {?} roleRegEx
+                return this.roleService.roles$.pipe(operators.map(( /**
+                 * @param {?} roles
                  * @return {?}
-                 */function (roleRegEx) {
+                 */function (roles) {
+                    /** @type {?} */
+                    var canActivateRoles = (( /** @type {?} */(route.data.needsRole)));
                     /** @type {?} */
-                    var regex = new RegExp(roleRegEx);
-                    return _this.roleService.roles.some(( /**
-                     * @param {?} role
+                    var check = ( /**
+                     * @param {?} roleRegEx
                      * @return {?}
-                     */function (role) { return regex.test(role); }));
-                });
-                /** @type {?} */
-                var match = route.data.roleMatching === RoleMatching.ALL ? roles.every(check) : roles.some(check);
-                return match || this.router.parseUrl(( /** @type {?} */(route.data.noRoleMatchRedirect)));
+                     */function (roleRegEx) {
+                        /** @type {?} */
+                        var regex = new RegExp(roleRegEx);
+                        return roles.some(( /**
+                         * @param {?} role
+                         * @return {?}
+                         */function (role) { return regex.test(role); }));
+                    });
+                    /** @type {?} */
+                    var match = route.data.roleMatching === RoleMatching.ALL ? canActivateRoles.every(check) : canActivateRoles.some(check);
+                    return match || _this.router.parseUrl(( /** @type {?} */(route.data.noRoleMatchRedirect)));
+                })));
             };
         RoleGuard.decorators = [
             { type: i0.Injectable, args: [{