@hmcts/opal-frontend-common 0.0.39 → 0.0.41
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/abstract/abstract-form-base/index.d.ts +51 -1
- package/fesm2022/hmcts-opal-frontend-common-access-denied.component-G2a2VrN1.mjs +21 -0
- package/fesm2022/hmcts-opal-frontend-common-access-denied.component-G2a2VrN1.mjs.map +1 -0
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-alias-base.mjs +7 -7
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-alias-base.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-array-base.mjs +6 -6
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-array-base.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-array-parent-base.mjs +4 -4
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-array-parent-base.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-array-removal-base.mjs +6 -6
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-array-removal-base.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-base.mjs +102 -28
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-base.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-parent-base.mjs +1 -1
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-parent-base.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-nested-form-base.mjs +13 -11
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-nested-form-base.mjs.map +1 -1
- 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 +5 -5
- package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-sortable-table.mjs.map +1 -1
- 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 +4 -4
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-pagination.mjs.map +1 -1
- 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 +3 -3
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-text-input-prefix-suffix.mjs +5 -5
- package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-text-input-prefix-suffix.mjs.map +1 -1
- 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 +25 -25
- package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-alert.mjs.map +1 -1
- 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 +21 -21
- 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-govuk-button.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-guards-auth.mjs +1 -1
- package/fesm2022/hmcts-opal-frontend-common-guards-auth.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-interceptors-http-error.mjs +1 -1
- package/fesm2022/hmcts-opal-frontend-common-interceptors-http-error.mjs.map +1 -1
- package/fesm2022/{hmcts-opal-frontend-common-pages-access-denied.component-hiZGRfTW.mjs → hmcts-opal-frontend-common-pages-access-denied.component-G2a2VrN1.mjs} +4 -4
- package/fesm2022/{hmcts-opal-frontend-common-pages-access-denied.component-hiZGRfTW.mjs.map → hmcts-opal-frontend-common-pages-access-denied.component-G2a2VrN1.mjs.map} +1 -1
- package/fesm2022/{hmcts-opal-frontend-common-pages-sign-in-stub.component-DvotrIUM.mjs → hmcts-opal-frontend-common-pages-sign-in-stub.component-BWBYkTKY.mjs} +4 -4
- package/fesm2022/{hmcts-opal-frontend-common-pages-sign-in-stub.component-DvotrIUM.mjs.map → hmcts-opal-frontend-common-pages-sign-in-stub.component-BWBYkTKY.mjs.map} +1 -1
- package/fesm2022/{hmcts-opal-frontend-common-pages-sign-in.component-Ck69JvR1.mjs → hmcts-opal-frontend-common-pages-sign-in.component-CpP-17NX.mjs} +4 -4
- package/fesm2022/{hmcts-opal-frontend-common-pages-sign-in.component-Ck69JvR1.mjs.map → hmcts-opal-frontend-common-pages-sign-in.component-CpP-17NX.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 +4 -4
- package/fesm2022/hmcts-opal-frontend-common-pipes-national-insurance.mjs.map +1 -1
- 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 -4
- package/fesm2022/hmcts-opal-frontend-common-services-launch-darkly-service.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-services-opal-user-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 +4 -4
- package/fesm2022/hmcts-opal-frontend-common-services-utils-service.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-sign-in-stub.component-BWBYkTKY.mjs +42 -0
- package/fesm2022/hmcts-opal-frontend-common-sign-in-stub.component-BWBYkTKY.mjs.map +1 -0
- package/fesm2022/hmcts-opal-frontend-common-sign-in.component-BsRXmHT1.mjs +28 -0
- package/fesm2022/hmcts-opal-frontend-common-sign-in.component-BsRXmHT1.mjs.map +1 -0
- package/fesm2022/hmcts-opal-frontend-common-validators-amount.mjs +1 -1
- package/fesm2022/hmcts-opal-frontend-common-validators-amount.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-validators-date-of-birth.mjs +1 -1
- package/fesm2022/hmcts-opal-frontend-common-validators-date-of-birth.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-validators-invalid-value.mjs +1 -1
- package/fesm2022/hmcts-opal-frontend-common-validators-invalid-value.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-validators-national-insurance-number.mjs +1 -1
- package/fesm2022/hmcts-opal-frontend-common-validators-national-insurance-number.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-validators-optional-valid-date.mjs +3 -3
- package/fesm2022/hmcts-opal-frontend-common-validators-optional-valid-date.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-validators-optional-valid-telephone.mjs +1 -1
- package/fesm2022/hmcts-opal-frontend-common-validators-optional-valid-telephone.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common-validators-valid-value.mjs +1 -1
- package/fesm2022/hmcts-opal-frontend-common-validators-valid-value.mjs.map +1 -1
- package/fesm2022/hmcts-opal-frontend-common.mjs +65 -0
- package/fesm2022/hmcts-opal-frontend-common.mjs.map +1 -1
- package/index.d.ts +22 -1
- package/package.json +1 -1
|
@@ -20,10 +20,10 @@ class GovukDateInputComponent {
|
|
|
20
20
|
get getGroup() {
|
|
21
21
|
return this._group;
|
|
22
22
|
}
|
|
23
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
24
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukDateInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GovukDateInputComponent, isStandalone: true, selector: "opal-lib-govuk-date-input", inputs: { fieldSetId: "fieldSetId", legendText: "legendText", legendHint: "legendHint", legendClasses: "legendClasses", errorDay: "errorDay", errorMonth: "errorMonth", errorYear: "errorYear", dateInputs: "dateInputs", group: "group" }, ngImport: i0, template: "<div\n class=\"govuk-form-group\"\n [formGroup]=\"getGroup\"\n [class.govuk-form-group--error]=\"!!errorDay || !!errorMonth || !!errorYear\"\n>\n <fieldset class=\"govuk-fieldset\" role=\"group\" [id]=\"fieldSetId\">\n <legend\n class=\"govuk-fieldset__legend {{ legendClasses }}\"\n [attr.describedby]=\"legendHint ? fieldSetId + 'Hint' : ''\"\n >\n {{ legendText }}\n </legend>\n @if (legendHint) {\n <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n {{ legendHint }}\n </div>\n }\n @if (errorDay || errorMonth || errorYear) {\n <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errorDay || errorMonth || errorYear }}\n </p>\n }\n <div class=\"govuk-date-input\" id=\"passport-issued\">\n <div class=\"govuk-date-input__item\">\n <div class=\"govuk-form-group\">\n <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.day.inputId\">\n {{ dateInputs.day.inputLabel }}\n </label>\n <input\n class=\"govuk-input govuk-date-input__input {{ dateInputs.day.inputClasses }}\"\n [class.govuk-input--error]=\"errorDay && errorDay !== null\"\n [id]=\"dateInputs.day.inputId\"\n [name]=\"dateInputs.day.inputName\"\n type=\"text\"\n inputmode=\"numeric\"\n formControlName=\"{{ dateInputs.day.inputId }}\"\n />\n </div>\n </div>\n <div class=\"govuk-date-input__item\">\n <div class=\"govuk-form-group\">\n <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.month.inputId\">\n {{ dateInputs.month.inputLabel }}\n </label>\n <input\n class=\"govuk-input govuk-date-input__input {{ dateInputs.month.inputClasses }}\"\n [class.govuk-input--error]=\"errorMonth && errorMonth !== null\"\n [id]=\"dateInputs.month.inputId\"\n [name]=\"dateInputs.month.inputName\"\n type=\"text\"\n inputmode=\"numeric\"\n formControlName=\"{{ dateInputs.month.inputId }}\"\n />\n </div>\n </div>\n <div class=\"govuk-date-input__item\">\n <div class=\"govuk-form-group\">\n <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.year.inputId\">\n {{ dateInputs.year.inputLabel }}\n </label>\n <input\n class=\"govuk-input govuk-date-input__input {{ dateInputs.year.inputClasses }}\"\n [class.govuk-input--error]=\"errorYear && errorYear !== null\"\n [id]=\"dateInputs.year.inputId\"\n [name]=\"dateInputs.year.inputName\"\n type=\"text\"\n inputmode=\"numeric\"\n formControlName=\"{{ dateInputs.year.inputId }}\"\n />\n </div>\n </div>\n </div>\n </fieldset>\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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
25
25
|
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukDateInputComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
28
|
args: [{ selector: 'opal-lib-govuk-date-input', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"govuk-form-group\"\n [formGroup]=\"getGroup\"\n [class.govuk-form-group--error]=\"!!errorDay || !!errorMonth || !!errorYear\"\n>\n <fieldset class=\"govuk-fieldset\" role=\"group\" [id]=\"fieldSetId\">\n <legend\n class=\"govuk-fieldset__legend {{ legendClasses }}\"\n [attr.describedby]=\"legendHint ? fieldSetId + 'Hint' : ''\"\n >\n {{ legendText }}\n </legend>\n @if (legendHint) {\n <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n {{ legendHint }}\n </div>\n }\n @if (errorDay || errorMonth || errorYear) {\n <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errorDay || errorMonth || errorYear }}\n </p>\n }\n <div class=\"govuk-date-input\" id=\"passport-issued\">\n <div class=\"govuk-date-input__item\">\n <div class=\"govuk-form-group\">\n <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.day.inputId\">\n {{ dateInputs.day.inputLabel }}\n </label>\n <input\n class=\"govuk-input govuk-date-input__input {{ dateInputs.day.inputClasses }}\"\n [class.govuk-input--error]=\"errorDay && errorDay !== null\"\n [id]=\"dateInputs.day.inputId\"\n [name]=\"dateInputs.day.inputName\"\n type=\"text\"\n inputmode=\"numeric\"\n formControlName=\"{{ dateInputs.day.inputId }}\"\n />\n </div>\n </div>\n <div class=\"govuk-date-input__item\">\n <div class=\"govuk-form-group\">\n <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.month.inputId\">\n {{ dateInputs.month.inputLabel }}\n </label>\n <input\n class=\"govuk-input govuk-date-input__input {{ dateInputs.month.inputClasses }}\"\n [class.govuk-input--error]=\"errorMonth && errorMonth !== null\"\n [id]=\"dateInputs.month.inputId\"\n [name]=\"dateInputs.month.inputName\"\n type=\"text\"\n inputmode=\"numeric\"\n formControlName=\"{{ dateInputs.month.inputId }}\"\n />\n </div>\n </div>\n <div class=\"govuk-date-input__item\">\n <div class=\"govuk-form-group\">\n <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.year.inputId\">\n {{ dateInputs.year.inputLabel }}\n </label>\n <input\n class=\"govuk-input govuk-date-input__input {{ dateInputs.year.inputClasses }}\"\n [class.govuk-input--error]=\"errorYear && errorYear !== null\"\n [id]=\"dateInputs.year.inputId\"\n [name]=\"dateInputs.year.inputName\"\n type=\"text\"\n inputmode=\"numeric\"\n formControlName=\"{{ dateInputs.year.inputId }}\"\n />\n </div>\n </div>\n </div>\n </fieldset>\n</div>\n" }]
|
|
29
29
|
}], propDecorators: { fieldSetId: [{
|
|
@@ -3,10 +3,10 @@ import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
|
3
3
|
|
|
4
4
|
class GovukDetailsComponent {
|
|
5
5
|
summaryText;
|
|
6
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
6
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: GovukDetailsComponent, isStandalone: true, selector: "opal-lib-govuk-details", inputs: { summaryText: "summaryText" }, ngImport: i0, template: "<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\"> {{ summaryText }} </span>\n </summary>\n <div class=\"govuk-details__text\">\n <ng-content></ng-content>\n </div>\n</details>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8
8
|
}
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukDetailsComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
11
|
args: [{ selector: 'opal-lib-govuk-details', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\"> {{ summaryText }} </span>\n </summary>\n <div class=\"govuk-details__text\">\n <ng-content></ng-content>\n </div>\n</details>\n" }]
|
|
12
12
|
}], propDecorators: { summaryText: [{
|
|
@@ -14,10 +14,10 @@ class GovukErrorSummaryComponent {
|
|
|
14
14
|
event.preventDefault();
|
|
15
15
|
this.errorClick.emit(fieldId);
|
|
16
16
|
}
|
|
17
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
18
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukErrorSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GovukErrorSummaryComponent, isStandalone: true, selector: "opal-lib-govuk-error-summary", inputs: { errors: "errors" }, outputs: { errorClick: "errorClick" }, ngImport: i0, template: "@if (errors && errors.length > 0) {\n <div class=\"govuk-error-summary\" tabindex=\"-1\">\n <div role=\"alert\">\n <h2 class=\"govuk-error-summary__title\">There is a problem</h2>\n <div class=\"govuk-error-summary__body\">\n <ul class=\"govuk-list govuk-error-summary__list\">\n @for (error of errors; track error.fieldId) {\n <li>\n <a href=\"#\" (click)=\"handleErrorClick($event, error.fieldId)\">{{ error.message }}</a>\n </li>\n }\n </ul>\n </div>\n </div>\n </div>\n}\n" });
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukErrorSummaryComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{ selector: 'opal-lib-govuk-error-summary', imports: [], template: "@if (errors && errors.length > 0) {\n <div class=\"govuk-error-summary\" tabindex=\"-1\">\n <div role=\"alert\">\n <h2 class=\"govuk-error-summary__title\">There is a problem</h2>\n <div class=\"govuk-error-summary__body\">\n <ul class=\"govuk-list govuk-error-summary__list\">\n @for (error of errors; track error.fieldId) {\n <li>\n <a href=\"#\" (click)=\"handleErrorClick($event, error.fieldId)\">{{ error.message }}</a>\n </li>\n }\n </ul>\n </div>\n </div>\n </div>\n}\n" }]
|
|
23
23
|
}], propDecorators: { errors: [{
|
|
@@ -4,10 +4,10 @@ import { CommonModule } from '@angular/common';
|
|
|
4
4
|
|
|
5
5
|
class GovukFooterComponent {
|
|
6
6
|
footerLinks;
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: GovukFooterComponent, isStandalone: true, selector: "opal-lib-govuk-footer", inputs: { footerLinks: "footerLinks" }, ngImport: i0, template: "<footer class=\"govuk-footer\" role=\"contentinfo\">\n <div class=\"govuk-width-container\">\n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a class=\"govuk-footer__link\" [href]=\"footerLinks.licenseLink\" rel=\"license\"\n >Open Government Licence v{{ footerLinks.licenseVersion }}</a\n >, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a class=\"govuk-footer__link govuk-footer__copyright-logo\" [href]=\"footerLinks.copyrightLink\"\n >\u00A9 Crown copyright</a\n >\n </div>\n </div>\n </div>\n</footer>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukFooterComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'opal-lib-govuk-footer', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<footer class=\"govuk-footer\" role=\"contentinfo\">\n <div class=\"govuk-width-container\">\n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a class=\"govuk-footer__link\" [href]=\"footerLinks.licenseLink\" rel=\"license\"\n >Open Government Licence v{{ footerLinks.licenseVersion }}</a\n >, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a class=\"govuk-footer__link govuk-footer__copyright-logo\" [href]=\"footerLinks.copyrightLink\"\n >\u00A9 Crown copyright</a\n >\n </div>\n </div>\n </div>\n</footer>\n" }]
|
|
13
13
|
}], propDecorators: { footerLinks: [{
|
|
@@ -13,10 +13,10 @@ class GovukHeaderNavigationItemComponent {
|
|
|
13
13
|
event.preventDefault();
|
|
14
14
|
this.actionClick.emit(true);
|
|
15
15
|
}
|
|
16
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
17
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
16
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukHeaderNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: GovukHeaderNavigationItemComponent, isStandalone: true, selector: "opal-lib-govuk-header-navigation-item", outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<a\n href=\"#\"\n class=\"govuk-link govuk-link--inverse sign-in-link cursor-pointer\"\n (click)=\"handleClick($event)\"\n (keyup.enter)=\"handleClick($event)\"\n role=\"link\"\n tabindex=\"0\"\n href=\"#\"\n>\n <ng-content select=\"[linkText]\"></ng-content>\n</a>\n", styles: [".sign-in-link{float:right;line-height:2}\n"] });
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukHeaderNavigationItemComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ selector: 'opal-lib-govuk-header-navigation-item', imports: [], template: "<a\n href=\"#\"\n class=\"govuk-link govuk-link--inverse sign-in-link cursor-pointer\"\n (click)=\"handleClick($event)\"\n (keyup.enter)=\"handleClick($event)\"\n role=\"link\"\n tabindex=\"0\"\n href=\"#\"\n>\n <ng-content select=\"[linkText]\"></ng-content>\n</a>\n", styles: [".sign-in-link{float:right;line-height:2}\n"] }]
|
|
22
22
|
}], propDecorators: { actionClick: [{
|
|
@@ -25,10 +25,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
25
25
|
|
|
26
26
|
class GovukHeaderComponent {
|
|
27
27
|
headerLinks;
|
|
28
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
29
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
28
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GovukHeaderComponent, isStandalone: true, selector: "opal-lib-govuk-header", inputs: { headerLinks: "headerLinks" }, ngImport: i0, template: "<header class=\"govuk-header\" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a [href]=\"headerLinks.govukLink\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <!--[if gt IE 8]><!-->\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\"\n fill-rule=\"evenodd\"\n d=\"M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z\"\n ></path>\n </svg>\n <!--<![endif]-->\n <!--[if IE 8]>\n <img\n src=\"/assets/images/govuk-logotype-crown.png\"\n class=\"govuk-header__logotype-crown-fallback-image\"\n width=\"36\"\n height=\"32\"\n alt=\"\"\n />\n <![endif]-->\n <span class=\"govuk-header__logotype-text\">\n <ng-content select=\"[organisationName]\"></ng-content>\n </span>\n </span>\n </a>\n </div>\n <div class=\"govuk-header__content\">\n @if (headerLinks.serviceLink) {\n <a [routerLink]=\"headerLinks.serviceLink\" class=\"govuk-header__link govuk-header__service-name\">\n <ng-content select=\"[serviceName]\"></ng-content>\n </a>\n } @else {\n <span class=\"govuk-header__service-name\">\n <ng-content select=\"[serviceName]\"></ng-content>\n </span>\n }\n\n <ng-content></ng-content>\n </div>\n </div>\n</header>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
30
30
|
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukHeaderComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
33
|
args: [{ selector: 'opal-lib-govuk-header', imports: [CommonModule, RouterLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"govuk-header\" role=\"banner\" data-module=\"govuk-header\">\n <div class=\"govuk-header__container govuk-width-container\">\n <div class=\"govuk-header__logo\">\n <a [href]=\"headerLinks.govukLink\" class=\"govuk-header__link govuk-header__link--homepage\">\n <span class=\"govuk-header__logotype\">\n <!--[if gt IE 8]><!-->\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-header__logotype-crown\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 132 97\"\n height=\"30\"\n width=\"36\"\n >\n <path\n fill=\"currentColor\"\n fill-rule=\"evenodd\"\n d=\"M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z\"\n ></path>\n </svg>\n <!--<![endif]-->\n <!--[if IE 8]>\n <img\n src=\"/assets/images/govuk-logotype-crown.png\"\n class=\"govuk-header__logotype-crown-fallback-image\"\n width=\"36\"\n height=\"32\"\n alt=\"\"\n />\n <![endif]-->\n <span class=\"govuk-header__logotype-text\">\n <ng-content select=\"[organisationName]\"></ng-content>\n </span>\n </span>\n </a>\n </div>\n <div class=\"govuk-header__content\">\n @if (headerLinks.serviceLink) {\n <a [routerLink]=\"headerLinks.serviceLink\" class=\"govuk-header__link govuk-header__service-name\">\n <ng-content select=\"[serviceName]\"></ng-content>\n </a>\n } @else {\n <span class=\"govuk-header__service-name\">\n <ng-content select=\"[serviceName]\"></ng-content>\n </span>\n }\n\n <ng-content></ng-content>\n </div>\n </div>\n</header>\n" }]
|
|
34
34
|
}], propDecorators: { headerLinks: [{
|
|
@@ -6,10 +6,10 @@ class GovukHeadingWithCaptionComponent {
|
|
|
6
6
|
headingText;
|
|
7
7
|
headingClasses = 'govuk-heading-l';
|
|
8
8
|
captionClasses = 'govuk-caption-l';
|
|
9
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
10
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
9
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukHeadingWithCaptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: GovukHeadingWithCaptionComponent, isStandalone: true, selector: "opal-lib-govuk-heading-with-caption", inputs: { captionText: "captionText", headingText: "headingText", headingClasses: "headingClasses", captionClasses: "captionClasses" }, ngImport: i0, template: "<span class=\"{{ captionClasses }}\">{{ captionText }}</span>\n<h1 class=\"{{ headingClasses }}\">{{ headingText }}</h1>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukHeadingWithCaptionComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'opal-lib-govuk-heading-with-caption', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"{{ captionClasses }}\">{{ captionText }}</span>\n<h1 class=\"{{ headingClasses }}\">{{ headingText }}</h1>\n" }]
|
|
15
15
|
}], propDecorators: { captionText: [{
|
|
@@ -3,10 +3,10 @@ import { Input, Component } from '@angular/core';
|
|
|
3
3
|
|
|
4
4
|
class GovukInsetTextComponent {
|
|
5
5
|
insetTextId;
|
|
6
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
6
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukInsetTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: GovukInsetTextComponent, isStandalone: true, selector: "opal-lib-govuk-inset-text", inputs: { insetTextId: "insetTextId" }, ngImport: i0, template: "<div class=\"govuk-inset-text\" [id]=\"insetTextId\">\n <ng-content></ng-content>\n</div>\n" });
|
|
8
8
|
}
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukInsetTextComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
11
|
args: [{ selector: 'opal-lib-govuk-inset-text', imports: [], template: "<div class=\"govuk-inset-text\" [id]=\"insetTextId\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
12
12
|
}], propDecorators: { insetTextId: [{
|
|
@@ -10,10 +10,10 @@ class GovukListLinkComponent {
|
|
|
10
10
|
}
|
|
11
11
|
this.linkClickEvent.emit();
|
|
12
12
|
}
|
|
13
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
13
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukListLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: GovukListLinkComponent, isStandalone: true, selector: "opal-lib-govuk-list-link", inputs: { linkText: "linkText" }, outputs: { linkClickEvent: "linkClickEvent" }, ngImport: i0, template: "<li>\n <a class=\"govuk-link\" href=\"#\" (click)=\"handleClick($event)\">\n {{ linkText }}\n </a>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
15
15
|
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukListLinkComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
18
|
args: [{ selector: 'opal-lib-govuk-list-link', changeDetection: ChangeDetectionStrategy.OnPush, template: "<li>\n <a class=\"govuk-link\" href=\"#\" (click)=\"handleClick($event)\">\n {{ linkText }}\n </a>\n</li>\n" }]
|
|
19
19
|
}], propDecorators: { linkText: [{
|
|
@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Component } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
class GovukListComponent {
|
|
5
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
5
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: GovukListComponent, isStandalone: true, selector: "opal-lib-govuk-list", ngImport: i0, template: "<ul class=\"govuk-list\">\n <ng-content></ng-content>\n</ul>\n" });
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukListComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{ selector: 'opal-lib-govuk-list', template: "<ul class=\"govuk-list\">\n <ng-content></ng-content>\n</ul>\n" }]
|
|
11
11
|
}] });
|
|
@@ -6,10 +6,10 @@ class GovukNotificationBannerComponent {
|
|
|
6
6
|
headingText;
|
|
7
7
|
messageText;
|
|
8
8
|
type = 'success';
|
|
9
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
10
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
9
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukNotificationBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: GovukNotificationBannerComponent, isStandalone: true, selector: "opal-lib-govuk-notification-banner", inputs: { titleText: "titleText", headingText: "headingText", messageText: "messageText", type: "type" }, ngImport: i0, template: "<div\n class=\"govuk-notification-banner govuk-notification-banner--{{ type }}\"\n role=\"alert\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\"\n>\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n {{ titleText }}\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <h3 class=\"govuk-notification-banner__heading\">\n {{ headingText }}\n </h3>\n <p class=\"govuk-body\">\n {{ messageText }}\n </p>\n </div>\n</div>\n" });
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukNotificationBannerComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'opal-lib-govuk-notification-banner', imports: [], template: "<div\n class=\"govuk-notification-banner govuk-notification-banner--{{ type }}\"\n role=\"alert\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\"\n>\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n {{ titleText }}\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <h3 class=\"govuk-notification-banner__heading\">\n {{ headingText }}\n </h3>\n <p class=\"govuk-body\">\n {{ messageText }}\n </p>\n </div>\n</div>\n" }]
|
|
15
15
|
}], propDecorators: { titleText: [{
|
|
@@ -27,7 +27,7 @@ class GovukPaginationComponent {
|
|
|
27
27
|
* @returns An array of numbers within the specified range.
|
|
28
28
|
*/
|
|
29
29
|
range(start, end) {
|
|
30
|
-
return [...Array(end).keys()].map((el) => el + start);
|
|
30
|
+
return [...new Array(end).keys()].map((el) => el + start);
|
|
31
31
|
}
|
|
32
32
|
/**
|
|
33
33
|
* Inserts ellipses into the given array of pages based on the current page number.
|
|
@@ -64,10 +64,10 @@ class GovukPaginationComponent {
|
|
|
64
64
|
ngOnChanges() {
|
|
65
65
|
this.calculatePages();
|
|
66
66
|
}
|
|
67
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
68
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
67
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
68
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: GovukPaginationComponent, isStandalone: true, selector: "opal-lib-govuk-pagination", inputs: { currentPage: "currentPage", total: "total", limit: "limit" }, outputs: { changePage: "changePage" }, usesOnChanges: true, ngImport: i0, template: "<nav *ngIf=\"pages().length > 1\" class=\"govuk-pagination\" role=\"navigation\" aria-label=\"results\">\n <div *ngIf=\"currentPage > 1\" class=\"govuk-pagination__prev\">\n <a class=\"govuk-link govuk-pagination__link\" href=\"#\" rel=\"prev\" (click)=\"onPageChanged($event, currentPage - 1)\">\n <svg\n class=\"govuk-pagination__icon govuk-pagination__icon--prev\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"13\"\n width=\"15\"\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 15 13\"\n >\n <path\n d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"\n ></path>\n </svg>\n <span class=\"govuk-pagination__link-title\">Previous<span class=\"govuk-visually-hidden\"> page </span></span></a\n >\n </div>\n <ul class=\"govuk-pagination__list\">\n <li\n *ngFor=\"let page of elipsedPages()\"\n class=\"govuk-pagination__item\"\n [class.govuk-pagination__item--current]=\"page === currentPage\"\n [class.govuk-pagination__item--ellipses]=\"page === ELIPSIS\"\n [attr.aria-current]=\"page === currentPage ? 'page' : null\"\n >\n <ng-container *ngIf=\"page === ELIPSIS\">⋯</ng-container>\n <a\n *ngIf=\"page !== ELIPSIS\"\n class=\"govuk-link govuk-pagination__link\"\n href=\"#\"\n (click)=\"onPageChanged($event, +page)\"\n [attr.aria-label]=\"'Page ' + page\"\n data-test-page-button\n >{{ page }}</a\n >\n </li>\n </ul>\n <div *ngIf=\"currentPage < pages().length\" class=\"govuk-pagination__next\">\n <a class=\"govuk-link govuk-pagination__link\" href=\"#\" rel=\"next\" (click)=\"onPageChanged($event, currentPage + 1)\">\n <span class=\"govuk-pagination__link-title\">Next<span class=\"govuk-visually-hidden\"> page </span></span>\n <svg\n class=\"govuk-pagination__icon govuk-pagination__icon--next\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"13\"\n width=\"15\"\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 15 13\"\n >\n <path\n d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"\n ></path>\n </svg>\n </a>\n </div>\n</nav>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
69
69
|
}
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukPaginationComponent, decorators: [{
|
|
71
71
|
type: Component,
|
|
72
72
|
args: [{ selector: 'opal-lib-govuk-pagination', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav *ngIf=\"pages().length > 1\" class=\"govuk-pagination\" role=\"navigation\" aria-label=\"results\">\n <div *ngIf=\"currentPage > 1\" class=\"govuk-pagination__prev\">\n <a class=\"govuk-link govuk-pagination__link\" href=\"#\" rel=\"prev\" (click)=\"onPageChanged($event, currentPage - 1)\">\n <svg\n class=\"govuk-pagination__icon govuk-pagination__icon--prev\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"13\"\n width=\"15\"\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 15 13\"\n >\n <path\n d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"\n ></path>\n </svg>\n <span class=\"govuk-pagination__link-title\">Previous<span class=\"govuk-visually-hidden\"> page </span></span></a\n >\n </div>\n <ul class=\"govuk-pagination__list\">\n <li\n *ngFor=\"let page of elipsedPages()\"\n class=\"govuk-pagination__item\"\n [class.govuk-pagination__item--current]=\"page === currentPage\"\n [class.govuk-pagination__item--ellipses]=\"page === ELIPSIS\"\n [attr.aria-current]=\"page === currentPage ? 'page' : null\"\n >\n <ng-container *ngIf=\"page === ELIPSIS\">⋯</ng-container>\n <a\n *ngIf=\"page !== ELIPSIS\"\n class=\"govuk-link govuk-pagination__link\"\n href=\"#\"\n (click)=\"onPageChanged($event, +page)\"\n [attr.aria-label]=\"'Page ' + page\"\n data-test-page-button\n >{{ page }}</a\n >\n </li>\n </ul>\n <div *ngIf=\"currentPage < pages().length\" class=\"govuk-pagination__next\">\n <a class=\"govuk-link govuk-pagination__link\" href=\"#\" rel=\"next\" (click)=\"onPageChanged($event, currentPage + 1)\">\n <span class=\"govuk-pagination__link-title\">Next<span class=\"govuk-visually-hidden\"> page </span></span>\n <svg\n class=\"govuk-pagination__icon govuk-pagination__icon--next\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"13\"\n width=\"15\"\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 15 13\"\n >\n <path\n d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"\n ></path>\n </svg>\n </a>\n </div>\n</nav>\n" }]
|
|
73
73
|
}], propDecorators: { currentPage: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-pagination.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-pagination/govuk-pagination.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-pagination/govuk-pagination.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-pagination/hmcts-opal-frontend-common-components-govuk-govuk-pagination.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output, signal } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'opal-lib-govuk-pagination',\n imports: [CommonModule],\n templateUrl: './govuk-pagination.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukPaginationComponent implements OnChanges {\n @Input() currentPage = 1;\n @Input() total = 0;\n @Input() limit = 25;\n @Output() changePage = new EventEmitter<number>();\n\n public pages = signal<number[]>([]);\n public elipsedPages = signal<(number | string)[]>([]);\n public ELIPSIS = '...';\n\n /**\n * Calculates the number of pages based on the total number of items and the limit per page.\n * Updates the `pages` and `elipsedPages` properties accordingly.\n */\n private calculatePages() {\n const pagesCount = Math.ceil(this.total / this.limit);\n this.pages.set(this.range(1, pagesCount));\n this.elipsedPages.set(this.elipseSkippedPages(this.pages(), this.currentPage));\n }\n\n /**\n * Generates an array of numbers within a specified range.\n * @param start The starting number of the range.\n * @param end The ending number of the range.\n * @returns An array of numbers within the specified range.\n */\n private range(start: number, end: number): number[] {\n return [...Array(end).keys()].map((el) => el + start);\n }\n\n /**\n * Inserts ellipses into the given array of pages based on the current page number.\n * @param pages - The array of pages.\n * @param currentPage - The current page number.\n * @returns The modified array of pages with ellipses inserted.\n */\n private elipseSkippedPages(pages: (string | number)[], currentPage: number): (string | number)[] {\n pages = [...pages];\n\n if (currentPage < pages.length - 2) {\n // Add elipses to the right of current page\n pages.splice(currentPage + 1, pages.length - currentPage - 2, this.ELIPSIS);\n }\n\n if (currentPage >= 5) {\n // Add elipses to the left of current page\n pages.splice(1, currentPage - 3, this.ELIPSIS);\n }\n\n return pages;\n }\n\n /**\n * Handles the page change event.\n *\n * @param $event - The click event that triggered the page change.\n * @param page - The new page number.\n */\n public onPageChanged($event: MouseEvent, page: number) {\n $event.preventDefault();\n this.changePage.emit(page);\n }\n\n /**\n * Lifecycle hook that is called when any data-bound property of the component changes.\n * It recalculates the pages for pagination.\n */\n public ngOnChanges(): void {\n this.calculatePages();\n }\n}\n","<nav *ngIf=\"pages().length > 1\" class=\"govuk-pagination\" role=\"navigation\" aria-label=\"results\">\n <div *ngIf=\"currentPage > 1\" class=\"govuk-pagination__prev\">\n <a class=\"govuk-link govuk-pagination__link\" href=\"#\" rel=\"prev\" (click)=\"onPageChanged($event, currentPage - 1)\">\n <svg\n class=\"govuk-pagination__icon govuk-pagination__icon--prev\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"13\"\n width=\"15\"\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 15 13\"\n >\n <path\n d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"\n ></path>\n </svg>\n <span class=\"govuk-pagination__link-title\">Previous<span class=\"govuk-visually-hidden\"> page </span></span></a\n >\n </div>\n <ul class=\"govuk-pagination__list\">\n <li\n *ngFor=\"let page of elipsedPages()\"\n class=\"govuk-pagination__item\"\n [class.govuk-pagination__item--current]=\"page === currentPage\"\n [class.govuk-pagination__item--ellipses]=\"page === ELIPSIS\"\n [attr.aria-current]=\"page === currentPage ? 'page' : null\"\n >\n <ng-container *ngIf=\"page === ELIPSIS\">⋯</ng-container>\n <a\n *ngIf=\"page !== ELIPSIS\"\n class=\"govuk-link govuk-pagination__link\"\n href=\"#\"\n (click)=\"onPageChanged($event, +page)\"\n [attr.aria-label]=\"'Page ' + page\"\n data-test-page-button\n >{{ page }}</a\n >\n </li>\n </ul>\n <div *ngIf=\"currentPage < pages().length\" class=\"govuk-pagination__next\">\n <a class=\"govuk-link govuk-pagination__link\" href=\"#\" rel=\"next\" (click)=\"onPageChanged($event, currentPage + 1)\">\n <span class=\"govuk-pagination__link-title\">Next<span class=\"govuk-visually-hidden\"> page </span></span>\n <svg\n class=\"govuk-pagination__icon govuk-pagination__icon--next\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"13\"\n width=\"15\"\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 15 13\"\n >\n <path\n d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"\n ></path>\n </svg>\n </a>\n </div>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MASa,wBAAwB,CAAA;IAC1B,WAAW,GAAG,CAAC;IACf,KAAK,GAAG,CAAC;IACT,KAAK,GAAG,EAAE;AACT,IAAA,UAAU,GAAG,IAAI,YAAY,EAAU;AAE1C,IAAA,KAAK,GAAG,MAAM,CAAW,EAAE,iDAAC;AAC5B,IAAA,YAAY,GAAG,MAAM,CAAsB,EAAE,wDAAC;IAC9C,OAAO,GAAG,KAAK;AAEtB;;;AAGG;IACK,cAAc,GAAA;AACpB,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;AACrD,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;AACzC,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAChF;AAEA;;;;;AAKG;IACK,KAAK,CAAC,KAAa,EAAE,GAAW,EAAA;QACtC,OAAO,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-pagination.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-pagination/govuk-pagination.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-pagination/govuk-pagination.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-pagination/hmcts-opal-frontend-common-components-govuk-govuk-pagination.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output, signal } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'opal-lib-govuk-pagination',\n imports: [CommonModule],\n templateUrl: './govuk-pagination.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukPaginationComponent implements OnChanges {\n @Input() currentPage = 1;\n @Input() total = 0;\n @Input() limit = 25;\n @Output() changePage = new EventEmitter<number>();\n\n public pages = signal<number[]>([]);\n public elipsedPages = signal<(number | string)[]>([]);\n public ELIPSIS = '...';\n\n /**\n * Calculates the number of pages based on the total number of items and the limit per page.\n * Updates the `pages` and `elipsedPages` properties accordingly.\n */\n private calculatePages() {\n const pagesCount = Math.ceil(this.total / this.limit);\n this.pages.set(this.range(1, pagesCount));\n this.elipsedPages.set(this.elipseSkippedPages(this.pages(), this.currentPage));\n }\n\n /**\n * Generates an array of numbers within a specified range.\n * @param start The starting number of the range.\n * @param end The ending number of the range.\n * @returns An array of numbers within the specified range.\n */\n private range(start: number, end: number): number[] {\n return [...new Array(end).keys()].map((el) => el + start);\n }\n\n /**\n * Inserts ellipses into the given array of pages based on the current page number.\n * @param pages - The array of pages.\n * @param currentPage - The current page number.\n * @returns The modified array of pages with ellipses inserted.\n */\n private elipseSkippedPages(pages: (string | number)[], currentPage: number): (string | number)[] {\n pages = [...pages];\n\n if (currentPage < pages.length - 2) {\n // Add elipses to the right of current page\n pages.splice(currentPage + 1, pages.length - currentPage - 2, this.ELIPSIS);\n }\n\n if (currentPage >= 5) {\n // Add elipses to the left of current page\n pages.splice(1, currentPage - 3, this.ELIPSIS);\n }\n\n return pages;\n }\n\n /**\n * Handles the page change event.\n *\n * @param $event - The click event that triggered the page change.\n * @param page - The new page number.\n */\n public onPageChanged($event: MouseEvent, page: number) {\n $event.preventDefault();\n this.changePage.emit(page);\n }\n\n /**\n * Lifecycle hook that is called when any data-bound property of the component changes.\n * It recalculates the pages for pagination.\n */\n public ngOnChanges(): void {\n this.calculatePages();\n }\n}\n","<nav *ngIf=\"pages().length > 1\" class=\"govuk-pagination\" role=\"navigation\" aria-label=\"results\">\n <div *ngIf=\"currentPage > 1\" class=\"govuk-pagination__prev\">\n <a class=\"govuk-link govuk-pagination__link\" href=\"#\" rel=\"prev\" (click)=\"onPageChanged($event, currentPage - 1)\">\n <svg\n class=\"govuk-pagination__icon govuk-pagination__icon--prev\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"13\"\n width=\"15\"\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 15 13\"\n >\n <path\n d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"\n ></path>\n </svg>\n <span class=\"govuk-pagination__link-title\">Previous<span class=\"govuk-visually-hidden\"> page </span></span></a\n >\n </div>\n <ul class=\"govuk-pagination__list\">\n <li\n *ngFor=\"let page of elipsedPages()\"\n class=\"govuk-pagination__item\"\n [class.govuk-pagination__item--current]=\"page === currentPage\"\n [class.govuk-pagination__item--ellipses]=\"page === ELIPSIS\"\n [attr.aria-current]=\"page === currentPage ? 'page' : null\"\n >\n <ng-container *ngIf=\"page === ELIPSIS\">⋯</ng-container>\n <a\n *ngIf=\"page !== ELIPSIS\"\n class=\"govuk-link govuk-pagination__link\"\n href=\"#\"\n (click)=\"onPageChanged($event, +page)\"\n [attr.aria-label]=\"'Page ' + page\"\n data-test-page-button\n >{{ page }}</a\n >\n </li>\n </ul>\n <div *ngIf=\"currentPage < pages().length\" class=\"govuk-pagination__next\">\n <a class=\"govuk-link govuk-pagination__link\" href=\"#\" rel=\"next\" (click)=\"onPageChanged($event, currentPage + 1)\">\n <span class=\"govuk-pagination__link-title\">Next<span class=\"govuk-visually-hidden\"> page </span></span>\n <svg\n class=\"govuk-pagination__icon govuk-pagination__icon--next\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"13\"\n width=\"15\"\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 15 13\"\n >\n <path\n d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"\n ></path>\n </svg>\n </a>\n </div>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MASa,wBAAwB,CAAA;IAC1B,WAAW,GAAG,CAAC;IACf,KAAK,GAAG,CAAC;IACT,KAAK,GAAG,EAAE;AACT,IAAA,UAAU,GAAG,IAAI,YAAY,EAAU;AAE1C,IAAA,KAAK,GAAG,MAAM,CAAW,EAAE,iDAAC;AAC5B,IAAA,YAAY,GAAG,MAAM,CAAsB,EAAE,wDAAC;IAC9C,OAAO,GAAG,KAAK;AAEtB;;;AAGG;IACK,cAAc,GAAA;AACpB,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;AACrD,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;AACzC,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAChF;AAEA;;;;;AAKG;IACK,KAAK,CAAC,KAAa,EAAE,GAAW,EAAA;QACtC,OAAO,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC3D;AAEA;;;;;AAKG;IACK,kBAAkB,CAAC,KAA0B,EAAE,WAAmB,EAAA;AACxE,QAAA,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC;QAElB,IAAI,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;;AAElC,YAAA,KAAK,CAAC,MAAM,CAAC,WAAW,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,WAAW,GAAG,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC;QAC7E;AAEA,QAAA,IAAI,WAAW,IAAI,CAAC,EAAE;;AAEpB,YAAA,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,WAAW,GAAG,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC;QAChD;AAEA,QAAA,OAAO,KAAK;IACd;AAEA;;;;;AAKG;IACI,aAAa,CAAC,MAAkB,EAAE,IAAY,EAAA;QACnD,MAAM,CAAC,cAAc,EAAE;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;IAC5B;AAEA;;;AAGG;IACI,WAAW,GAAA;QAChB,IAAI,CAAC,cAAc,EAAE;IACvB;uGArEW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECTrC,u3EA0DA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDrDY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAIX,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,WAC5B,CAAC,YAAY,CAAC,EAAA,eAAA,EAEN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,u3EAAA,EAAA;8BAGtC,WAAW,EAAA,CAAA;sBAAnB;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACS,UAAU,EAAA,CAAA;sBAAnB;;;AEbH;;AAEG;;;;"}
|
|
@@ -4,10 +4,10 @@ import { HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular
|
|
|
4
4
|
class GovukPanelComponent {
|
|
5
5
|
panelTitle;
|
|
6
6
|
classes = 'govuk-panel__body';
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GovukPanelComponent, isStandalone: true, selector: "opal-lib-govuk-panel", inputs: { panelTitle: "panelTitle" }, host: { properties: { "class": "this.classes" } }, ngImport: i0, template: "<div class=\"govuk-panel govuk-panel--confirmation\">\n @if (panelTitle) {\n <h1 class=\"govuk-panel__title\">{{ panelTitle }}</h1>\n }\n <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukPanelComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'opal-lib-govuk-panel', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-panel govuk-panel--confirmation\">\n @if (panelTitle) {\n <h1 class=\"govuk-panel__title\">{{ panelTitle }}</h1>\n }\n <ng-content></ng-content>\n</div>\n" }]
|
|
13
13
|
}], propDecorators: { panelTitle: [{
|
|
@@ -11,10 +11,10 @@ class GovukRadiosConditionalComponent {
|
|
|
11
11
|
ngOnInit() {
|
|
12
12
|
this.id = `${this.conditionalId}-conditional`;
|
|
13
13
|
}
|
|
14
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
15
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
14
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukRadiosConditionalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: GovukRadiosConditionalComponent, isStandalone: true, selector: "opal-lib-govuk-radios-conditional, [opal-lib-govuk-radios-conditional]", inputs: { conditionalId: "conditionalId" }, host: { properties: { "class": "this.class", "id": "this.id" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukRadiosConditionalComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{ selector: 'opal-lib-govuk-radios-conditional, [opal-lib-govuk-radios-conditional]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
|
|
20
20
|
}], propDecorators: { conditionalId: [{
|
|
@@ -29,10 +29,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
|
|
|
29
29
|
}] } });
|
|
30
30
|
|
|
31
31
|
class GovukRadiosDividerComponent {
|
|
32
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
33
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
32
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukRadiosDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: GovukRadiosDividerComponent, isStandalone: true, selector: "opal-lib-govuk-radios-divider", ngImport: i0, template: "<div class=\"govuk-radios__divider\"><ng-content></ng-content></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukRadiosDividerComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
37
|
args: [{ selector: 'opal-lib-govuk-radios-divider', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-radios__divider\"><ng-content></ng-content></div>\n" }]
|
|
38
38
|
}] });
|
|
@@ -55,10 +55,10 @@ class GovukRadiosItemComponent {
|
|
|
55
55
|
get getControl() {
|
|
56
56
|
return this._control;
|
|
57
57
|
}
|
|
58
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
59
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
58
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukRadiosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
59
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GovukRadiosItemComponent, isStandalone: true, selector: "opal-lib-govuk-radios-item, [opal-lib-govuk-radios-item]", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", inputValue: "inputValue", inputValueHint: "inputValueHint", ariaControls: "ariaControls", control: "control" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<input\n class=\"govuk-radios__input {{ inputClasses }}\"\n [id]=\"inputId\"\n [name]=\"inputName\"\n [formControl]=\"getControl\"\n type=\"radio\"\n [value]=\"inputValue\"\n [attr.data-aria-controls]=\"ariaControls\"\n/>\n<label class=\"govuk-label govuk-radios__label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n@if (inputValueHint) {\n <div id=\"{{ inputId }}-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n {{ inputValueHint }}\n </div>\n}\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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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 });
|
|
60
60
|
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukRadiosItemComponent, decorators: [{
|
|
62
62
|
type: Component,
|
|
63
63
|
args: [{ selector: 'opal-lib-govuk-radios-item, [opal-lib-govuk-radios-item]', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n class=\"govuk-radios__input {{ inputClasses }}\"\n [id]=\"inputId\"\n [name]=\"inputName\"\n [formControl]=\"getControl\"\n type=\"radio\"\n [value]=\"inputValue\"\n [attr.data-aria-controls]=\"ariaControls\"\n/>\n<label class=\"govuk-label govuk-radios__label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n@if (inputValueHint) {\n <div id=\"{{ inputId }}-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n {{ inputValueHint }}\n </div>\n}\n" }]
|
|
64
64
|
}], propDecorators: { labelText: [{
|
|
@@ -100,10 +100,10 @@ class GovukRadioComponent {
|
|
|
100
100
|
legendClasses;
|
|
101
101
|
radioClasses;
|
|
102
102
|
errors;
|
|
103
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
104
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
103
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
104
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GovukRadioComponent, isStandalone: true, selector: "opal-lib-govuk-radio", inputs: { fieldSetId: "fieldSetId", legendText: "legendText", legendHint: "legendHint", legendClasses: "legendClasses", radioClasses: "radioClasses", errors: "errors" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"fieldSetId\">\n @if (legendText) {\n <legend class=\"govuk-fieldset__legend {{ legendClasses }}\" [attr.describedby]=\"fieldSetId\">\n {{ legendText }}\n </legend>\n }\n @if (legendHint) {\n <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n {{ legendHint }}\n </div>\n }\n\n @if (errors) {\n <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n </p>\n }\n <div class=\"govuk-radios {{ radioClasses }}\" data-module=\"govuk-radios\">\n <ng-content></ng-content>\n </div>\n </fieldset>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
105
105
|
}
|
|
106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukRadioComponent, decorators: [{
|
|
107
107
|
type: Component,
|
|
108
108
|
args: [{ selector: 'opal-lib-govuk-radio', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"fieldSetId\">\n @if (legendText) {\n <legend class=\"govuk-fieldset__legend {{ legendClasses }}\" [attr.describedby]=\"fieldSetId\">\n {{ legendText }}\n </legend>\n }\n @if (legendHint) {\n <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n {{ legendHint }}\n </div>\n }\n\n @if (errors) {\n <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n </p>\n }\n <div class=\"govuk-radios {{ radioClasses }}\" data-module=\"govuk-radios\">\n <ng-content></ng-content>\n </div>\n </fieldset>\n</div>\n" }]
|
|
109
109
|
}], propDecorators: { fieldSetId: [{
|
|
@@ -21,10 +21,10 @@ class GovukSelectComponent {
|
|
|
21
21
|
get getControl() {
|
|
22
22
|
return this._control;
|
|
23
23
|
}
|
|
24
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
25
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
24
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GovukSelectComponent, isStandalone: true, selector: "opal-lib-govuk-select", inputs: { labelText: "labelText", labelClasses: "labelClasses", selectId: "selectId", selectName: "selectName", selectClasses: "selectClasses", selectHint: "selectHint", errors: "errors", options: "options", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n <label class=\"govuk-label {{ labelClasses }}\" [for]=\"selectId\"> {{ labelText }} </label>\n\n @if (selectHint) {\n <div [id]=\"selectId ? selectId + 'Hint' : ''\" class=\"govuk-hint\">\n {{ selectHint }}\n </div>\n }\n\n @if (errors) {\n <p id=\"{{ this.selectId }}-error-message\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n </p>\n }\n <select\n class=\"govuk-select {{ selectClasses }}\"\n [id]=\"selectId\"\n [name]=\"selectName\"\n [attr.describedby]=\"selectHint ? selectId + 'Hint' : ''\"\n [formControl]=\"getControl\"\n >\n <option value=\"\" selected></option>\n @for (option of options; track option.name) {\n <option [value]=\"option.value\">\n {{ option.name }}\n </option>\n }\n </select>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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.3.
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukSelectComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
29
|
args: [{ selector: 'opal-lib-govuk-select', 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]=\"selectId\"> {{ labelText }} </label>\n\n @if (selectHint) {\n <div [id]=\"selectId ? selectId + 'Hint' : ''\" class=\"govuk-hint\">\n {{ selectHint }}\n </div>\n }\n\n @if (errors) {\n <p id=\"{{ this.selectId }}-error-message\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n </p>\n }\n <select\n class=\"govuk-select {{ selectClasses }}\"\n [id]=\"selectId\"\n [name]=\"selectName\"\n [attr.describedby]=\"selectHint ? selectId + 'Hint' : ''\"\n [formControl]=\"getControl\"\n >\n <option value=\"\" selected></option>\n @for (option of options; track option.name) {\n <option [value]=\"option.value\">\n {{ option.name }}\n </option>\n }\n </select>\n</div>\n" }]
|
|
30
30
|
}], propDecorators: { labelText: [{
|
|
@@ -16,10 +16,10 @@ class GovukSummaryCardActionComponent {
|
|
|
16
16
|
event.preventDefault();
|
|
17
17
|
this.clickEvent.emit(route);
|
|
18
18
|
}
|
|
19
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
20
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukSummaryCardActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: GovukSummaryCardActionComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]", inputs: { actionText: "actionText", actionRoute: "actionRoute" }, outputs: { clickEvent: "clickEvent" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n href=\"#\"\n class=\"govuk-link govuk-link--no-visited-state\"\n [id]=\"actionText\"\n (click)=\"onClick($event, actionRoute)\"\n (keyup.enter)=\"onClick($event, actionRoute)\"\n tabindex=\"0\"\n>\n <strong>{{ actionText }}</strong\n ><span class=\"govuk-visually-hidden\">{{ actionText }}</span>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukSummaryCardActionComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
24
|
args: [{ selector: 'opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n href=\"#\"\n class=\"govuk-link govuk-link--no-visited-state\"\n [id]=\"actionText\"\n (click)=\"onClick($event, actionRoute)\"\n (keyup.enter)=\"onClick($event, actionRoute)\"\n tabindex=\"0\"\n>\n <strong>{{ actionText }}</strong\n ><span class=\"govuk-visually-hidden\">{{ actionText }}</span>\n</a>\n" }]
|
|
25
25
|
}], propDecorators: { actionText: [{
|
|
@@ -46,10 +46,10 @@ class GovukSummaryCardListComponent {
|
|
|
46
46
|
ngOnInit() {
|
|
47
47
|
this.setId();
|
|
48
48
|
}
|
|
49
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
50
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
49
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukSummaryCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GovukSummaryCardListComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-list", inputs: { summaryCardListId: "summaryCardListId", cardTitle: "cardTitle", contentHidden: "contentHidden" }, ngImport: i0, template: "<div class=\"govuk-summary-card\" [id]=\"id\">\n @if (cardTitle && cardTitle.length > 0) {\n <div class=\"govuk-summary-card__title-wrapper\">\n <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n <ul class=\"govuk-summary-card__actions\" role=\"list\">\n <ng-content select=\"[actions]\"></ng-content>\n </ul>\n </div>\n }\n\n @if (!contentHidden) {\n <div class=\"govuk-summary-card__content govuk-white-background\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n }\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
51
51
|
}
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukSummaryCardListComponent, decorators: [{
|
|
53
53
|
type: Component,
|
|
54
54
|
args: [{ selector: 'opal-lib-govuk-summary-card-list', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-summary-card\" [id]=\"id\">\n @if (cardTitle && cardTitle.length > 0) {\n <div class=\"govuk-summary-card__title-wrapper\">\n <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n <ul class=\"govuk-summary-card__actions\" role=\"list\">\n <ng-content select=\"[actions]\"></ng-content>\n </ul>\n </div>\n }\n\n @if (!contentHidden) {\n <div class=\"govuk-summary-card__content govuk-white-background\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n }\n</div>\n" }]
|
|
55
55
|
}], propDecorators: { summaryCardListId: [{
|