@hmcts/opal-frontend-common 0.0.11 → 0.0.13
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.
- package/components/moj/moj-sortable-table/moj-sortable-table-header/directive/constants/moj-sortable-table-header-sort-icons.constant.d.ts +5 -0
- package/components/moj/moj-sortable-table/moj-sortable-table-header/directive/moj-sortable-table-header-sort-icon.directive.d.ts +18 -0
- package/components/moj/moj-sortable-table/moj-sortable-table.component.d.ts +0 -5
- package/directives/capitalisation/capitalisation.directive.d.ts +2 -2
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-alias-base.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-array-base.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-array-removal-base.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-base.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-sortable-table-pagination.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-sortable-table.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-alphagov-alphagov-accessible-autocomplete.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-accordion.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-back-link.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-button.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-cancel-link.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-checkboxes.mjs +12 -12
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-date-input.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-details.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-error-summary.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-footer.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-header.mjs +6 -6
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-heading-with-caption.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-inset-text.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-notification-banner.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-pagination.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-panel.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-radio.mjs +12 -12
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-select.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-summary-card-list.mjs +6 -6
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-summary-list.mjs +12 -12
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-table.mjs +12 -12
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tabs.mjs +9 -9
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tag.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-task-list.mjs +6 -6
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-text-area.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-text-input-prefix-suffix.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-text-input.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-badge.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-banner.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-button-menu.mjs +6 -6
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-date-picker.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-header.mjs +6 -6
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-notification-badge.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-page-header.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-pagination.mjs +12 -12
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-primary-navigation.mjs +6 -6
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-sortable-table.mjs +81 -34
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-sortable-table.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-sub-navigation.mjs +6 -6
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-ticket-panel.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-timeline.mjs +6 -6
- package/fesm2022/hmcts-opal-frontend-common-directives-capitalisation.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-directives-capitalisation.mjs.map +1 -1
- package/fesm2022/{hmcts-opal-frontend-common-pages-access-denied.component-CvFM-aDI.mjs → hmcts-opal-frontend-common-pages-access-denied.component-ZkhlgRu3.mjs} +4 -4
- package/fesm2022/{hmcts-opal-frontend-common-pages-access-denied.component-CvFM-aDI.mjs.map → hmcts-opal-frontend-common-pages-access-denied.component-ZkhlgRu3.mjs.map} +1 -1
- package/fesm2022/{hmcts-opal-frontend-common-pages-sign-in-stub.component-CyQTrDcH.mjs → hmcts-opal-frontend-common-pages-sign-in-stub.component-DJHx_NdT.mjs} +4 -4
- package/fesm2022/{hmcts-opal-frontend-common-pages-sign-in-stub.component-CyQTrDcH.mjs.map → hmcts-opal-frontend-common-pages-sign-in-stub.component-DJHx_NdT.mjs.map} +1 -1
- package/fesm2022/{hmcts-opal-frontend-common-pages-sign-in.component-fCqzpifX.mjs → hmcts-opal-frontend-common-pages-sign-in.component-B6sVdhPh.mjs} +4 -4
- package/fesm2022/{hmcts-opal-frontend-common-pages-sign-in.component-fCqzpifX.mjs.map → hmcts-opal-frontend-common-pages-sign-in.component-B6sVdhPh.mjs.map} +1 -1
- package/fesm2022/hmcts-opal-frontend-common-pages.mjs +2 -2
- package/fesm2022/hmcts-opal-frontend-common-pipes-date-format.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-pipes-days-ago.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-resolvers-title.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-services-app-initializer-service.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-services-app-insights-service.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-services-auth-service.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-services-date-service.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-services-launch-darkly-service.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-services-permissions-service.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-services-session-service.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-services-sort-service.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-services-transfer-state-service.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-services-transformation-service.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-services-utils-service.mjs +3 -3
- package/package.json +1 -1
|
@@ -1,6 +1,68 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, HostBinding, Output,
|
|
3
|
-
|
|
2
|
+
import { Input, Directive, EventEmitter, HostBinding, Output, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
// Extracted from @ministryofjustice/frontend v5.1.2 sortable-table.mjs
|
|
5
|
+
const MOJ_SORTABLE_TABLE_HEADER_SORT_ICONS = {
|
|
6
|
+
ascending: 'M6.5625 15.5L11 6.63125L15.4375 15.5H6.5625Z',
|
|
7
|
+
descending: 'M15.4375 7L11 15.8687L6.5625 7L15.4375 7Z',
|
|
8
|
+
none: ['M8.1875 9.5L10.9609 3.95703L13.7344 9.5H8.1875Z', 'M13.7344 12.0781L10.9609 17.6211L8.1875 12.0781H13.7344Z'],
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
class MojSortableTableHeaderSortIconDirective {
|
|
12
|
+
el;
|
|
13
|
+
renderer;
|
|
14
|
+
sortDirection = 'none';
|
|
15
|
+
constructor(el, renderer) {
|
|
16
|
+
this.el = el;
|
|
17
|
+
this.renderer = renderer;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Returns the SVG path(s) for the sort icon based on the specified direction.
|
|
21
|
+
*
|
|
22
|
+
* @param dir - The sort direction, which can be 'ascending', 'descending', or 'none'.
|
|
23
|
+
* @returns An array of SVG path strings corresponding to the given sort direction.
|
|
24
|
+
*/
|
|
25
|
+
getPathsForDirection(dir) {
|
|
26
|
+
const icons = MOJ_SORTABLE_TABLE_HEADER_SORT_ICONS;
|
|
27
|
+
switch (dir) {
|
|
28
|
+
case 'ascending':
|
|
29
|
+
return [icons.ascending];
|
|
30
|
+
case 'descending':
|
|
31
|
+
return [icons.descending];
|
|
32
|
+
default:
|
|
33
|
+
return icons.none;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
ngOnChanges() {
|
|
37
|
+
const svg = this.el.nativeElement;
|
|
38
|
+
this.renderer.setAttribute(svg, 'xmlns', 'http://www.w3.org/2000/svg');
|
|
39
|
+
this.renderer.setAttribute(svg, 'fill', 'none');
|
|
40
|
+
// Clear existing <path> children
|
|
41
|
+
while (svg.firstChild) {
|
|
42
|
+
svg.removeChild(svg.firstChild);
|
|
43
|
+
}
|
|
44
|
+
// Append new <path> elements based on sortDirection
|
|
45
|
+
const paths = this.getPathsForDirection(this.sortDirection);
|
|
46
|
+
paths.forEach((pathD) => {
|
|
47
|
+
const path = this.renderer.createElement('path', 'svg');
|
|
48
|
+
this.renderer.setAttribute(path, 'd', pathD);
|
|
49
|
+
this.renderer.setAttribute(path, 'fill', 'currentColor');
|
|
50
|
+
svg.appendChild(path);
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
54
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: MojSortableTableHeaderSortIconDirective, isStandalone: true, selector: "[opalLibMojSortableTableHeaderSortIcon]", inputs: { sortDirection: ["opalLibMojSortableTableHeaderSortIcon", "sortDirection"] }, usesOnChanges: true, ngImport: i0 });
|
|
55
|
+
}
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, decorators: [{
|
|
57
|
+
type: Directive,
|
|
58
|
+
args: [{
|
|
59
|
+
selector: '[opalLibMojSortableTableHeaderSortIcon]',
|
|
60
|
+
standalone: true,
|
|
61
|
+
}]
|
|
62
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { sortDirection: [{
|
|
63
|
+
type: Input,
|
|
64
|
+
args: ['opalLibMojSortableTableHeaderSortIcon']
|
|
65
|
+
}] } });
|
|
4
66
|
|
|
5
67
|
class MojSortableTableHeaderComponent {
|
|
6
68
|
columnKey;
|
|
@@ -28,12 +90,12 @@ class MojSortableTableHeaderComponent {
|
|
|
28
90
|
sortType: newDirection,
|
|
29
91
|
});
|
|
30
92
|
}
|
|
31
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
32
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
93
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojSortableTableHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
94
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: MojSortableTableHeaderComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]", inputs: { columnKey: "columnKey", sortDirection: "sortDirection", dataIndex: "dataIndex" }, outputs: { sortChange: "sortChange" }, host: { properties: { "attr.aria-sort": "this.ariaSort", "scope": "this.hostScope", "class": "this.hostClass" } }, ngImport: i0, template: "<button type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n <ng-content></ng-content>\n <svg\n [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n width=\"22\"\n height=\"22\"\n focusable=\"false\"\n aria-hidden=\"true\"\n role=\"img\"\n vviewBox=\"0 0 22 22\"\n ></svg>\n</button>\n", dependencies: [{ kind: "directive", type: MojSortableTableHeaderSortIconDirective, selector: "[opalLibMojSortableTableHeaderSortIcon]", inputs: ["opalLibMojSortableTableHeaderSortIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
33
95
|
}
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
96
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojSortableTableHeaderComponent, decorators: [{
|
|
35
97
|
type: Component,
|
|
36
|
-
args: [{ selector: 'opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]',
|
|
98
|
+
args: [{ selector: 'opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MojSortableTableHeaderSortIconDirective], template: "<button type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n <ng-content></ng-content>\n <svg\n [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n width=\"22\"\n height=\"22\"\n focusable=\"false\"\n aria-hidden=\"true\"\n role=\"img\"\n vviewBox=\"0 0 22 22\"\n ></svg>\n</button>\n" }]
|
|
37
99
|
}], propDecorators: { columnKey: [{
|
|
38
100
|
type: Input
|
|
39
101
|
}], sortDirection: [{
|
|
@@ -59,10 +121,10 @@ class MojSortableTableRowDataComponent {
|
|
|
59
121
|
get hostId() {
|
|
60
122
|
return this.id;
|
|
61
123
|
}
|
|
62
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
63
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
124
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojSortableTableRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
125
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: MojSortableTableRowDataComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-row-data,[opal-lib-moj-sortable-table-row-data]", inputs: { id: "id" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
64
126
|
}
|
|
65
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojSortableTableRowDataComponent, decorators: [{
|
|
66
128
|
type: Component,
|
|
67
129
|
args: [{ selector: 'opal-lib-moj-sortable-table-row-data,[opal-lib-moj-sortable-table-row-data]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
|
|
68
130
|
}], propDecorators: { id: [{
|
|
@@ -81,10 +143,10 @@ class MojSortableTableRowComponent {
|
|
|
81
143
|
get hostClass() {
|
|
82
144
|
return `govuk-table__row ${this.bodyRowClasses}`;
|
|
83
145
|
}
|
|
84
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
85
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
146
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojSortableTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
147
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: MojSortableTableRowComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-row,[opal-lib-moj-sortable-table-row]", inputs: { bodyRowClasses: "bodyRowClasses" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
86
148
|
}
|
|
87
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
149
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojSortableTableRowComponent, decorators: [{
|
|
88
150
|
type: Component,
|
|
89
151
|
args: [{ selector: 'opal-lib-moj-sortable-table-row,[opal-lib-moj-sortable-table-row]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
|
|
90
152
|
}], propDecorators: { bodyRowClasses: [{
|
|
@@ -98,10 +160,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
|
|
|
98
160
|
class MojSortableTableStatusComponent {
|
|
99
161
|
columnTitle;
|
|
100
162
|
sortDirection;
|
|
101
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
102
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
163
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojSortableTableStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
164
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: MojSortableTableStatusComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-status", inputs: { columnTitle: "columnTitle", sortDirection: "sortDirection" }, ngImport: i0, template: "<output aria-live=\"polite\" aria-atomic=\"true\" class=\"govuk-visually-hidden\">\n Sorted by {{ columnTitle }} ({{ sortDirection }})\n</output>\n" });
|
|
103
165
|
}
|
|
104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
166
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojSortableTableStatusComponent, decorators: [{
|
|
105
167
|
type: Component,
|
|
106
168
|
args: [{ selector: 'opal-lib-moj-sortable-table-status', standalone: true, template: "<output aria-live=\"polite\" aria-atomic=\"true\" class=\"govuk-visually-hidden\">\n Sorted by {{ columnTitle }} ({{ sortDirection }})\n</output>\n" }]
|
|
107
169
|
}], propDecorators: { columnTitle: [{
|
|
@@ -114,28 +176,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
|
|
|
114
176
|
|
|
115
177
|
class MojSortableTableComponent {
|
|
116
178
|
tableClasses;
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
// Only trigger the render of the component in the browser
|
|
120
|
-
this.configureSortableTable();
|
|
121
|
-
});
|
|
122
|
-
}
|
|
123
|
-
/**
|
|
124
|
-
* Configures the sortable functionality using the moj library.
|
|
125
|
-
*/
|
|
126
|
-
configureSortableTable() {
|
|
127
|
-
import('@ministryofjustice/frontend/moj/all').then((sortableTable) => {
|
|
128
|
-
addGdsBodyClass();
|
|
129
|
-
sortableTable.initAll();
|
|
130
|
-
});
|
|
131
|
-
}
|
|
132
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: MojSortableTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
133
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: MojSortableTableComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table", inputs: { tableClasses: "tableClasses" }, ngImport: i0, template: "<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\n <caption class=\"govuk-table__caption\">\n <ng-content select=\"[caption]\"></ng-content>\n </caption>\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <ng-content select=\"[head]\"></ng-content>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\">\n <ng-content select=\"[row]\"></ng-content>\n <ng-content select=\"[results]\"></ng-content>\n </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
179
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojSortableTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
180
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: MojSortableTableComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table", inputs: { tableClasses: "tableClasses" }, ngImport: i0, template: "<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\n <caption class=\"govuk-table__caption\">\n <ng-content select=\"[caption]\"></ng-content>\n </caption>\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <ng-content select=\"[head]\"></ng-content>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\">\n <ng-content select=\"[row]\"></ng-content>\n <ng-content select=\"[results]\"></ng-content>\n </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
134
181
|
}
|
|
135
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
182
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojSortableTableComponent, decorators: [{
|
|
136
183
|
type: Component,
|
|
137
184
|
args: [{ selector: 'opal-lib-moj-sortable-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\n <caption class=\"govuk-table__caption\">\n <ng-content select=\"[caption]\"></ng-content>\n </caption>\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <ng-content select=\"[head]\"></ng-content>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\">\n <ng-content select=\"[row]\"></ng-content>\n <ng-content select=\"[results]\"></ng-content>\n </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n" }]
|
|
138
|
-
}],
|
|
185
|
+
}], propDecorators: { tableClasses: [{
|
|
139
186
|
type: Input,
|
|
140
187
|
args: [{ required: false }]
|
|
141
188
|
}] } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-sortable-table.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-header/moj-sortable-table-header.component.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-header/moj-sortable-table-header.component.html","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-row/moj-sortable-table-row-data/moj-sortable-table-row-data.component.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-row/moj-sortable-table-row-data/moj-sortable-table-row-data.component.html","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-row/moj-sortable-table-row.component.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-row/moj-sortable-table-row.component.html","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-status/moj-sortable-table-status.component.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-status/moj-sortable-table-status.component.html","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table.component.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table.component.html","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/hmcts-opal-frontend-common-components-moj-moj-sortable-table.ts"],"sourcesContent":["import { Component, HostBinding, ChangeDetectionStrategy, Output, EventEmitter, Input } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]',\n imports: [],\n templateUrl: './moj-sortable-table-header.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojSortableTableHeaderComponent {\n @Input() columnKey!: string;\n @Input() sortDirection: 'ascending' | 'descending' | 'none' = 'none';\n @Input() dataIndex: number = 0;\n\n @Output() sortChange = new EventEmitter<{ key: string; sortType: 'ascending' | 'descending' }>();\n\n @HostBinding('attr.aria-sort') get ariaSort(): string | null {\n return this.sortDirection;\n }\n\n @HostBinding('scope') hostScope = 'col';\n\n @HostBinding('class') get hostClass(): string {\n return 'govuk-table__header';\n }\n\n /**\n * Toggles the sort direction between 'ascending' and 'descending' for the table column.\n * Emits a sortChange event with the column key and the new sort direction.\n *\n * @public\n * @returns {void}\n */\n public toggleSort(): void {\n const newDirection = this.sortDirection === 'ascending' ? 'descending' : 'ascending';\n\n this.sortChange.emit({\n key: this.columnKey,\n sortType: newDirection,\n });\n }\n}\n","<button [attr.data-index]=\"dataIndex\" (click)=\"toggleSort()\" type=\"button\">\n <ng-content></ng-content>\n</button>\n","import { Component, ChangeDetectionStrategy, HostBinding, Input } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-sortable-table-row-data,[opal-lib-moj-sortable-table-row-data]',\n imports: [],\n templateUrl: './moj-sortable-table-row-data.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojSortableTableRowDataComponent {\n @Input({ required: true }) id!: string;\n\n @HostBinding('class') hostClass = 'govuk-table__cell';\n @HostBinding('id') get hostId() {\n return this.id;\n }\n}\n","<ng-content></ng-content>\n","import { Component, Input, ChangeDetectionStrategy, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-sortable-table-row,[opal-lib-moj-sortable-table-row]',\n imports: [],\n templateUrl: './moj-sortable-table-row.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojSortableTableRowComponent {\n @Input({ required: false }) public bodyRowClasses: string = '';\n @HostBinding('class') get hostClass() {\n return `govuk-table__row ${this.bodyRowClasses}`;\n }\n}\n","<ng-content></ng-content>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-sortable-table-status',\n standalone: true,\n templateUrl: './moj-sortable-table-status.component.html',\n})\nexport class MojSortableTableStatusComponent {\n @Input({ required: false }) public columnTitle!: string;\n @Input({ required: false }) public sortDirection!: 'ascending' | 'descending' | 'none';\n}\n","<output aria-live=\"polite\" aria-atomic=\"true\" class=\"govuk-visually-hidden\">\n Sorted by {{ columnTitle }} ({{ sortDirection }})\n</output>\n","import { afterNextRender, ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { addGdsBodyClass } from '@hmcts/opal-frontend-common/components/govuk/helpers';\n\n@Component({\n selector: 'opal-lib-moj-sortable-table',\n\n templateUrl: './moj-sortable-table.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojSortableTableComponent {\n @Input({ required: false }) public tableClasses!: string;\n\n constructor() {\n afterNextRender(() => {\n // Only trigger the render of the component in the browser\n this.configureSortableTable();\n });\n }\n\n /**\n * Configures the sortable functionality using the moj library.\n */\n public configureSortableTable(): void {\n import('@ministryofjustice/frontend/moj/all').then((sortableTable) => {\n addGdsBodyClass();\n sortableTable.initAll();\n });\n }\n}\n","<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\n <caption class=\"govuk-table__caption\">\n <ng-content select=\"[caption]\"></ng-content>\n </caption>\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <ng-content select=\"[head]\"></ng-content>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\">\n <ng-content select=\"[row]\"></ng-content>\n <ng-content select=\"[results]\"></ng-content>\n </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-sortable-table.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-header/directive/constants/moj-sortable-table-header-sort-icons.constant.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-header/directive/moj-sortable-table-header-sort-icon.directive.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-header/moj-sortable-table-header.component.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-header/moj-sortable-table-header.component.html","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-row/moj-sortable-table-row-data/moj-sortable-table-row-data.component.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-row/moj-sortable-table-row-data/moj-sortable-table-row-data.component.html","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-row/moj-sortable-table-row.component.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-row/moj-sortable-table-row.component.html","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-status/moj-sortable-table-status.component.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table-status/moj-sortable-table-status.component.html","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table.component.ts","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/moj-sortable-table.component.html","../../../projects/opal-frontend-common/components/moj/moj-sortable-table/hmcts-opal-frontend-common-components-moj-moj-sortable-table.ts"],"sourcesContent":["// Extracted from @ministryofjustice/frontend v5.1.2 sortable-table.mjs\nexport const MOJ_SORTABLE_TABLE_HEADER_SORT_ICONS = {\n ascending: 'M6.5625 15.5L11 6.63125L15.4375 15.5H6.5625Z',\n descending: 'M15.4375 7L11 15.8687L6.5625 7L15.4375 7Z',\n none: ['M8.1875 9.5L10.9609 3.95703L13.7344 9.5H8.1875Z', 'M13.7344 12.0781L10.9609 17.6211L8.1875 12.0781H13.7344Z'],\n};\n","import { Directive, OnChanges, Input, ElementRef, Renderer2 } from '@angular/core';\nimport { MOJ_SORTABLE_TABLE_HEADER_SORT_ICONS } from './constants/moj-sortable-table-header-sort-icons.constant';\n\n@Directive({\n selector: '[opalLibMojSortableTableHeaderSortIcon]',\n standalone: true,\n})\nexport class MojSortableTableHeaderSortIconDirective implements OnChanges {\n @Input('opalLibMojSortableTableHeaderSortIcon') sortDirection: 'ascending' | 'descending' | 'none' = 'none';\n\n constructor(\n private readonly el: ElementRef<SVGSVGElement>,\n private readonly renderer: Renderer2,\n ) {}\n\n /**\n * Returns the SVG path(s) for the sort icon based on the specified direction.\n *\n * @param dir - The sort direction, which can be 'ascending', 'descending', or 'none'.\n * @returns An array of SVG path strings corresponding to the given sort direction.\n */\n private getPathsForDirection(dir: 'ascending' | 'descending' | 'none'): string[] {\n const icons = MOJ_SORTABLE_TABLE_HEADER_SORT_ICONS;\n switch (dir) {\n case 'ascending':\n return [icons.ascending];\n case 'descending':\n return [icons.descending];\n default:\n return icons.none;\n }\n }\n\n public ngOnChanges(): void {\n const svg = this.el.nativeElement;\n this.renderer.setAttribute(svg, 'xmlns', 'http://www.w3.org/2000/svg');\n this.renderer.setAttribute(svg, 'fill', 'none');\n\n // Clear existing <path> children\n while (svg.firstChild) {\n svg.removeChild(svg.firstChild);\n }\n\n // Append new <path> elements based on sortDirection\n const paths = this.getPathsForDirection(this.sortDirection);\n paths.forEach((pathD) => {\n const path = this.renderer.createElement('path', 'svg');\n this.renderer.setAttribute(path, 'd', pathD);\n this.renderer.setAttribute(path, 'fill', 'currentColor');\n\n svg.appendChild(path);\n });\n }\n}\n","import { Component, HostBinding, ChangeDetectionStrategy, Output, EventEmitter, Input } from '@angular/core';\nimport { MojSortableTableHeaderSortIconDirective } from './directive/moj-sortable-table-header-sort-icon.directive';\n\n@Component({\n selector: 'opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]',\n templateUrl: './moj-sortable-table-header.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [MojSortableTableHeaderSortIconDirective],\n})\nexport class MojSortableTableHeaderComponent {\n @Input() columnKey!: string;\n @Input() sortDirection: 'ascending' | 'descending' | 'none' = 'none';\n @Input() dataIndex: number = 0;\n\n @Output() sortChange = new EventEmitter<{ key: string; sortType: 'ascending' | 'descending' }>();\n\n @HostBinding('attr.aria-sort') get ariaSort(): string | null {\n return this.sortDirection;\n }\n\n @HostBinding('scope') hostScope = 'col';\n\n @HostBinding('class') get hostClass(): string {\n return 'govuk-table__header';\n }\n\n /**\n * Toggles the sort direction between 'ascending' and 'descending' for the table column.\n * Emits a sortChange event with the column key and the new sort direction.\n *\n * @public\n * @returns {void}\n */\n public toggleSort(): void {\n const newDirection = this.sortDirection === 'ascending' ? 'descending' : 'ascending';\n\n this.sortChange.emit({\n key: this.columnKey,\n sortType: newDirection,\n });\n }\n}\n","<button type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n <ng-content></ng-content>\n <svg\n [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n width=\"22\"\n height=\"22\"\n focusable=\"false\"\n aria-hidden=\"true\"\n role=\"img\"\n vviewBox=\"0 0 22 22\"\n ></svg>\n</button>\n","import { Component, ChangeDetectionStrategy, HostBinding, Input } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-sortable-table-row-data,[opal-lib-moj-sortable-table-row-data]',\n imports: [],\n templateUrl: './moj-sortable-table-row-data.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojSortableTableRowDataComponent {\n @Input({ required: true }) id!: string;\n\n @HostBinding('class') hostClass = 'govuk-table__cell';\n @HostBinding('id') get hostId() {\n return this.id;\n }\n}\n","<ng-content></ng-content>\n","import { Component, Input, ChangeDetectionStrategy, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-sortable-table-row,[opal-lib-moj-sortable-table-row]',\n imports: [],\n templateUrl: './moj-sortable-table-row.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojSortableTableRowComponent {\n @Input({ required: false }) public bodyRowClasses: string = '';\n @HostBinding('class') get hostClass() {\n return `govuk-table__row ${this.bodyRowClasses}`;\n }\n}\n","<ng-content></ng-content>\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-sortable-table-status',\n standalone: true,\n templateUrl: './moj-sortable-table-status.component.html',\n})\nexport class MojSortableTableStatusComponent {\n @Input({ required: false }) public columnTitle!: string;\n @Input({ required: false }) public sortDirection!: 'ascending' | 'descending' | 'none';\n}\n","<output aria-live=\"polite\" aria-atomic=\"true\" class=\"govuk-visually-hidden\">\n Sorted by {{ columnTitle }} ({{ sortDirection }})\n</output>\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-moj-sortable-table',\n\n templateUrl: './moj-sortable-table.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojSortableTableComponent {\n @Input({ required: false }) public tableClasses!: string;\n}\n","<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\n <caption class=\"govuk-table__caption\">\n <ng-content select=\"[caption]\"></ng-content>\n </caption>\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <ng-content select=\"[head]\"></ng-content>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\">\n <ng-content select=\"[row]\"></ng-content>\n <ng-content select=\"[results]\"></ng-content>\n </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -20,10 +20,10 @@ class MojSubNavigationItemComponent {
|
|
|
20
20
|
// Basically we want to mimic the behaviour of the GDS tabs component, as this is how these will be used.
|
|
21
21
|
this.router.navigate(['./'], { relativeTo: this.route, fragment: item });
|
|
22
22
|
}
|
|
23
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
24
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojSubNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: MojSubNavigationItemComponent, isStandalone: true, selector: "opal-lib-moj-sub-navigation-item", inputs: { subNavItemId: "subNavItemId", subNavItemFragment: "subNavItemFragment", subNavItemText: "subNavItemText", activeSubNavItemFragment: "activeSubNavItemFragment" }, ngImport: i0, template: "<li class=\"moj-sub-navigation__item\" [id]=\"subNavItemId\">\n <a\n class=\"moj-sub-navigation__link cursor-pointer\"\n [attr.aria-current]=\"subNavItemFragment === activeSubNavItemFragment ? 'page' : ''\"\n (click)=\"handleItemClick($event, subNavItemFragment)\"\n (keyup.enter)=\"handleItemClick($event, subNavItemFragment)\"\n role=\"link\"\n tabindex=\"0\"\n >\n {{ subNavItemText }}\n <ng-content select=\"[badge]\"></ng-content>\n </a>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
25
25
|
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojSubNavigationItemComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
28
|
args: [{ selector: 'opal-lib-moj-sub-navigation-item', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<li class=\"moj-sub-navigation__item\" [id]=\"subNavItemId\">\n <a\n class=\"moj-sub-navigation__link cursor-pointer\"\n [attr.aria-current]=\"subNavItemFragment === activeSubNavItemFragment ? 'page' : ''\"\n (click)=\"handleItemClick($event, subNavItemFragment)\"\n (keyup.enter)=\"handleItemClick($event, subNavItemFragment)\"\n role=\"link\"\n tabindex=\"0\"\n >\n {{ subNavItemText }}\n <ng-content select=\"[badge]\"></ng-content>\n </a>\n</li>\n" }]
|
|
29
29
|
}], propDecorators: { subNavItemId: [{
|
|
@@ -68,10 +68,10 @@ class MojSubNavigationComponent {
|
|
|
68
68
|
this.ngUnsubscribe.next();
|
|
69
69
|
this.ngUnsubscribe.complete();
|
|
70
70
|
}
|
|
71
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
72
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
71
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojSubNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
72
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: MojSubNavigationComponent, isStandalone: true, selector: "opal-lib-moj-sub-navigation", inputs: { subNavId: "subNavId" }, outputs: { activeSubNavItemFragment: "activeSubNavItemFragment" }, ngImport: i0, template: "<nav class=\"moj-sub-navigation\" aria-label=\"Sub navigation\" [id]=\"subNavId\">\n <ul class=\"moj-sub-navigation__list\">\n <ng-content></ng-content>\n </ul>\n</nav>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
73
73
|
}
|
|
74
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
74
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojSubNavigationComponent, decorators: [{
|
|
75
75
|
type: Component,
|
|
76
76
|
args: [{ selector: 'opal-lib-moj-sub-navigation', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"moj-sub-navigation\" aria-label=\"Sub navigation\" [id]=\"subNavId\">\n <ul class=\"moj-sub-navigation__list\">\n <ng-content></ng-content>\n </ul>\n</nav>\n" }]
|
|
77
77
|
}], propDecorators: { subNavId: [{
|
|
@@ -5,10 +5,10 @@ class MojTicketPanelComponent {
|
|
|
5
5
|
componentClasses;
|
|
6
6
|
sectionClasses;
|
|
7
7
|
alert;
|
|
8
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
9
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
8
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojTicketPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: MojTicketPanelComponent, isStandalone: true, selector: "opal-lib-moj-ticket-panel", inputs: { componentClasses: "componentClasses", sectionClasses: "sectionClasses", alert: "alert" }, ngImport: i0, template: "<article class=\"moj-ticket-panel {{ componentClasses }}\">\n <section class=\"moj-ticket-panel__content {{ sectionClasses }}\" [attr.role]=\"alert ? 'alert' : ''\">\n <ng-content></ng-content>\n </section>\n</article>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojTicketPanelComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{ selector: 'opal-lib-moj-ticket-panel', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"moj-ticket-panel {{ componentClasses }}\">\n <section class=\"moj-ticket-panel__content {{ sectionClasses }}\" [attr.role]=\"alert ? 'alert' : ''\">\n <ng-content></ng-content>\n </section>\n</article>\n" }]
|
|
14
14
|
}], propDecorators: { componentClasses: [{
|
|
@@ -2,19 +2,19 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
class MojTimelineItemComponent {
|
|
5
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
5
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: MojTimelineItemComponent, isStandalone: true, selector: "opal-lib-moj-timeline-item", ngImport: i0, template: "<div class=\"moj-timeline__item\">\n <div class=\"moj-timeline__header\">\n <h2 class=\"moj-timeline__title\"><ng-content select=\"[title]\"></ng-content></h2>\n\n <p class=\"moj-timeline__byline\"> by <ng-content select=\"[user]\"></ng-content></p>\n </div>\n <p class=\"moj-timeline__date\">\n <time datetime=\"\"><ng-content select=\"[date]\"></ng-content></time>\n </p>\n <div class=\"moj-timeline__description\">\n <ng-content select=\"[description]\"></ng-content>\n </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojTimelineItemComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{ selector: 'opal-lib-moj-timeline-item', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"moj-timeline__item\">\n <div class=\"moj-timeline__header\">\n <h2 class=\"moj-timeline__title\"><ng-content select=\"[title]\"></ng-content></h2>\n\n <p class=\"moj-timeline__byline\"> by <ng-content select=\"[user]\"></ng-content></p>\n </div>\n <p class=\"moj-timeline__date\">\n <time datetime=\"\"><ng-content select=\"[date]\"></ng-content></time>\n </p>\n <div class=\"moj-timeline__description\">\n <ng-content select=\"[description]\"></ng-content>\n </div>\n</div>\n" }]
|
|
11
11
|
}] });
|
|
12
12
|
|
|
13
13
|
class MojTimelineComponent {
|
|
14
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
15
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
14
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: MojTimelineComponent, isStandalone: true, selector: "opal-lib-moj-timeline", ngImport: i0, template: "<div class=\"moj-timeline\"><ng-content></ng-content></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MojTimelineComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{ selector: 'opal-lib-moj-timeline', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"moj-timeline\"><ng-content></ng-content></div>\n" }]
|
|
20
20
|
}] });
|
|
@@ -26,10 +26,10 @@ class CapitalisationDirective {
|
|
|
26
26
|
this.destroy$.next();
|
|
27
27
|
this.destroy$.complete();
|
|
28
28
|
}
|
|
29
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
30
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
29
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: CapitalisationDirective, deps: [{ token: i1.UtilsService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
30
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: CapitalisationDirective, isStandalone: true, selector: "[opalLibCapitaliseAllCharacters]", inputs: { control: ["opalLibCapitaliseAllCharacters", "control"] }, ngImport: i0 });
|
|
31
31
|
}
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: CapitalisationDirective, decorators: [{
|
|
33
33
|
type: Directive,
|
|
34
34
|
args: [{
|
|
35
35
|
selector: '[opalLibCapitaliseAllCharacters]',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hmcts-opal-frontend-common-directives-capitalisation.mjs","sources":["../../../projects/opal-frontend-common/directives/capitalisation/capitalisation.directive.ts","../../../projects/opal-frontend-common/directives/capitalisation/hmcts-opal-frontend-common-directives-capitalisation.ts"],"sourcesContent":["import { Directive, Input, OnInit, OnDestroy } from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\nimport { Subject, takeUntil } from 'rxjs';\nimport { UtilsService } from '@hmcts/opal-frontend-common/services/utils-service';\n\n@Directive({\n selector: '[opalLibCapitaliseAllCharacters]',\n})\nexport class CapitalisationDirective implements OnInit, OnDestroy {\n @Input('opalLibCapitaliseAllCharacters') control!: AbstractControl;\n\n private destroy$ = new Subject<void>();\n\n constructor(private utilsService: UtilsService) {}\n\n ngOnInit(): void {\n if (!this.control) return;\n\n this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n if (typeof value === 'string' && value.length > 0) {\n const upper = this.utilsService.upperCaseAllLetters(value);\n if (value !== upper) {\n this.control.setValue(upper, { emitEvent: false });\n }\n }\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAQa,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"hmcts-opal-frontend-common-directives-capitalisation.mjs","sources":["../../../projects/opal-frontend-common/directives/capitalisation/capitalisation.directive.ts","../../../projects/opal-frontend-common/directives/capitalisation/hmcts-opal-frontend-common-directives-capitalisation.ts"],"sourcesContent":["import { Directive, Input, OnInit, OnDestroy } from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\nimport { Subject, takeUntil } from 'rxjs';\nimport { UtilsService } from '@hmcts/opal-frontend-common/services/utils-service';\n\n@Directive({\n selector: '[opalLibCapitaliseAllCharacters]',\n})\nexport class CapitalisationDirective implements OnInit, OnDestroy {\n @Input('opalLibCapitaliseAllCharacters') control!: AbstractControl;\n\n private readonly destroy$ = new Subject<void>();\n\n constructor(private readonly utilsService: UtilsService) {}\n\n ngOnInit(): void {\n if (!this.control) return;\n\n this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n if (typeof value === 'string' && value.length > 0) {\n const upper = this.utilsService.upperCaseAllLetters(value);\n if (value !== upper) {\n this.control.setValue(upper, { emitEvent: false });\n }\n }\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAQa,uBAAuB,CAAA;AAKL,IAAA,YAAA;AAJY,IAAA,OAAO;AAE/B,IAAA,QAAQ,GAAG,IAAI,OAAO,EAAQ;AAE/C,IAAA,WAAA,CAA6B,YAA0B,EAAA;QAA1B,IAAY,CAAA,YAAA,GAAZ,YAAY;;IAEzC,QAAQ,GAAA;QACN,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE;QAEnB,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;YAC3E,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBACjD,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,KAAK,CAAC;AAC1D,gBAAA,IAAI,KAAK,KAAK,KAAK,EAAE;AACnB,oBAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;;;AAGxD,SAAC,CAAC;;IAGJ,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;AACpB,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;;wGAtBf,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kCAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,CAAA,gCAAA,EAAA,SAAA,CAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kCAAkC;AAC7C,iBAAA;iFAE0C,OAAO,EAAA,CAAA;sBAA/C,KAAK;uBAAC,gCAAgC;;;ACTzC;;AAEG;;;;"}
|
|
@@ -9,13 +9,13 @@ class AccessDeniedComponent {
|
|
|
9
9
|
// For now, test page will act as our 'Dashboard' page
|
|
10
10
|
this.router.navigate(['/']);
|
|
11
11
|
}
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AccessDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: AccessDeniedComponent, isStandalone: true, selector: "opal-lib-access-denied", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <h1 class=\"govuk-heading-l\">Access Denied</h1>\n <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n <p class=\"govuk-body\">\n <opal-lib-govuk-button\n buttonClasses=\"govuk-button--secondary\"\n buttonId=\"go-back\"\n (buttonClickEvent)=\"handleGoBackButtonClick()\"\n >\n Back to dashboard</opal-lib-govuk-button\n >\n </p>\n </div>\n</div>\n", dependencies: [{ kind: "component", type: GovukButtonComponent, selector: "opal-lib-govuk-button", inputs: ["buttonId", "type", "buttonClasses"], outputs: ["buttonClickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AccessDeniedComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{ selector: 'opal-lib-access-denied', imports: [GovukButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <h1 class=\"govuk-heading-l\">Access Denied</h1>\n <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n <p class=\"govuk-body\">\n <opal-lib-govuk-button\n buttonClasses=\"govuk-button--secondary\"\n buttonId=\"go-back\"\n (buttonClickEvent)=\"handleGoBackButtonClick()\"\n >\n Back to dashboard</opal-lib-govuk-button\n >\n </p>\n </div>\n</div>\n" }]
|
|
18
18
|
}] });
|
|
19
19
|
|
|
20
20
|
export { AccessDeniedComponent };
|
|
21
|
-
//# sourceMappingURL=hmcts-opal-frontend-common-pages-access-denied.component-
|
|
21
|
+
//# sourceMappingURL=hmcts-opal-frontend-common-pages-access-denied.component-ZkhlgRu3.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hmcts-opal-frontend-common-pages-access-denied.component-
|
|
1
|
+
{"version":3,"file":"hmcts-opal-frontend-common-pages-access-denied.component-ZkhlgRu3.mjs","sources":["../../../projects/opal-frontend-common/pages/access-denied/access-denied.component.ts","../../../projects/opal-frontend-common/pages/access-denied/access-denied.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { GovukButtonComponent } from '@hmcts/opal-frontend-common/components/govuk/govuk-button';\n\n@Component({\n selector: 'opal-lib-access-denied',\n imports: [GovukButtonComponent],\n templateUrl: './access-denied.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AccessDeniedComponent {\n private readonly router = inject(Router);\n\n public handleGoBackButtonClick(): void {\n // For now, test page will act as our 'Dashboard' page\n this.router.navigate(['/']);\n }\n}\n","<div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <h1 class=\"govuk-heading-l\">Access Denied</h1>\n <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n <p class=\"govuk-body\">\n <opal-lib-govuk-button\n buttonClasses=\"govuk-button--secondary\"\n buttonId=\"go-back\"\n (buttonClickEvent)=\"handleGoBackButtonClick()\"\n >\n Back to dashboard</opal-lib-govuk-button\n >\n </p>\n </div>\n</div>\n"],"names":[],"mappings":";;;;;MAUa,qBAAqB,CAAA;AACf,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAEjC,uBAAuB,GAAA;;QAE5B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC;;wGALlB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVlC,ihBAeA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDTY,oBAAoB,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAInB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,WACzB,CAAC,oBAAoB,CAAC,EAEd,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ihBAAA,EAAA;;;;;"}
|
|
@@ -28,10 +28,10 @@ class SignInStubComponent {
|
|
|
28
28
|
ngOnInit() {
|
|
29
29
|
this.setupSignInForm();
|
|
30
30
|
}
|
|
31
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
32
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
31
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SignInStubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: SignInStubComponent, isStandalone: true, selector: "opal-lib-sign-in-stub", outputs: { signInFormSubmit: "signInFormSubmit" }, ngImport: i0, template: "<form (submit)=\"handleFormSubmit()\">\n <div class=\"govuk-grid-column-two-thirds\">\n <fieldset class=\"govuk-fieldset\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n <h1 class=\"govuk-fieldset__heading\">Sign in</h1>\n </legend>\n\n <div [formGroup]=\"signInForm\">\n <opal-lib-govuk-text-input\n labelText=\"Email\"\n inputId=\"email\"\n inputName=\"email\"\n inputClasses=\"govuk-!-width-one-half\"\n [control]=\"signInForm.controls['email']\"\n ></opal-lib-govuk-text-input>\n </div>\n </fieldset>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-one-third\">\n <opal-lib-govuk-button buttonId=\"submitForm\" type=\"submit\"> Sign in</opal-lib-govuk-button>\n </div>\n </div>\n </div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: GovukTextInputComponent, selector: "opal-lib-govuk-text-input", inputs: ["labelText", "labelClasses", "inputId", "inputName", "inputClasses", "hintText", "hintHtml", "errors", "control"] }, { kind: "component", type: GovukButtonComponent, selector: "opal-lib-govuk-button", inputs: ["buttonId", "type", "buttonClasses"], outputs: ["buttonClickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
33
33
|
}
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SignInStubComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
36
|
args: [{ selector: 'opal-lib-sign-in-stub', imports: [FormsModule, ReactiveFormsModule, GovukTextInputComponent, GovukButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form (submit)=\"handleFormSubmit()\">\n <div class=\"govuk-grid-column-two-thirds\">\n <fieldset class=\"govuk-fieldset\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n <h1 class=\"govuk-fieldset__heading\">Sign in</h1>\n </legend>\n\n <div [formGroup]=\"signInForm\">\n <opal-lib-govuk-text-input\n labelText=\"Email\"\n inputId=\"email\"\n inputName=\"email\"\n inputClasses=\"govuk-!-width-one-half\"\n [control]=\"signInForm.controls['email']\"\n ></opal-lib-govuk-text-input>\n </div>\n </fieldset>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-one-third\">\n <opal-lib-govuk-button buttonId=\"submitForm\" type=\"submit\"> Sign in</opal-lib-govuk-button>\n </div>\n </div>\n </div>\n</form>\n" }]
|
|
37
37
|
}], propDecorators: { signInFormSubmit: [{
|
|
@@ -39,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
|
|
|
39
39
|
}] } });
|
|
40
40
|
|
|
41
41
|
export { SignInStubComponent };
|
|
42
|
-
//# sourceMappingURL=hmcts-opal-frontend-common-pages-sign-in-stub.component-
|
|
42
|
+
//# sourceMappingURL=hmcts-opal-frontend-common-pages-sign-in-stub.component-DJHx_NdT.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hmcts-opal-frontend-common-pages-sign-in-stub.component-
|
|
1
|
+
{"version":3,"file":"hmcts-opal-frontend-common-pages-sign-in-stub.component-DJHx_NdT.mjs","sources":["../../../projects/opal-frontend-common/pages/sign-in/sign-in-stub/sign-in-stub.component.ts","../../../projects/opal-frontend-common/pages/sign-in/sign-in-stub/sign-in-stub.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, OnInit, Output } from '@angular/core';\nimport { FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';\nimport { ISignInStubForm } from '../interfaces';\nimport { GovukTextInputComponent } from '@hmcts/opal-frontend-common/components/govuk/govuk-text-input';\nimport { GovukButtonComponent } from '@hmcts/opal-frontend-common/components/govuk/govuk-button';\n\n@Component({\n selector: 'opal-lib-sign-in-stub',\n imports: [FormsModule, ReactiveFormsModule, GovukTextInputComponent, GovukButtonComponent],\n templateUrl: './sign-in-stub.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SignInStubComponent implements OnInit {\n public signInForm!: FormGroup;\n @Output() private readonly signInFormSubmit = new EventEmitter<ISignInStubForm>();\n\n /**\n * Sets up the sign-in form.\n */\n private setupSignInForm(): void {\n this.signInForm = new FormGroup({\n email: new FormControl(null, [Validators.required]),\n });\n }\n\n /**\n * Handles the form submission.\n * If the signInForm is valid, emits the signInForm value using the signInFormSubmit event.\n */\n public handleFormSubmit(): void {\n if (this.signInForm.valid) {\n this.signInFormSubmit.emit(this.signInForm.value);\n }\n }\n\n public ngOnInit(): void {\n this.setupSignInForm();\n }\n}\n","<form (submit)=\"handleFormSubmit()\">\n <div class=\"govuk-grid-column-two-thirds\">\n <fieldset class=\"govuk-fieldset\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n <h1 class=\"govuk-fieldset__heading\">Sign in</h1>\n </legend>\n\n <div [formGroup]=\"signInForm\">\n <opal-lib-govuk-text-input\n labelText=\"Email\"\n inputId=\"email\"\n inputName=\"email\"\n inputClasses=\"govuk-!-width-one-half\"\n [control]=\"signInForm.controls['email']\"\n ></opal-lib-govuk-text-input>\n </div>\n </fieldset>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-one-third\">\n <opal-lib-govuk-button buttonId=\"submitForm\" type=\"submit\"> Sign in</opal-lib-govuk-button>\n </div>\n </div>\n </div>\n</form>\n"],"names":[],"mappings":";;;;;;;MAYa,mBAAmB,CAAA;AACvB,IAAA,UAAU;AACU,IAAA,gBAAgB,GAAG,IAAI,YAAY,EAAmB;AAEjF;;AAEG;IACK,eAAe,GAAA;AACrB,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,SAAS,CAAC;YAC9B,KAAK,EAAE,IAAI,WAAW,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;AACpD,SAAA,CAAC;;AAGJ;;;AAGG;IACI,gBAAgB,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;YACzB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;;;IAI9C,QAAQ,GAAA;QACb,IAAI,CAAC,eAAe,EAAE;;wGAxBb,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,OAAA,EAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZhC,g2BAwBA,EDhBY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,WAAW,udAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,uBAAuB,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,cAAA,EAAA,SAAA,EAAA,WAAA,EAAA,cAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,oBAAoB,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAI9E,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,EACxB,OAAA,EAAA,CAAC,WAAW,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,oBAAoB,CAAC,EAEzE,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,g2BAAA,EAAA;8BAIpB,gBAAgB,EAAA,CAAA;sBAA1C;;;;;"}
|
|
@@ -16,13 +16,13 @@ class SignInComponent {
|
|
|
16
16
|
handleStubSignInFormSubmit(formData) {
|
|
17
17
|
this.document.location.href = `${SSO_ENDPOINTS.login}?email=${formData.email}`;
|
|
18
18
|
}
|
|
19
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
20
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SignInComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: SignInComponent, isStandalone: true, selector: "opal-lib-sign-in", ngImport: i0, template: "@defer (when !globalStore.ssoEnabled()) {\n <opal-lib-sign-in-stub (signInFormSubmit)=\"handleStubSignInFormSubmit($event)\"></opal-lib-sign-in-stub>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('./hmcts-opal-frontend-common-pages-sign-in-stub.component-DJHx_NdT.mjs').then(m => m.SignInStubComponent)]] });
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.
|
|
22
|
+
i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.11", ngImport: i0, type: SignInComponent, resolveDeferredDeps: () => [import('./hmcts-opal-frontend-common-pages-sign-in-stub.component-DJHx_NdT.mjs').then(m => m.SignInStubComponent)], resolveMetadata: SignInStubComponent => ({ decorators: [{
|
|
23
23
|
type: Component,
|
|
24
24
|
args: [{ selector: 'opal-lib-sign-in', imports: [CommonModule, SignInStubComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@defer (when !globalStore.ssoEnabled()) {\n <opal-lib-sign-in-stub (signInFormSubmit)=\"handleStubSignInFormSubmit($event)\"></opal-lib-sign-in-stub>\n}\n" }]
|
|
25
25
|
}], ctorParameters: null, propDecorators: null }) });
|
|
26
26
|
|
|
27
27
|
export { SignInComponent };
|
|
28
|
-
//# sourceMappingURL=hmcts-opal-frontend-common-pages-sign-in.component-
|
|
28
|
+
//# sourceMappingURL=hmcts-opal-frontend-common-pages-sign-in.component-B6sVdhPh.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hmcts-opal-frontend-common-pages-sign-in.component-
|
|
1
|
+
{"version":3,"file":"hmcts-opal-frontend-common-pages-sign-in.component-B6sVdhPh.mjs","sources":["../../../projects/opal-frontend-common/pages/sign-in/sign-in.component.ts","../../../projects/opal-frontend-common/pages/sign-in/sign-in.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { CommonModule, DOCUMENT } from '@angular/common';\nimport { SignInStubComponent } from './sign-in-stub/sign-in-stub.component';\nimport { ISignInStubForm } from './interfaces';\nimport { GlobalStore } from '@hmcts/opal-frontend-common/stores/global';\nimport { SSO_ENDPOINTS } from '@hmcts/opal-frontend-common/services/auth-service/constants';\n\n@Component({\n selector: 'opal-lib-sign-in',\n imports: [CommonModule, SignInStubComponent],\n templateUrl: './sign-in.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SignInComponent {\n public readonly globalStore = inject(GlobalStore);\n public ssoEnabled: boolean | null = true;\n private readonly document = inject(DOCUMENT);\n\n /**\n * Handles the submission of the stub sign-in form.\n * Redirects the user to the SSO login page with the provided email.\n * @param formData - The form data containing the email.\n */\n public handleStubSignInFormSubmit(formData: ISignInStubForm): void {\n this.document.location.href = `${SSO_ENDPOINTS.login}?email=${formData.email}`;\n }\n}\n","@defer (when !globalStore.ssoEnabled()) {\n <opal-lib-sign-in-stub (signInFormSubmit)=\"handleStubSignInFormSubmit($event)\"></opal-lib-sign-in-stub>\n}\n"],"names":[],"mappings":";;;;;;MAaa,eAAe,CAAA;AACV,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;IAC1C,UAAU,GAAmB,IAAI;AACvB,IAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAE5C;;;;AAIG;AACI,IAAA,0BAA0B,CAAC,QAAyB,EAAA;AACzD,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,EAAG,aAAa,CAAC,KAAK,CAAU,OAAA,EAAA,QAAQ,CAAC,KAAK,EAAE;;wGAXrE,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECb5B,6JAGA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDMY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,sBAAA,EAAA,CAAA,MAAA,CAAA,OAAA,wEAAA,CAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,EAAA,CAAA;;iGAIX,eAAe,EAAA,mBAAA,EAAA,MAAA,CAAA,OAAA,wEAAA,CAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,EAAA,eAAA,EAAA,mBAAA,KAAA,EAAA,UAAA,EAAA,CAAA;sBAN3B,SAAS;mCACE,kBAAkB,EAAA,OAAA,EACnB,CAAC,YAAY,EAAE,mBAAmB,CAAC,EAAA,eAAA,EAE3B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6JAAA,EAAA;;;;;"}
|
|
@@ -8,14 +8,14 @@ const routing = [
|
|
|
8
8
|
{ path: '', redirectTo: 'dashboard', pathMatch: 'full' },
|
|
9
9
|
{
|
|
10
10
|
path: PAGES_ROUTING_PATHS.children.accessDenied,
|
|
11
|
-
loadComponent: () => import('./hmcts-opal-frontend-common-pages-access-denied.component-
|
|
11
|
+
loadComponent: () => import('./hmcts-opal-frontend-common-pages-access-denied.component-ZkhlgRu3.mjs').then((c) => c.AccessDeniedComponent),
|
|
12
12
|
canActivate: [authGuard],
|
|
13
13
|
data: { title: PAGES_ROUTING_TITLES.children.accessDenied },
|
|
14
14
|
resolve: { userState: userStateResolver, title: TitleResolver },
|
|
15
15
|
},
|
|
16
16
|
{
|
|
17
17
|
path: PAGES_ROUTING_PATHS.children.signIn,
|
|
18
|
-
loadComponent: () => import('./hmcts-opal-frontend-common-pages-sign-in.component-
|
|
18
|
+
loadComponent: () => import('./hmcts-opal-frontend-common-pages-sign-in.component-B6sVdhPh.mjs').then((c) => c.SignInComponent),
|
|
19
19
|
canActivate: [signedInGuard],
|
|
20
20
|
data: { title: PAGES_ROUTING_TITLES.children.signIn },
|
|
21
21
|
resolve: { title: TitleResolver },
|
|
@@ -13,10 +13,10 @@ class DateFormatPipe {
|
|
|
13
13
|
const formatted = this.dateService.getFromFormatToFormat(value, inputFormat, outputFormat);
|
|
14
14
|
return formatted;
|
|
15
15
|
}
|
|
16
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
17
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.
|
|
16
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DateFormatPipe, deps: [{ token: i1.DateService }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
17
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: DateFormatPipe, isStandalone: true, name: "dateFormat" });
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DateFormatPipe, decorators: [{
|
|
20
20
|
type: Pipe,
|
|
21
21
|
args: [{
|
|
22
22
|
name: 'dateFormat',
|
|
@@ -22,10 +22,10 @@ class DaysAgoPipe {
|
|
|
22
22
|
return 'Invalid date';
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
26
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.
|
|
25
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaysAgoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
26
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: DaysAgoPipe, isStandalone: true, name: "daysAgo" });
|
|
27
27
|
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaysAgoPipe, decorators: [{
|
|
29
29
|
type: Pipe,
|
|
30
30
|
args: [{
|
|
31
31
|
name: 'daysAgo',
|
|
@@ -11,10 +11,10 @@ class TitleResolver {
|
|
|
11
11
|
const title = route.data['title'] ?? 'Frontend';
|
|
12
12
|
this.titleService.setTitle(`OPAL - ${title}`);
|
|
13
13
|
}
|
|
14
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
15
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
14
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: TitleResolver, deps: [{ token: i1.Title }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
15
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: TitleResolver, providedIn: 'root' });
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: TitleResolver, decorators: [{
|
|
18
18
|
type: Injectable,
|
|
19
19
|
args: [{
|
|
20
20
|
providedIn: 'root',
|