@hmcts/ccd-case-ui-toolkit 5.0.16-angular11-upgrade → 5.0.19-angular11-upgrade

package/fesm2015/hmcts-ccd-case-ui-toolkit.js

@@ -19548,7 +19548,7 @@ function CaseFullAccessViewComponent_ng_container_11_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngIf", ctx_r4.prependedTabs && ctx_r4.prependedTabs.length || ctx_r4.appendedTabs && ctx_r4.appendedTabs.length);
 } }
 class CaseFullAccessViewComponent {
-    constructor(ngZone, route, router, navigationNotifierService, orderService, activityPollingService, dialog, alertService, draftService, errorNotifierService, convertHrefToRouterService, location) {
+    constructor(ngZone, route, router, navigationNotifierService, orderService, activityPollingService, dialog, alertService, draftService, errorNotifierService, convertHrefToRouterService, location, crf) {
         this.ngZone = ngZone;
         this.route = route;
         this.router = router;
@@ -19561,6 +19561,7 @@ class CaseFullAccessViewComponent {
         this.errorNotifierService = errorNotifierService;
         this.convertHrefToRouterService = convertHrefToRouterService;
         this.location = location;
+        this.crf = crf;
         this.hasPrint = true;
         this.hasEventSelector = true;
         this.prependedTabs = [];
@@ -19572,8 +19573,15 @@ class CaseFullAccessViewComponent {
         this.ignoreWarning = false;
         this.callbackErrorsSubject = new Subject();
     }
+    ngOnChanges(changes) {
+        if (!changes.prependedTabs.firstChange) {
+            this.init();
+            this.crf.detectChanges();
+            this.organiseTabPosition();
+        }
+    }
     ngOnInit() {
-        this.dialogConfig = initDialog();
+        initDialog();
         this.init();
         this.callbackErrorsSubject.subscribe(errorEvent => {
             this.error = errorEvent;
@@ -19596,20 +19604,19 @@ class CaseFullAccessViewComponent {
         return this.caseDetails.case_type.printEnabled;
     }
     ngOnDestroy() {
-        if (this.activitySubscription && this.activityPollingService.isEnabled) {
-            this.activitySubscription.unsubscribe();
-        }
-        if (this.callbackErrorsSubject) {
-            this.callbackErrorsSubject.unsubscribe();
-        }
-        if (!this.route.snapshot.data.case && this.caseSubscription) {
-            this.caseSubscription.unsubscribe();
+        if (this.activityPollingService.isEnabled) {
+            this.unsubscribe(this.activitySubscription);
         }
-        if (this.errorSubscription) {
-            this.errorSubscription.unsubscribe();
+        if (!this.route.snapshot.data.case) {
+            this.unsubscribe(this.caseSubscription);
         }
-        if (this.subscription) {
-            this.subscription.unsubscribe();
+        this.unsubscribe(this.callbackErrorsSubject);
+        this.unsubscribe(this.errorSubscription);
+        this.unsubscribe(this.subscription);
+    }
+    unsubscribe(subscription) {
+        if (subscription) {
+            subscription.unsubscribe();
         }
     }
     postViewActivity() {
@@ -19679,15 +19686,18 @@ class CaseFullAccessViewComponent {
                 && this.error.details.field_errors
                 && this.error.details.field_errors.length);
     }
-    ngAfterViewInit() {
+    organiseTabPosition() {
         let matTab;
         const url = this.location.path(true);
         let hashValue = url.substring(url.indexOf('#') + 1);
-        if (!url.includes('#')) {
+        if (!url.includes('#') && !url.includes('roles-and-access') && !url.includes('tasks')) {
             const paths = url.split('/');
             // lastPath can be /caseId, or the tabs /tasks, /hearings etc.
             const lastPath = decodeURIComponent(paths[paths.length - 1]);
             let foundTab = null;
+            if (!this.prependedTabs) {
+                this.prependedTabs = [];
+            }
             const additionalTabs = [...this.prependedTabs, ...this.appendedTabs];
             if (additionalTabs && additionalTabs.length) {
                 foundTab = additionalTabs.find((caseTab) => caseTab.id.toLowerCase() === lastPath.toLowerCase());
@@ -19705,7 +19715,7 @@ class CaseFullAccessViewComponent {
                 this.caseDetails.tabs.sort((aTab, bTab) => aTab.order > bTab.order ? 1 : (bTab.order > aTab.order ? -1 : 0));
                 // preselect the 1st order of CCD predefined tabs
                 const preSelectTab = this.caseDetails.tabs[0];
-                this.router.navigate(['cases', 'case-details', this.caseDetails.case_id]).then(() => {
+                this.router.navigate(['cases', 'case-details', this.caseDetails.case_id], { fragment: preSelectTab.label }).then(() => {
                     matTab = this.tabGroup._tabs.find((x) => x.textLabel === preSelectTab.label);
                     this.tabGroup.selectedIndex = matTab.position;
                 });
@@ -19714,6 +19724,9 @@ class CaseFullAccessViewComponent {
         else {
             const regExp = new RegExp(CaseFullAccessViewComponent.UNICODE_SPACE, 'g');
             hashValue = hashValue.replace(regExp, CaseFullAccessViewComponent.EMPTY_SPACE);
+            if (hashValue.includes('roles-and-access') || hashValue.includes('tasks')) {
+                hashValue = hashValue.includes('roles-and-access') ? 'roles and access' : 'tasks';
+            }
             matTab = this.tabGroup._tabs.find((x) => x.textLabel.replace(CaseFullAccessViewComponent.EMPTY_SPACE, '').toLowerCase() ===
                 hashValue.replace(CaseFullAccessViewComponent.EMPTY_SPACE, '').toLowerCase());
             if (matTab && matTab.position) {
@@ -19790,13 +19803,13 @@ CaseFullAccessViewComponent.TRIGGER_TEXT_START = 'Go';
 CaseFullAccessViewComponent.TRIGGER_TEXT_CONTINUE = 'Ignore Warning and Go';
 CaseFullAccessViewComponent.UNICODE_SPACE = '%20';
 CaseFullAccessViewComponent.EMPTY_SPACE = ' ';
-CaseFullAccessViewComponent.ɵfac = function CaseFullAccessViewComponent_Factory(t) { return new (t || CaseFullAccessViewComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(NavigationNotifierService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(ActivityPollingService), i0.ɵɵdirectiveInject(i1$5.MatDialog), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(DraftService), i0.ɵɵdirectiveInject(ErrorNotifierService), i0.ɵɵdirectiveInject(ConvertHrefToRouterService), i0.ɵɵdirectiveInject(i1.Location)); };
+CaseFullAccessViewComponent.ɵfac = function CaseFullAccessViewComponent_Factory(t) { return new (t || CaseFullAccessViewComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(NavigationNotifierService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(ActivityPollingService), i0.ɵɵdirectiveInject(i1$5.MatDialog), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(DraftService), i0.ɵɵdirectiveInject(ErrorNotifierService), i0.ɵɵdirectiveInject(ConvertHrefToRouterService), i0.ɵɵdirectiveInject(i1.Location), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 CaseFullAccessViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFullAccessViewComponent, selectors: [["ccd-case-full-access-view"]], viewQuery: function CaseFullAccessViewComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$a, 1);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabGroup = _t.first);
-    } }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, decls: 12, vars: 11, consts: [["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "isDisabled", "triggers", "triggerText", "onTriggerChange", "onTriggerSubmit"], ["animationDuration", "0ms", 3, "disableRipple", "selectedTabChange"], ["tabGroup", ""], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], ["aria-describedby", "case viewer table"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], [1, "case-viewer-label", "text-16"], [1, "text-16"], [3, "topLevelFormGroup", "caseField", "caseReference", "markdownUseHrefAsRouterLink"], [1, "compound-field"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, features: [i0.ɵɵNgOnChangesFeature], decls: 12, vars: 11, consts: [["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "isDisabled", "triggers", "triggerText", "onTriggerChange", "onTriggerSubmit"], ["animationDuration", "0ms", 3, "disableRipple", "selectedTabChange"], ["tabGroup", ""], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], ["aria-describedby", "case viewer table"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], [1, "case-viewer-label", "text-16"], [1, "text-16"], [3, "topLevelFormGroup", "caseField", "caseReference", "markdownUseHrefAsRouterLink"], [1, "compound-field"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, CaseFullAccessViewComponent_div_0_Template, 10, 0, "div", 0);
         i0.ɵɵtemplate(1, CaseFullAccessViewComponent_div_1_Template, 6, 2, "div", 0);
         i0.ɵɵelementStart(2, "ccd-callback-errors", 1);
@@ -19839,7 +19852,7 @@ CaseFullAccessViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFullAcces
                 templateUrl: './case-full-access-view.component.html',
                 styleUrls: ['./case-full-access-view.component.scss']
             }]
-    }], function () { return [{ type: i0.NgZone }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1$5.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1.Location }]; }, { hasPrint: [{
+    }], function () { return [{ type: i0.NgZone }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1$5.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1.Location }, { type: i0.ChangeDetectorRef }]; }, { hasPrint: [{
             type: Input
         }], hasEventSelector: [{
             type: Input