@hmcts/opal-frontend-common 0.0.37 → 0.0.39
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/govuk/govuk-text-area/index.d.ts +4 -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-nested-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-abstract-abstract-table-filter.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-alphagov-alphagov-accessible-autocomplete.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-account-information-custom-account-information-item-custom-account-information-item-label.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-account-information-custom-account-information-item-custom-account-information-item-value.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-account-information-custom-account-information-item.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-account-information.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-action-links.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-horizontal-scroll-pane.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-page-header.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-scrollable-panes-custom-scrollable-panes-inner-pane.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-scrollable-panes.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-summary-metric-bar-custom-summary-metric-bar-item-custom-summary-metric-bar-item-label.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-summary-metric-bar-custom-summary-metric-bar-item-custom-summary-metric-bar-item-value.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-summary-metric-bar-custom-summary-metric-bar-item.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-summary-metric-bar.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane-custom-vertical-scroll-pane-inner-pane.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane-custom-vertical-scroll-pane-outer-pane.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-vertical-scroll-pane.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-list-govuk-list-link.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-list.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-govuk-tabs-list-item.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-panel.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tabs.mjs +3 -3
- 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 +15 -9
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-text-area.mjs.map +1 -1
- 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-hod-hod-loading-spinner.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-alert.mjs +21 -21
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-badge.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-button-menu-moj-button-menu-item.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-button-menu.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-date-picker.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-header.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option-moj-filter-panel-option-form-group-item.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option-moj-filter-panel-option-form-group-keyword.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-option.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-selected-moj-filter-panel-selected-tag.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel-moj-filter-panel-selected.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-filter-moj-filter-panel.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-filter.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 +3 -3
- 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 +18 -18
- 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-govuk-button.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-guards-route-permissions.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-guards-route-permissions.mjs.map +1 -1
- package/fesm2022/{hmcts-opal-frontend-common-pages-access-denied.component-CEk8OxKG.mjs → hmcts-opal-frontend-common-pages-access-denied.component-hiZGRfTW.mjs} +4 -4
- package/fesm2022/{hmcts-opal-frontend-common-pages-access-denied.component-CEk8OxKG.mjs.map → hmcts-opal-frontend-common-pages-access-denied.component-hiZGRfTW.mjs.map} +1 -1
- package/fesm2022/{hmcts-opal-frontend-common-pages-sign-in-stub.component-C3b4FPOI.mjs → hmcts-opal-frontend-common-pages-sign-in-stub.component-DvotrIUM.mjs} +4 -4
- package/fesm2022/{hmcts-opal-frontend-common-pages-sign-in-stub.component-C3b4FPOI.mjs.map → hmcts-opal-frontend-common-pages-sign-in-stub.component-DvotrIUM.mjs.map} +1 -1
- package/fesm2022/{hmcts-opal-frontend-common-pages-sign-in.component-DPtCip_V.mjs → hmcts-opal-frontend-common-pages-sign-in.component-Ck69JvR1.mjs} +4 -4
- package/fesm2022/{hmcts-opal-frontend-common-pages-sign-in.component-DPtCip_V.mjs.map → hmcts-opal-frontend-common-pages-sign-in.component-Ck69JvR1.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-pipes-national-insurance.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-resolvers-title.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-resolvers-user-state.mjs +2 -2
- package/fesm2022/hmcts-opal-frontend-common-resolvers-user-state.mjs.map +1 -1
- 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-opal-user-service-interfaces.mjs +4 -0
- package/fesm2022/hmcts-opal-frontend-common-services-opal-user-service-interfaces.mjs.map +1 -0
- package/fesm2022/hmcts-opal-frontend-common-services-opal-user-service-mocks.mjs +164 -0
- package/fesm2022/hmcts-opal-frontend-common-services-opal-user-service-mocks.mjs.map +1 -0
- package/fesm2022/hmcts-opal-frontend-common-services-opal-user-service.mjs +46 -0
- package/fesm2022/hmcts-opal-frontend-common-services-opal-user-service.mjs.map +1 -0
- package/fesm2022/hmcts-opal-frontend-common-services-permissions-service.mjs +4 -4
- package/fesm2022/hmcts-opal-frontend-common-services-permissions-service.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-services-session-service-constants.mjs +0 -1
- package/fesm2022/hmcts-opal-frontend-common-services-session-service-constants.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-services-session-service-mocks.mjs +1 -387
- package/fesm2022/hmcts-opal-frontend-common-services-session-service-mocks.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-services-session-service.mjs +8 -36
- package/fesm2022/hmcts-opal-frontend-common-services-session-service.mjs.map +1 -1
- 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/fesm2022/hmcts-opal-frontend-common-stores-global.mjs.map +1 -1
- package/package.json +16 -1
- package/resolvers/user-state/index.d.ts +2 -2
- package/services/opal-user-service/index.d.ts +41 -0
- package/services/opal-user-service/interfaces/index.d.ts +25 -0
- package/services/opal-user-service/mocks/index.d.ts +9 -0
- package/services/permissions-service/index.d.ts +4 -4
- package/services/session-service/index.d.ts +3 -16
- package/services/session-service/interfaces/index.d.ts +1 -18
- package/services/session-service/mocks/index.d.ts +2 -4
- package/stores/global/index.d.ts +5 -4
|
@@ -15,10 +15,10 @@ class GovukSummaryListRowActionItemComponent {
|
|
|
15
15
|
event.preventDefault();
|
|
16
16
|
this.linkClick.emit(linkClicked);
|
|
17
17
|
}
|
|
18
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
19
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
18
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukSummaryListRowActionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: GovukSummaryListRowActionItemComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]", inputs: { actionName: "actionName", actionId: "actionId" }, outputs: { linkClick: "linkClick" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n href=\"#\"\n class=\"govuk-link govuk-link--no-visited-state\"\n [id]=\"actionId\"\n (click)=\"handleActionClick($event, actionId)\"\n (keyup.enter)=\"handleActionClick($event, actionId)\"\n tabindex=\"0\"\n>\n <strong>{{ actionName }}</strong\n ><span class=\"govuk-visually-hidden\">{{ actionName }}</span></a\n>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
20
20
|
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukSummaryListRowActionItemComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
23
|
args: [{ selector: 'opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n href=\"#\"\n class=\"govuk-link govuk-link--no-visited-state\"\n [id]=\"actionId\"\n (click)=\"handleActionClick($event, actionId)\"\n (keyup.enter)=\"handleActionClick($event, actionId)\"\n tabindex=\"0\"\n>\n <strong>{{ actionName }}</strong\n ><span class=\"govuk-visually-hidden\">{{ actionName }}</span></a\n>\n" }]
|
|
24
24
|
}], propDecorators: { actionName: [{
|
|
@@ -35,10 +35,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
|
|
|
35
35
|
}] } });
|
|
36
36
|
|
|
37
37
|
class GovukSummaryListRowActionsComponent {
|
|
38
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
39
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
38
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukSummaryListRowActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: GovukSummaryListRowActionsComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-actions", ngImport: i0, template: "<ul class=\"govuk-summary-list__actions-list govuk-body\">\n <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
40
40
|
}
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukSummaryListRowActionsComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
43
43
|
args: [{ selector: 'opal-lib-govuk-summary-list-row-actions', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"govuk-summary-list__actions-list govuk-body\">\n <ng-content></ng-content>\n</ul>\n" }]
|
|
44
44
|
}] });
|
|
@@ -69,10 +69,10 @@ class GovukSummaryListRowComponent {
|
|
|
69
69
|
this.id = this.summaryListId + this._summaryListRowId;
|
|
70
70
|
this.class = 'govuk-summary-list__row';
|
|
71
71
|
}
|
|
72
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
73
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
72
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukSummaryListRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
73
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: GovukSummaryListRowComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row, [opal-lib-govuk-summary-list-row]", inputs: { actionEnabled: "actionEnabled", summaryListId: "summaryListId", summaryListRowId: "summaryListRowId" }, outputs: { actionClick: "actionClick" }, host: { properties: { "class": "this.class", "id": "this.id" } }, ngImport: i0, template: "<dt class=\"govuk-summary-list__key\" [id]=\"summaryListId + _summaryListRowId + 'Key'\">\n <ng-content select=\"[name]\"></ng-content>\n</dt>\n\n<dd class=\"govuk-summary-list__value\" [id]=\"summaryListId + _summaryListRowId + 'Value'\">\n <ng-content select=\"[value]\"></ng-content>\n</dd>\n@if (actionEnabled) {\n <dd class=\"govuk-summary-list__actions\" [id]=\"summaryListId + _summaryListRowId + 'Actions'\">\n <a class=\"govuk-link\" href=\"#\" (click)=\"handleActionClick($event)\">\n <ng-content select=\"[action]\"></ng-content>\n </a>\n </dd>\n}\n", styles: [":host{display:table-row-group}.content-wrapper:empty{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
74
74
|
}
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukSummaryListRowComponent, decorators: [{
|
|
76
76
|
type: Component,
|
|
77
77
|
args: [{ selector: 'opal-lib-govuk-summary-list-row, [opal-lib-govuk-summary-list-row]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dt class=\"govuk-summary-list__key\" [id]=\"summaryListId + _summaryListRowId + 'Key'\">\n <ng-content select=\"[name]\"></ng-content>\n</dt>\n\n<dd class=\"govuk-summary-list__value\" [id]=\"summaryListId + _summaryListRowId + 'Value'\">\n <ng-content select=\"[value]\"></ng-content>\n</dd>\n@if (actionEnabled) {\n <dd class=\"govuk-summary-list__actions\" [id]=\"summaryListId + _summaryListRowId + 'Actions'\">\n <a class=\"govuk-link\" href=\"#\" (click)=\"handleActionClick($event)\">\n <ng-content select=\"[action]\"></ng-content>\n </a>\n </dd>\n}\n", styles: [":host{display:table-row-group}.content-wrapper:empty{display:none}\n"] }]
|
|
78
78
|
}], propDecorators: { actionClick: [{
|
|
@@ -96,10 +96,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
|
|
|
96
96
|
class GovukSummaryListComponent {
|
|
97
97
|
summaryListId;
|
|
98
98
|
classes;
|
|
99
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
100
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
99
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukSummaryListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
100
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: GovukSummaryListComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list", inputs: { summaryListId: "summaryListId", classes: "classes" }, ngImport: i0, template: "<dl class=\"govuk-summary-list {{ classes }}\" [id]=\"summaryListId\">\n <ng-content></ng-content>\n</dl>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
101
101
|
}
|
|
102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukSummaryListComponent, decorators: [{
|
|
103
103
|
type: Component,
|
|
104
104
|
args: [{ selector: 'opal-lib-govuk-summary-list', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dl class=\"govuk-summary-list {{ classes }}\" [id]=\"summaryListId\">\n <ng-content></ng-content>\n</dl>\n" }]
|
|
105
105
|
}], propDecorators: { summaryListId: [{
|
|
@@ -7,10 +7,10 @@ class GovukTableBodyRowDataComponent {
|
|
|
7
7
|
get hostId() {
|
|
8
8
|
return this.id;
|
|
9
9
|
}
|
|
10
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
11
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
10
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTableBodyRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: GovukTableBodyRowDataComponent, isStandalone: true, selector: "opal-lib-govuk-table-body-row-data, [opal-lib-govuk-table-body-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 });
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTableBodyRowDataComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{ selector: 'opal-lib-govuk-table-body-row-data, [opal-lib-govuk-table-body-row-data]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
|
|
16
16
|
}], propDecorators: { id: [{
|
|
@@ -29,10 +29,10 @@ class GovukTableBodyRowComponent {
|
|
|
29
29
|
get hostClass() {
|
|
30
30
|
return `govuk-table__row ${this.bodyRowClasses}`;
|
|
31
31
|
}
|
|
32
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
33
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
32
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTableBodyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: GovukTableBodyRowComponent, isStandalone: true, selector: "opal-lib-govuk-table-body-row, [opal-lib-govuk-table-body-row]", inputs: { bodyRowClasses: "bodyRowClasses" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTableBodyRowComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
37
|
args: [{ selector: 'opal-lib-govuk-table-body-row, [opal-lib-govuk-table-body-row]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
|
|
38
38
|
}], propDecorators: { bodyRowClasses: [{
|
|
@@ -48,10 +48,10 @@ class GovukTableHeadingComponent {
|
|
|
48
48
|
get hostScope() {
|
|
49
49
|
return 'col';
|
|
50
50
|
}
|
|
51
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
52
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
51
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTableHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: GovukTableHeadingComponent, isStandalone: true, selector: "opal-lib-govuk-table-heading, [opal-lib-govuk-table-heading]", host: { properties: { "class": "this.hostClass", "scope": "this.hostScope" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
53
53
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTableHeadingComponent, decorators: [{
|
|
55
55
|
type: Component,
|
|
56
56
|
args: [{ selector: 'opal-lib-govuk-table-heading, [opal-lib-govuk-table-heading]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
|
|
57
57
|
}], propDecorators: { hostClass: [{
|
|
@@ -64,10 +64,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
|
|
|
64
64
|
|
|
65
65
|
class GovukTableComponent {
|
|
66
66
|
tableClasses;
|
|
67
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
68
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
67
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
68
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: GovukTableComponent, isStandalone: true, selector: "opal-lib-govuk-table", inputs: { tableClasses: "tableClasses" }, ngImport: i0, template: "<table class=\"govuk-table {{ tableClasses }}\">\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=\"[body]\"></ng-content>\n <ng-content select=\"[results]\"></ng-content>\n </tbody>\n</table>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
69
69
|
}
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTableComponent, decorators: [{
|
|
71
71
|
type: Component,
|
|
72
72
|
args: [{ selector: 'opal-lib-govuk-table', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<table class=\"govuk-table {{ tableClasses }}\">\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=\"[body]\"></ng-content>\n <ng-content select=\"[results]\"></ng-content>\n </tbody>\n</table>\n" }]
|
|
73
73
|
}], propDecorators: { tableClasses: [{
|
package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-list-item.mjs
CHANGED
|
@@ -25,10 +25,10 @@ class GovukTabsListItemComponent {
|
|
|
25
25
|
event.preventDefault();
|
|
26
26
|
this.router.navigate(['./'], { relativeTo: this.route, fragment: item });
|
|
27
27
|
}
|
|
28
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
29
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
28
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTabsListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: GovukTabsListItemComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]", inputs: { tabItemId: "tabItemId", tabItemFragment: "tabItemFragment", activeTabItemFragment: "activeTabItemFragment" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<a\n class=\"govuk-tabs__tab\"\n (click)=\"handleItemClick($event, tabItemFragment)\"\n (keyup.enter)=\"handleItemClick($event, tabItemFragment)\"\n tabindex=\"0\"\n href=\"#\"\n>\n <ng-content [linkText]></ng-content>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
30
30
|
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTabsListItemComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
33
|
args: [{ selector: 'opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n class=\"govuk-tabs__tab\"\n (click)=\"handleItemClick($event, tabItemFragment)\"\n (keyup.enter)=\"handleItemClick($event, tabItemFragment)\"\n tabindex=\"0\"\n href=\"#\"\n>\n <ng-content [linkText]></ng-content>\n</a>\n" }]
|
|
34
34
|
}], propDecorators: { tabItemId: [{
|
package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-panel.mjs
CHANGED
|
@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
class GovukTabsPanelComponent {
|
|
5
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
6
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
5
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTabsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: GovukTabsPanelComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-panel", ngImport: i0, template: "<div class=\"govuk-tabs__panel\">\n <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTabsPanelComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{ selector: 'opal-lib-govuk-tabs-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-tabs__panel\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
11
11
|
}] });
|
|
@@ -33,10 +33,10 @@ class GovukTabsComponent {
|
|
|
33
33
|
this.ngUnsubscribe.next();
|
|
34
34
|
this.ngUnsubscribe.complete();
|
|
35
35
|
}
|
|
36
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
37
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
36
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: GovukTabsComponent, isStandalone: true, selector: "opal-lib-govuk-tabs", inputs: { tabId: "tabId" }, outputs: { activeTabFragmentChange: "activeTabFragmentChange" }, ngImport: i0, template: "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\" [id]=\"tabId\">\n <h2 class=\"govuk-tabs__title\">Contents</h2>\n <ul class=\"govuk-tabs__list\">\n <ng-content select=\"[tab-list-items]\"></ng-content>\n </ul>\n <ng-content select=\"[tab-panels]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
38
38
|
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTabsComponent, decorators: [{
|
|
40
40
|
type: Component,
|
|
41
41
|
args: [{ selector: 'opal-lib-govuk-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\" [id]=\"tabId\">\n <h2 class=\"govuk-tabs__title\">Contents</h2>\n <ul class=\"govuk-tabs__list\">\n <ng-content select=\"[tab-list-items]\"></ng-content>\n </ul>\n <ng-content select=\"[tab-panels]\"></ng-content>\n</div>\n" }]
|
|
42
42
|
}], propDecorators: { tabId: [{
|
|
@@ -4,10 +4,10 @@ import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
|
4
4
|
class GovukTagComponent {
|
|
5
5
|
tagId;
|
|
6
6
|
tagClasses;
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
8
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: GovukTagComponent, isStandalone: true, selector: "opal-lib-govuk-tag", inputs: { tagId: "tagId", tagClasses: "tagClasses" }, ngImport: i0, template: "<strong class=\"govuk-tag {{ tagClasses }}\" [id]=\"tagId\"> <ng-content></ng-content> </strong>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTagComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'opal-lib-govuk-tag', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<strong class=\"govuk-tag {{ tagClasses }}\" [id]=\"tagId\"> <ng-content></ng-content> </strong>\n" }]
|
|
13
13
|
}], propDecorators: { tagId: [{
|
|
@@ -5,10 +5,10 @@ class GovukTaskListItemComponent {
|
|
|
5
5
|
taskListItemId;
|
|
6
6
|
taskListStatusId;
|
|
7
7
|
taskListItemClasses;
|
|
8
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
9
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
8
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTaskListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: GovukTaskListItemComponent, isStandalone: true, selector: "opal-lib-govuk-task-list-item", inputs: { taskListItemId: "taskListItemId", taskListStatusId: "taskListStatusId", taskListItemClasses: "taskListItemClasses" }, ngImport: i0, template: "<li class=\"govuk-task-list__item {{ taskListItemClasses }}\" [id]=\"taskListItemId\" role=\"listitem\">\n <div class=\"govuk-task-list__name-and-hint\">\n <ng-content select=\"[name]\"></ng-content>\n </div>\n <div class=\"govuk-task-list__status\" [id]=\"taskListStatusId\">\n <ng-content select=\"[status]\"></ng-content>\n </div>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTaskListItemComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{ selector: 'opal-lib-govuk-task-list-item', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<li class=\"govuk-task-list__item {{ taskListItemClasses }}\" [id]=\"taskListItemId\" role=\"listitem\">\n <div class=\"govuk-task-list__name-and-hint\">\n <ng-content select=\"[name]\"></ng-content>\n </div>\n <div class=\"govuk-task-list__status\" [id]=\"taskListStatusId\">\n <ng-content select=\"[status]\"></ng-content>\n </div>\n</li>\n" }]
|
|
14
14
|
}], propDecorators: { taskListItemId: [{
|
|
@@ -25,10 +25,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
|
|
|
25
25
|
class GovukTaskListComponent {
|
|
26
26
|
taskListId;
|
|
27
27
|
taskListClasses;
|
|
28
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
29
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
28
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTaskListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: GovukTaskListComponent, isStandalone: true, selector: "opal-lib-govuk-task-list", inputs: { taskListId: "taskListId", taskListClasses: "taskListClasses" }, ngImport: i0, template: "<ul class=\"govuk-task-list {{ taskListClasses }}\" [id]=\"taskListId\" role=\"list\">\n <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
30
30
|
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTaskListComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
33
|
args: [{ selector: 'opal-lib-govuk-task-list', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"govuk-task-list {{ taskListClasses }}\" [id]=\"taskListId\" role=\"list\">\n <ng-content></ng-content>\n</ul>\n" }]
|
|
34
34
|
}], propDecorators: { taskListId: [{
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { Input, Component } from '@angular/core';
|
|
3
|
+
import { inject, DestroyRef, signal, computed, Input, Component } from '@angular/core';
|
|
4
|
+
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
4
5
|
import * as i1 from '@angular/forms';
|
|
5
6
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
6
7
|
|
|
7
8
|
class GovukTextAreaComponent {
|
|
9
|
+
destroyRef = inject(DestroyRef);
|
|
8
10
|
_control;
|
|
11
|
+
_controlValue = signal('', ...(ngDevMode ? [{ debugName: "_controlValue" }] : []));
|
|
12
|
+
remainingCharacterCount = computed(() => {
|
|
13
|
+
return this.maxCharacterLimit - this._controlValue().length;
|
|
14
|
+
}, ...(ngDevMode ? [{ debugName: "remainingCharacterCount" }] : []));
|
|
9
15
|
labelText;
|
|
10
16
|
labelClasses;
|
|
11
17
|
inputId;
|
|
@@ -18,21 +24,21 @@ class GovukTextAreaComponent {
|
|
|
18
24
|
characterCountEnabled = false;
|
|
19
25
|
maxCharacterLimit = 500;
|
|
20
26
|
set control(abstractControl) {
|
|
21
|
-
// Form controls are passed in as abstract controls, we need to re-cast it.
|
|
22
27
|
this._control = abstractControl;
|
|
28
|
+
this._controlValue.set(this._control.value ?? '');
|
|
29
|
+
this._control.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value) => {
|
|
30
|
+
this._controlValue.set(value ?? '');
|
|
31
|
+
});
|
|
23
32
|
}
|
|
24
33
|
get getControl() {
|
|
25
34
|
return this._control;
|
|
26
35
|
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}
|
|
30
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: GovukTextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: GovukTextAreaComponent, isStandalone: true, selector: "opal-lib-govuk-text-area", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", inputMode: "inputMode", errors: "errors", rows: "rows", characterCountEnabled: "characterCountEnabled", maxCharacterLimit: "maxCharacterLimit", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group govuk-character-count\" [class.govuk-form-group--error]=\"!!errors\">\n <h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n {{ labelText }}\n </label>\n </h1>\n @if (hintText) {\n <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n {{ hintText }}\n </div>\n }\n\n @if (errors) {\n <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n </p>\n }\n\n <textarea\n class=\"govuk-textarea {{ inputClasses }}\"\n [id]=\"inputId\"\n [name]=\"inputName\"\n type=\"text\"\n [rows]=\"rows\"\n [formControl]=\"getControl\"\n [inputMode]=\"inputMode\"\n [maxlength]=\"maxCharacterLimit\"\n ></textarea>\n @if (characterCountEnabled) {\n <div [id]=\"inputId + '-hint'\" class=\"govuk-hint\">\n You have {{ remainingCharacterCount }} character{{ remainingCharacterCount === 1 ? '' : 's' }} remaining\n </div>\n }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
36
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: GovukTextAreaComponent, isStandalone: true, selector: "opal-lib-govuk-text-area", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", inputMode: "inputMode", errors: "errors", rows: "rows", characterCountEnabled: "characterCountEnabled", maxCharacterLimit: "maxCharacterLimit", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group govuk-character-count\" [class.govuk-form-group--error]=\"!!errors\">\n <h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n {{ labelText }}\n </label>\n </h1>\n @if (hintText) {\n <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n {{ hintText }}\n </div>\n }\n\n @if (errors) {\n <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n </p>\n }\n\n <textarea\n class=\"govuk-textarea {{ inputClasses }}\"\n [id]=\"inputId\"\n [name]=\"inputName\"\n type=\"text\"\n [rows]=\"rows\"\n [formControl]=\"getControl\"\n [inputMode]=\"inputMode\"\n [maxlength]=\"maxCharacterLimit\"\n ></textarea>\n @if (characterCountEnabled) {\n <div [id]=\"inputId + '-hint'\" class=\"govuk-hint\">\n You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n </div>\n }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
32
38
|
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTextAreaComponent, decorators: [{
|
|
34
40
|
type: Component,
|
|
35
|
-
args: [{ selector: 'opal-lib-govuk-text-area', imports: [CommonModule, ReactiveFormsModule], template: "<div class=\"govuk-form-group govuk-character-count\" [class.govuk-form-group--error]=\"!!errors\">\n <h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n {{ labelText }}\n </label>\n </h1>\n @if (hintText) {\n <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n {{ hintText }}\n </div>\n }\n\n @if (errors) {\n <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n </p>\n }\n\n <textarea\n class=\"govuk-textarea {{ inputClasses }}\"\n [id]=\"inputId\"\n [name]=\"inputName\"\n type=\"text\"\n [rows]=\"rows\"\n [formControl]=\"getControl\"\n [inputMode]=\"inputMode\"\n [maxlength]=\"maxCharacterLimit\"\n ></textarea>\n @if (characterCountEnabled) {\n <div [id]=\"inputId + '-hint'\" class=\"govuk-hint\">\n You have {{ remainingCharacterCount }} character{{ remainingCharacterCount === 1 ? '' : 's' }} remaining\n </div>\n }\n</div>\n" }]
|
|
41
|
+
args: [{ selector: 'opal-lib-govuk-text-area', imports: [CommonModule, ReactiveFormsModule], template: "<div class=\"govuk-form-group govuk-character-count\" [class.govuk-form-group--error]=\"!!errors\">\n <h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n {{ labelText }}\n </label>\n </h1>\n @if (hintText) {\n <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n {{ hintText }}\n </div>\n }\n\n @if (errors) {\n <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n </p>\n }\n\n <textarea\n class=\"govuk-textarea {{ inputClasses }}\"\n [id]=\"inputId\"\n [name]=\"inputName\"\n type=\"text\"\n [rows]=\"rows\"\n [formControl]=\"getControl\"\n [inputMode]=\"inputMode\"\n [maxlength]=\"maxCharacterLimit\"\n ></textarea>\n @if (characterCountEnabled) {\n <div [id]=\"inputId + '-hint'\" class=\"govuk-hint\">\n You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n </div>\n }\n</div>\n" }]
|
|
36
42
|
}], propDecorators: { labelText: [{
|
|
37
43
|
type: Input,
|
|
38
44
|
args: [{ required: true }]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-text-area.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-text-area/govuk-text-area.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-text-area/govuk-text-area.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-text-area/hmcts-opal-frontend-common-components-govuk-govuk-text-area.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { AbstractControl, FormControl, ReactiveFormsModule } from '@angular/forms';\n
|
|
1
|
+
{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-text-area.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-text-area/govuk-text-area.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-text-area/govuk-text-area.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-text-area/hmcts-opal-frontend-common-components-govuk-govuk-text-area.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, computed, DestroyRef, inject, Input, signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { AbstractControl, FormControl, ReactiveFormsModule } from '@angular/forms';\n@Component({\n selector: 'opal-lib-govuk-text-area',\n imports: [CommonModule, ReactiveFormsModule],\n templateUrl: './govuk-text-area.component.html',\n styles: ``,\n})\nexport class GovukTextAreaComponent {\n private readonly destroyRef = inject(DestroyRef);\n private _control!: FormControl;\n private readonly _controlValue = signal<string>('');\n\n protected readonly remainingCharacterCount = computed(() => {\n return this.maxCharacterLimit - this._controlValue().length;\n });\n\n @Input({ required: true }) labelText!: string;\n @Input({ required: false }) labelClasses!: string;\n @Input({ required: true }) inputId!: string;\n @Input({ required: true }) inputName!: string;\n @Input({ required: false }) inputClasses!: string;\n @Input({ required: false }) hintText!: string;\n @Input({ required: false }) inputMode: string = 'text';\n @Input({ required: false }) errors: string | null = null;\n @Input({ required: false }) rows: number = 5;\n @Input({ required: false }) characterCountEnabled: boolean = false;\n @Input({ required: false }) maxCharacterLimit: number = 500;\n @Input({ required: true }) set control(abstractControl: AbstractControl | null) {\n this._control = abstractControl as FormControl;\n\n this._controlValue.set(this._control.value ?? '');\n\n this._control.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value) => {\n this._controlValue.set(value ?? '');\n });\n }\n get getControl() {\n return this._control;\n }\n}\n","<div class=\"govuk-form-group govuk-character-count\" [class.govuk-form-group--error]=\"!!errors\">\n <h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n {{ labelText }}\n </label>\n </h1>\n @if (hintText) {\n <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n {{ hintText }}\n </div>\n }\n\n @if (errors) {\n <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n </p>\n }\n\n <textarea\n class=\"govuk-textarea {{ inputClasses }}\"\n [id]=\"inputId\"\n [name]=\"inputName\"\n type=\"text\"\n [rows]=\"rows\"\n [formControl]=\"getControl\"\n [inputMode]=\"inputMode\"\n [maxlength]=\"maxCharacterLimit\"\n ></textarea>\n @if (characterCountEnabled) {\n <div [id]=\"inputId + '-hint'\" class=\"govuk-hint\">\n You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n </div>\n }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAUa,sBAAsB,CAAA;AAChB,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AACxC,IAAA,QAAQ;AACC,IAAA,aAAa,GAAG,MAAM,CAAS,EAAE,yDAAC;AAEhC,IAAA,uBAAuB,GAAG,QAAQ,CAAC,MAAK;QACzD,OAAO,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM;AAC7D,IAAA,CAAC,mEAAC;AAEyB,IAAA,SAAS;AACR,IAAA,YAAY;AACb,IAAA,OAAO;AACP,IAAA,SAAS;AACR,IAAA,YAAY;AACZ,IAAA,QAAQ;IACR,SAAS,GAAW,MAAM;IAC1B,MAAM,GAAkB,IAAI;IAC5B,IAAI,GAAW,CAAC;IAChB,qBAAqB,GAAY,KAAK;IACtC,iBAAiB,GAAW,GAAG;IAC3D,IAA+B,OAAO,CAAC,eAAuC,EAAA;AAC5E,QAAA,IAAI,CAAC,QAAQ,GAAG,eAA8B;AAE9C,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC;QAEjD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;YACvF,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC;AACrC,QAAA,CAAC,CAAC;IACJ;AACA,IAAA,IAAI,UAAU,GAAA;QACZ,OAAO,IAAI,CAAC,QAAQ;IACtB;uGA/BW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVnC,4iCAkCA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED5BY,YAAY,8BAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,4EAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIhC,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,EAAA,OAAA,EAC3B,CAAC,YAAY,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAAA,4iCAAA,EAAA;8BAajB,SAAS,EAAA,CAAA;sBAAnC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACG,YAAY,EAAA,CAAA;sBAAvC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACC,OAAO,EAAA,CAAA;sBAAjC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACE,SAAS,EAAA,CAAA;sBAAnC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACG,YAAY,EAAA,CAAA;sBAAvC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,QAAQ,EAAA,CAAA;sBAAnC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,SAAS,EAAA,CAAA;sBAApC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,MAAM,EAAA,CAAA;sBAAjC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,IAAI,EAAA,CAAA;sBAA/B,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,qBAAqB,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,iBAAiB,EAAA,CAAA;sBAA5C,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACK,OAAO,EAAA,CAAA;sBAArC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;AE9B3B;;AAEG;;;;"}
|
package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-text-input-prefix-suffix.mjs
CHANGED
|
@@ -37,10 +37,10 @@ class GovukTextInputPrefixSuffixComponent {
|
|
|
37
37
|
get getControl() {
|
|
38
38
|
return this._control;
|
|
39
39
|
}
|
|
40
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
41
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
40
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTextInputPrefixSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
41
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: GovukTextInputPrefixSuffixComponent, isStandalone: true, selector: "opal-lib-govuk-text-input-prefix-suffix", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", errors: "errors", prefixText: "prefixText", suffixText: "suffixText", forceTwoDecimalPoints: "forceTwoDecimalPoints", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n @if (errors) {\n <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n </p>\n }\n <div class=\"govuk-input__wrapper\">\n @if (prefixText) {\n <div class=\"govuk-input__prefix\" aria-hidden=\"true\">{{ prefixText }}</div>\n }\n <input\n class=\"govuk-input {{ inputClasses }}\"\n [id]=\"inputId\"\n [name]=\"inputName\"\n type=\"text\"\n [formControl]=\"getControl\"\n (blur)=\"forceTwoDecimalPoints && onBlurFormatToTwoDecimalPlaces()\"\n />\n @if (suffixText) {\n <div class=\"govuk-input__suffix\" aria-hidden=\"true\">{{ suffixText }}</div>\n }\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
42
42
|
}
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTextInputPrefixSuffixComponent, decorators: [{
|
|
44
44
|
type: Component,
|
|
45
45
|
args: [{ selector: 'opal-lib-govuk-text-input-prefix-suffix', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n @if (errors) {\n <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n </p>\n }\n <div class=\"govuk-input__wrapper\">\n @if (prefixText) {\n <div class=\"govuk-input__prefix\" aria-hidden=\"true\">{{ prefixText }}</div>\n }\n <input\n class=\"govuk-input {{ inputClasses }}\"\n [id]=\"inputId\"\n [name]=\"inputName\"\n type=\"text\"\n [formControl]=\"getControl\"\n (blur)=\"forceTwoDecimalPoints && onBlurFormatToTwoDecimalPlaces()\"\n />\n @if (suffixText) {\n <div class=\"govuk-input__suffix\" aria-hidden=\"true\">{{ suffixText }}</div>\n }\n </div>\n</div>\n" }]
|
|
46
46
|
}], propDecorators: { labelText: [{
|
|
@@ -21,10 +21,10 @@ class GovukTextInputComponent {
|
|
|
21
21
|
get getControl() {
|
|
22
22
|
return this._control;
|
|
23
23
|
}
|
|
24
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
25
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
24
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: GovukTextInputComponent, isStandalone: true, selector: "opal-lib-govuk-text-input", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", hintHtml: "hintHtml", errors: "errors", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n <h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n {{ labelText }}\n </label>\n </h1>\n @if (hintText) {\n <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n {{ hintText }}\n </div>\n }\n\n @if (hintHtml) {\n <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\"><ng-content></ng-content></div>\n }\n\n @if (errors) {\n <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n </p>\n }\n\n <input\n class=\"govuk-input {{ inputClasses }}\"\n [id]=\"inputId\"\n [name]=\"inputName\"\n type=\"text\"\n [formControl]=\"getControl\"\n />\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
26
26
|
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GovukTextInputComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
29
|
args: [{ selector: 'opal-lib-govuk-text-input', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n <h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n {{ labelText }}\n </label>\n </h1>\n @if (hintText) {\n <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n {{ hintText }}\n </div>\n }\n\n @if (hintHtml) {\n <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\"><ng-content></ng-content></div>\n }\n\n @if (errors) {\n <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n </p>\n }\n\n <input\n class=\"govuk-input {{ inputClasses }}\"\n [id]=\"inputId\"\n [name]=\"inputName\"\n type=\"text\"\n [formControl]=\"getControl\"\n />\n</div>\n" }]
|
|
30
30
|
}], propDecorators: { labelText: [{
|
|
@@ -5,10 +5,10 @@ class HodLoadingSpinnerComponent {
|
|
|
5
5
|
spinnerId;
|
|
6
6
|
hostClasses = 'hods-loading-spinner';
|
|
7
7
|
role = 'status';
|
|
8
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
9
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
8
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HodLoadingSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: HodLoadingSpinnerComponent, isStandalone: true, selector: "opal-lib-hod-loading-spinner, [opal-lib-hod-loading-spinner]", inputs: { spinnerId: "spinnerId" }, host: { properties: { "class": "this.hostClasses", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"hods-loading-spinner__spinner\"></div>\n<div class=\"hods-loading-spinner__content\">\n <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HodLoadingSpinnerComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{ selector: 'opal-lib-hod-loading-spinner, [opal-lib-hod-loading-spinner]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"hods-loading-spinner__spinner\"></div>\n<div class=\"hods-loading-spinner__content\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
14
14
|
}], propDecorators: { spinnerId: [{
|
|
@@ -18,10 +18,10 @@ class MojAlertDismissComponent {
|
|
|
18
18
|
}
|
|
19
19
|
this.dismiss.emit();
|
|
20
20
|
}
|
|
21
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
22
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojAlertDismissComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: MojAlertDismissComponent, isStandalone: true, selector: "opal-lib-moj-alert-dismiss", outputs: { dismiss: "dismiss" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<button class=\"moj-alert__dismiss\" (click)=\"dismissAlert($event)\" (keyup.enter)=\"dismissAlert($event)\">Dismiss</button>\n" });
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojAlertDismissComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
26
|
args: [{ selector: 'opal-lib-moj-alert-dismiss', imports: [], template: "<button class=\"moj-alert__dismiss\" (click)=\"dismissAlert($event)\" (keyup.enter)=\"dismissAlert($event)\">Dismiss</button>\n" }]
|
|
27
27
|
}], propDecorators: { hostClass: [{
|
|
@@ -55,10 +55,10 @@ class MojAlertComponent {
|
|
|
55
55
|
this.isVisible = false;
|
|
56
56
|
this.dismissed.emit();
|
|
57
57
|
}
|
|
58
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
59
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
58
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
59
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: MojAlertComponent, isStandalone: true, selector: "opal-lib-moj-alert, [opal-lib-moj-alert]", inputs: { ariaLabel: "ariaLabel", type: "type", showDismiss: "showDismiss" }, outputs: { dismissed: "dismissed" }, host: { properties: { "class": "this.hostClass", "attr.aria-label": "this.computedAriaLabel", "attr.data-module": "this.dataModule" } }, ngImport: i0, template: "@if (isVisible) {\n <ng-content select=\"[icon]\"></ng-content>\n <ng-content select=\"[content]\"></ng-content>\n\n @if (showDismiss) {\n <opal-lib-moj-alert-dismiss (dismiss)=\"dismiss()\"></opal-lib-moj-alert-dismiss>\n }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MojAlertDismissComponent, selector: "opal-lib-moj-alert-dismiss", outputs: ["dismiss"] }] });
|
|
60
60
|
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojAlertComponent, decorators: [{
|
|
62
62
|
type: Component,
|
|
63
63
|
args: [{ selector: 'opal-lib-moj-alert, [opal-lib-moj-alert]', imports: [CommonModule, MojAlertDismissComponent], template: "@if (isVisible) {\n <ng-content select=\"[icon]\"></ng-content>\n <ng-content select=\"[content]\"></ng-content>\n\n @if (showDismiss) {\n <opal-lib-moj-alert-dismiss (dismiss)=\"dismiss()\"></opal-lib-moj-alert-dismiss>\n }\n}\n" }]
|
|
64
64
|
}], propDecorators: { ariaLabel: [{
|
|
@@ -142,10 +142,10 @@ class MojAlertPathDirective {
|
|
|
142
142
|
svg.appendChild(path);
|
|
143
143
|
});
|
|
144
144
|
}
|
|
145
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
146
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
145
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojAlertPathDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
146
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: MojAlertPathDirective, isStandalone: true, selector: "[opalLibMojAlertSortIcon]", inputs: { type: ["opalLibMojAlertSortIcon", "type"] }, usesOnChanges: true, ngImport: i0 });
|
|
147
147
|
}
|
|
148
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojAlertPathDirective, decorators: [{
|
|
149
149
|
type: Directive,
|
|
150
150
|
args: [{
|
|
151
151
|
selector: '[opalLibMojAlertSortIcon]',
|
|
@@ -158,10 +158,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
|
|
|
158
158
|
|
|
159
159
|
class MojAlertIconComponent {
|
|
160
160
|
type = 'information';
|
|
161
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
162
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
161
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojAlertIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
162
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: MojAlertIconComponent, isStandalone: true, selector: "opal-lib-moj-alert-icon", inputs: { type: "type" }, ngImport: i0, template: "<svg\n [opalLibMojAlertSortIcon]=\"type\"\n class=\"moj-alert__icon\"\n role=\"presentation\"\n focusable=\"false\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 30 30\"\n height=\"30\"\n width=\"30\"\n fill=\"currentColor\"\n></svg>\n", dependencies: [{ kind: "directive", type: MojAlertPathDirective, selector: "[opalLibMojAlertSortIcon]", inputs: ["opalLibMojAlertSortIcon"] }] });
|
|
163
163
|
}
|
|
164
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
164
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojAlertIconComponent, decorators: [{
|
|
165
165
|
type: Component,
|
|
166
166
|
args: [{ selector: 'opal-lib-moj-alert-icon', imports: [MojAlertPathDirective], template: "<svg\n [opalLibMojAlertSortIcon]=\"type\"\n class=\"moj-alert__icon\"\n role=\"presentation\"\n focusable=\"false\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 30 30\"\n height=\"30\"\n width=\"30\"\n fill=\"currentColor\"\n></svg>\n" }]
|
|
167
167
|
}], propDecorators: { type: [{
|
|
@@ -171,10 +171,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
|
|
|
171
171
|
|
|
172
172
|
class MojAlertHeadingComponent {
|
|
173
173
|
hostClass = 'moj-alert__heading';
|
|
174
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
175
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
174
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojAlertHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
175
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: MojAlertHeadingComponent, isStandalone: true, selector: "opal-lib-moj-alert-content-heading", host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
176
176
|
}
|
|
177
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojAlertHeadingComponent, decorators: [{
|
|
178
178
|
type: Component,
|
|
179
179
|
args: [{ selector: 'opal-lib-moj-alert-content-heading', imports: [], template: "<ng-content></ng-content>\n" }]
|
|
180
180
|
}], propDecorators: { hostClass: [{
|
|
@@ -184,10 +184,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
|
|
|
184
184
|
|
|
185
185
|
class MojAlertContentComponent {
|
|
186
186
|
hostClass = 'moj-alert__content';
|
|
187
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
188
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
187
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojAlertContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
188
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: MojAlertContentComponent, isStandalone: true, selector: "opal-lib-moj-alert-content", host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
189
189
|
}
|
|
190
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojAlertContentComponent, decorators: [{
|
|
191
191
|
type: Component,
|
|
192
192
|
args: [{ selector: 'opal-lib-moj-alert-content', imports: [], template: "<ng-content></ng-content>\n" }]
|
|
193
193
|
}], propDecorators: { hostClass: [{
|
|
@@ -196,10 +196,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
|
|
|
196
196
|
}] } });
|
|
197
197
|
|
|
198
198
|
class MojAlertTextComponent {
|
|
199
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
200
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
199
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojAlertTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
200
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: MojAlertTextComponent, isStandalone: true, selector: "opal-lib-moj-alert-content-text", ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
201
201
|
}
|
|
202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojAlertTextComponent, decorators: [{
|
|
203
203
|
type: Component,
|
|
204
204
|
args: [{ selector: 'opal-lib-moj-alert-content-text', imports: [], template: "<ng-content></ng-content>\n" }]
|
|
205
205
|
}] });
|
|
@@ -4,10 +4,10 @@ import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
|
4
4
|
class MojBadgeComponent {
|
|
5
5
|
badgeId;
|
|
6
6
|
badgeClasses;
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
8
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: MojBadgeComponent, isStandalone: true, selector: "opal-lib-moj-badge", inputs: { badgeId: "badgeId", badgeClasses: "badgeClasses" }, ngImport: i0, template: "<span class=\"moj-badge {{ badgeClasses }}\" [id]=\"badgeId\"><ng-content></ng-content> </span>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojBadgeComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'opal-lib-moj-badge', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"moj-badge {{ badgeClasses }}\" [id]=\"badgeId\"><ng-content></ng-content> </span>\n" }]
|
|
13
13
|
}], propDecorators: { badgeId: [{
|
package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-button-menu-moj-button-menu-item.mjs
CHANGED
|
@@ -8,10 +8,10 @@ class MojButtonMenuItemComponent {
|
|
|
8
8
|
event.preventDefault();
|
|
9
9
|
this.actionClick.emit();
|
|
10
10
|
}
|
|
11
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
12
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
11
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojButtonMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: MojButtonMenuItemComponent, isStandalone: true, selector: "opal-lib-moj-button-menu-item", inputs: { itemText: "itemText" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<li>\n <a\n href=\"#\"\n role=\"link\"\n draggable=\"false\"\n class=\"moj-button-menu__item\"\n data-module=\"govuk-button\"\n data-secondary=\"true\"\n data-govuk-button-init=\"\"\n tabindex=\"-1\"\n (click)=\"handleClick($event)\"\n >\n {{ itemText }}\n </a>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13
13
|
}
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MojButtonMenuItemComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'opal-lib-moj-button-menu-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<li>\n <a\n href=\"#\"\n role=\"link\"\n draggable=\"false\"\n class=\"moj-button-menu__item\"\n data-module=\"govuk-button\"\n data-secondary=\"true\"\n data-govuk-button-init=\"\"\n tabindex=\"-1\"\n (click)=\"handleClick($event)\"\n >\n {{ itemText }}\n </a>\n</li>\n" }]
|
|
17
17
|
}], propDecorators: { itemText: [{
|