@hmcts/rpx-xui-common-lib 2.0.2-pre-release-include-user-access-type → 2.0.2-pre-release-accessibility-updated-version
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/bundles/hmcts-rpx-xui-common-lib.umd.js +6257 -0
- package/bundles/hmcts-rpx-xui-common-lib.umd.js.map +1 -0
- package/bundles/hmcts-rpx-xui-common-lib.umd.min.js +2 -0
- package/bundles/hmcts-rpx-xui-common-lib.umd.min.js.map +1 -0
- package/esm2015/hmcts-rpx-xui-common-lib.js +77 -0
- package/esm2015/lib/components/accessibility/accessibility.component.js +27 -0
- package/esm2015/lib/components/checkbox-list/checkbox-list.component.js +185 -0
- package/esm2015/lib/components/contact-details/contact-details.component.js +17 -0
- package/esm2015/lib/components/cookie-banner/cookie-banner.component.js +68 -0
- package/esm2015/lib/components/due-date/due-date.component.js +123 -0
- package/esm2015/lib/components/exui-main-wrapper/exui-page-wrapper.component.js +28 -0
- package/esm2015/lib/components/find-location/find-location.component.js +146 -0
- package/esm2015/lib/components/find-person/find-person.component.js +120 -0
- package/esm2015/lib/components/find-service/find-service.component.js +113 -0
- package/esm2015/lib/components/find-task-name/find-task-name.component.js +97 -0
- package/esm2015/lib/components/generic-filter/generic-filter.component.js +629 -0
- package/esm2015/lib/components/hmcts-session-dialog/hmcts-session-dialog.component.js +27 -0
- package/esm2015/lib/components/invite-user-form/invite-user-form.component.js +25 -0
- package/esm2015/lib/components/invite-user-permissions/invite-user-permission.component.js +25 -0
- package/esm2015/lib/components/loading-spinner/loading-spinner.component.js +26 -0
- package/esm2015/lib/components/pagination/pagination.component.js +28 -0
- package/esm2015/lib/components/search-judicials/search-judicials.component.js +126 -0
- package/esm2015/lib/components/search-location/search-location.component.js +135 -0
- package/esm2015/lib/components/search-service/search-service.component.js +42 -0
- package/esm2015/lib/components/search-venue/search-venue.component.js +123 -0
- package/esm2015/lib/components/selected-case/selected-case.component.js +158 -0
- package/esm2015/lib/components/selected-case-confirm/selected-case-confirm.component.js +36 -0
- package/esm2015/lib/components/selected-case-list/selected-case-list.component.js +49 -0
- package/esm2015/lib/components/service-message/service-message.component.js +22 -0
- package/esm2015/lib/components/service-messages/service-messages.component.js +48 -0
- package/esm2015/lib/components/share-case/share-case.component.js +205 -0
- package/esm2015/lib/components/share-case-confirm/share-case-confirm.component.js +34 -0
- package/esm2015/lib/components/tab/tab.component.js +21 -0
- package/esm2015/lib/components/tc-confirm/tc-confirm.component.js +22 -0
- package/esm2015/lib/components/terms-and-conditions/tc-display/tc-display-html/tc-display-html.component.js +13 -0
- package/esm2015/lib/components/terms-and-conditions/tc-display/tc-display-plain/tc-display-plain.component.js +13 -0
- package/esm2015/lib/components/terms-and-conditions/terms-and-conditions.component.js +16 -0
- package/esm2015/lib/components/user-details/user-details.component.js +41 -0
- package/esm2015/lib/components/user-list/user-list.component.js +33 -0
- package/esm2015/lib/components/user-select/user-select.component.js +58 -0
- package/esm2015/lib/components/write-address/write-address.component.js +182 -0
- package/esm2015/lib/components/write-address-inputs/write-address-inputs.component.js +36 -0
- package/esm2015/lib/directives/feature-toggle/feature-toggle.directive.js +42 -0
- package/esm2015/lib/directives/let/let.directive.js +30 -0
- package/esm2015/lib/exui-common-lib.module.js +174 -0
- package/esm2015/lib/gov-ui/components/gov-uk-checkbox/gov-uk-checkbox.component.js +31 -0
- package/esm2015/lib/gov-ui/components/gov-uk-checkboxes/gov-uk-checkboxes.component.js +60 -0
- package/esm2015/lib/gov-ui/components/gov-uk-date/gov-uk-date.component.js +64 -0
- package/esm2015/lib/gov-ui/components/gov-uk-error-message/gov-uk-error-message.component.js +22 -0
- package/esm2015/lib/gov-ui/components/gov-uk-fieldset/gov-uk-fieldset.component.js +28 -0
- package/esm2015/lib/gov-ui/components/gov-uk-file-upload/gov-uk-file-upload.component.js +35 -0
- package/esm2015/lib/gov-ui/components/gov-uk-form-group-wrapper/gov-uk-form-group-wrapper.component.js +23 -0
- package/esm2015/lib/gov-ui/components/gov-uk-input/gov-uk-input.component.js +34 -0
- package/esm2015/lib/gov-ui/components/gov-uk-label/gov-uk-label.component.js +22 -0
- package/esm2015/lib/gov-ui/components/gov-uk-radio/gov-uk-radio.component.js +33 -0
- package/esm2015/lib/gov-ui/components/gov-uk-radios/gov-uk-radios.component.js +21 -0
- package/esm2015/lib/gov-ui/components/gov-uk-select/gov-uk-select.component.js +27 -0
- package/esm2015/lib/gov-ui/components/gov-uk-table/gov-uk-table.component.js +39 -0
- package/esm2015/lib/gov-ui/components/gov-uk-textarea/gov-uk-textarea.component.js +27 -0
- package/esm2015/lib/gov-ui/components/hmcts-banner/hmcts-banner.component.js +23 -0
- package/esm2015/lib/gov-ui/components/hmcts-error-summary/hmcts-error-summary.component.js +48 -0
- package/esm2015/lib/gov-ui/components/hmcts-identity-bar/hmcts-identity-bar.component.js +19 -0
- package/esm2015/lib/gov-ui/components/hmcts-main-wrapper/hmcts-main-wrapper.component.js +41 -0
- package/esm2015/lib/gov-ui/components/hmcts-pagination/hmcts-pagination.component.js +28 -0
- package/esm2015/lib/gov-ui/components/hmcts-primary-navigation/hmcts-primary-navigation.component.js +23 -0
- package/esm2015/lib/gov-ui/components/hmcts-sub-navigation/hmcts-sub-navigation.component.js +15 -0
- package/esm2015/lib/gov-ui/directives/remove-host.directive.js +29 -0
- package/esm2015/lib/gov-ui/gov-ui.service.js +13 -0
- package/{esm2020/lib/models/public_api.mjs → esm2015/lib/models/public_api.js} +1 -2
- package/esm2015/lib/models/user-details.model.js +2 -0
- package/esm2015/lib/pipes/capitalize/capitalize.pipe.js +11 -0
- package/esm2015/lib/services/address/address.service.js +50 -0
- package/esm2015/lib/services/case-sharing-state/case-sharing-state.service.js +157 -0
- package/esm2015/lib/services/cookie/cookie.service.js +47 -0
- package/esm2015/lib/services/feature-toggle/feature-toggle.guard.js +36 -0
- package/esm2015/lib/services/feature-toggle/feature-toggle.service.js +27 -0
- package/{esm2020/lib/services/feature-toggle/launch-darkly.service.mjs → esm2015/lib/services/feature-toggle/launch-darkly.service.js} +6 -8
- package/{esm2020/lib/services/filter/filter.service.mjs → esm2015/lib/services/filter/filter.service.js} +6 -8
- package/esm2015/lib/services/find-person/find-person.service.js +115 -0
- package/esm2015/lib/services/google-analytics/google-analytics.service.js +68 -0
- package/esm2015/lib/services/google-tag-manager/google-tag-manager.service.js +71 -0
- package/{esm2020/lib/services/loading/loading.service.mjs → esm2015/lib/services/loading/loading.service.js} +6 -8
- package/esm2015/lib/services/locations/location.service.js +39 -0
- package/{esm2020/lib/services/manage-session/manage-session.services.mjs → esm2015/lib/services/manage-session/manage-session.services.js} +10 -8
- package/esm2015/lib/services/ref-data/ref-data-data-access/ref-data-data-access.service.js +34 -0
- package/{esm2020/lib/services/ref-data/ref-data.service.mjs → esm2015/lib/services/ref-data/ref-data.service.js} +9 -8
- package/{esm2020/lib/services/role-guard/role.guard.mjs → esm2015/lib/services/role-guard/role.guard.js} +10 -8
- package/esm2015/lib/services/role-guard/role.service.js +20 -0
- package/{esm2020/lib/services/storage/session-storage/session-storage.service.mjs → esm2015/lib/services/storage/session-storage/session-storage.service.js} +6 -8
- package/{esm2020/lib/services/task-name/task-name.service.mjs → esm2015/lib/services/task-name/task-name.service.js} +10 -8
- package/{esm2020/lib/services/timeout-notifications/timeout-notifications.service.mjs → esm2015/lib/services/timeout-notifications/timeout-notifications.service.js} +10 -8
- package/fesm2015/hmcts-rpx-xui-common-lib.js +5227 -0
- package/fesm2015/hmcts-rpx-xui-common-lib.js.map +1 -0
- package/hmcts-rpx-xui-common-lib.d.ts +76 -0
- package/hmcts-rpx-xui-common-lib.metadata.json +1 -0
- package/lib/components/accessibility/accessibility.component.d.ts +4 -4
- package/lib/components/checkbox-list/checkbox-list.component.d.ts +0 -3
- package/lib/components/contact-details/contact-details.component.d.ts +0 -3
- package/lib/components/cookie-banner/cookie-banner.component.d.ts +1 -6
- package/lib/components/due-date/due-date.component.d.ts +0 -3
- package/lib/components/exui-main-wrapper/exui-page-wrapper.component.d.ts +0 -3
- package/lib/components/find-location/find-location.component.d.ts +0 -3
- package/lib/components/find-person/find-person.component.d.ts +0 -3
- package/lib/components/find-service/find-service.component.d.ts +0 -3
- package/lib/components/find-task-name/find-task-name.component.d.ts +0 -3
- package/lib/components/generic-filter/generic-filter.component.d.ts +0 -3
- package/lib/components/hmcts-session-dialog/hmcts-session-dialog.component.d.ts +0 -3
- package/lib/components/invite-user-form/invite-user-form.component.d.ts +0 -3
- package/lib/components/invite-user-permissions/invite-user-permission.component.d.ts +0 -3
- package/lib/components/loading-spinner/loading-spinner.component.d.ts +0 -3
- package/lib/components/pagination/pagination.component.d.ts +0 -3
- package/lib/components/search-judicials/search-judicials.component.d.ts +0 -3
- package/lib/components/search-location/search-location.component.d.ts +1 -4
- package/lib/components/search-service/search-service.component.d.ts +1 -4
- package/lib/components/search-venue/search-venue.component.d.ts +0 -3
- package/lib/components/selected-case/selected-case.component.d.ts +0 -3
- package/lib/components/selected-case-confirm/selected-case-confirm.component.d.ts +0 -3
- package/lib/components/selected-case-list/selected-case-list.component.d.ts +0 -3
- package/lib/components/service-message/service-message.component.d.ts +0 -3
- package/lib/components/service-messages/service-messages.component.d.ts +0 -3
- package/lib/components/share-case/share-case.component.d.ts +0 -3
- package/lib/components/share-case-confirm/share-case-confirm.component.d.ts +0 -3
- package/lib/components/tab/tab.component.d.ts +0 -3
- package/lib/components/tc-confirm/tc-confirm.component.d.ts +0 -3
- package/lib/components/terms-and-conditions/tc-display/tc-display-html/tc-display-html.component.d.ts +0 -3
- package/lib/components/terms-and-conditions/tc-display/tc-display-plain/tc-display-plain.component.d.ts +0 -3
- package/lib/components/terms-and-conditions/terms-and-conditions.component.d.ts +0 -3
- package/lib/components/user-details/user-details.component.d.ts +0 -3
- package/lib/components/user-list/user-list.component.d.ts +0 -3
- package/lib/components/user-select/user-select.component.d.ts +2 -5
- package/lib/components/write-address/write-address.component.d.ts +0 -3
- package/lib/components/write-address-inputs/write-address-inputs.component.d.ts +3 -3
- package/lib/directives/feature-toggle/feature-toggle.directive.d.ts +0 -3
- package/lib/directives/let/let.directive.d.ts +0 -3
- package/lib/exui-common-lib.module.d.ts +3 -77
- package/lib/gov-ui/components/gov-uk-checkbox/gov-uk-checkbox.component.d.ts +0 -3
- package/lib/gov-ui/components/gov-uk-checkboxes/gov-uk-checkboxes.component.d.ts +0 -3
- package/lib/gov-ui/components/gov-uk-date/gov-uk-date.component.d.ts +0 -3
- package/lib/gov-ui/components/gov-uk-error-message/gov-uk-error-message.component.d.ts +0 -3
- package/lib/gov-ui/components/gov-uk-fieldset/gov-uk-fieldset.component.d.ts +0 -3
- package/lib/gov-ui/components/gov-uk-file-upload/gov-uk-file-upload.component.d.ts +0 -3
- package/lib/gov-ui/components/gov-uk-form-group-wrapper/gov-uk-form-group-wrapper.component.d.ts +0 -3
- package/lib/gov-ui/components/gov-uk-input/gov-uk-input.component.d.ts +0 -3
- package/lib/gov-ui/components/gov-uk-label/gov-uk-label.component.d.ts +0 -3
- package/lib/gov-ui/components/gov-uk-radio/gov-uk-radio.component.d.ts +0 -3
- package/lib/gov-ui/components/gov-uk-radios/gov-uk-radios.component.d.ts +0 -3
- package/lib/gov-ui/components/gov-uk-select/gov-uk-select.component.d.ts +0 -3
- package/lib/gov-ui/components/gov-uk-table/gov-uk-table.component.d.ts +0 -3
- package/lib/gov-ui/components/gov-uk-textarea/gov-uk-textarea.component.d.ts +0 -3
- package/lib/gov-ui/components/hmcts-banner/hmcts-banner.component.d.ts +0 -3
- package/lib/gov-ui/components/hmcts-error-summary/hmcts-error-summary.component.d.ts +0 -3
- package/lib/gov-ui/components/hmcts-identity-bar/hmcts-identity-bar.component.d.ts +0 -3
- package/lib/gov-ui/components/hmcts-main-wrapper/hmcts-main-wrapper.component.d.ts +0 -3
- package/lib/gov-ui/components/hmcts-pagination/hmcts-pagination.component.d.ts +0 -3
- package/lib/gov-ui/components/hmcts-primary-navigation/hmcts-primary-navigation.component.d.ts +0 -3
- package/lib/gov-ui/components/hmcts-sub-navigation/hmcts-sub-navigation.component.d.ts +0 -3
- package/lib/gov-ui/directives/remove-host.directive.d.ts +0 -3
- package/lib/gov-ui/gov-ui.service.d.ts +0 -3
- package/lib/models/feature-user.d.ts +1 -1
- package/lib/models/filter.model.d.ts +2 -2
- package/lib/models/public_api.d.ts +0 -1
- package/lib/models/user-details.model.d.ts +0 -2
- package/lib/pipes/capitalize/capitalize.pipe.d.ts +0 -3
- package/lib/services/address/address.service.d.ts +0 -3
- package/lib/services/case-sharing-state/case-sharing-state.service.d.ts +0 -3
- package/lib/services/cookie/cookie.service.d.ts +0 -3
- package/lib/services/feature-toggle/feature-toggle.guard.d.ts +0 -3
- package/lib/services/feature-toggle/feature-toggle.service.d.ts +0 -3
- package/lib/services/feature-toggle/launch-darkly.service.d.ts +0 -3
- package/lib/services/filter/filter.service.d.ts +0 -3
- package/lib/services/find-person/find-person.service.d.ts +0 -3
- package/lib/services/google-analytics/google-analytics.service.d.ts +0 -3
- package/lib/services/google-tag-manager/google-tag-manager.service.d.ts +0 -3
- package/lib/services/loading/loading.service.d.ts +0 -3
- package/lib/services/locations/location.service.d.ts +0 -3
- package/lib/services/manage-session/manage-session.services.d.ts +0 -3
- package/lib/services/ref-data/ref-data-data-access/ref-data-data-access.service.d.ts +0 -3
- package/lib/services/ref-data/ref-data.service.d.ts +0 -3
- package/lib/services/role-guard/role.guard.d.ts +0 -3
- package/lib/services/role-guard/role.service.d.ts +2 -5
- package/lib/services/storage/session-storage/session-storage.service.d.ts +0 -3
- package/lib/services/task-name/task-name.service.d.ts +0 -3
- package/lib/services/timeout-notifications/timeout-notifications.service.d.ts +0 -3
- package/package.json +9 -24
- package/esm2020/hmcts-rpx-xui-common-lib.mjs +0 -5
- package/esm2020/lib/components/accessibility/accessibility.component.mjs +0 -486
- package/esm2020/lib/components/checkbox-list/checkbox-list.component.mjs +0 -231
- package/esm2020/lib/components/contact-details/contact-details.component.mjs +0 -107
- package/esm2020/lib/components/cookie-banner/cookie-banner.component.mjs +0 -144
- package/esm2020/lib/components/due-date/due-date.component.mjs +0 -140
- package/esm2020/lib/components/exui-main-wrapper/exui-page-wrapper.component.mjs +0 -79
- package/esm2020/lib/components/find-location/find-location.component.mjs +0 -219
- package/esm2020/lib/components/find-person/find-person.component.mjs +0 -234
- package/esm2020/lib/components/find-service/find-service.component.mjs +0 -187
- package/esm2020/lib/components/find-task-name/find-task-name.component.mjs +0 -200
- package/esm2020/lib/components/generic-filter/generic-filter.component.mjs +0 -1198
- package/esm2020/lib/components/hmcts-session-dialog/hmcts-session-dialog.component.mjs +0 -55
- package/esm2020/lib/components/invite-user-form/invite-user-form.component.mjs +0 -50
- package/esm2020/lib/components/invite-user-permissions/invite-user-permission.component.mjs +0 -54
- package/esm2020/lib/components/loading-spinner/loading-spinner.component.mjs +0 -32
- package/esm2020/lib/components/pagination/pagination.component.mjs +0 -93
- package/esm2020/lib/components/search-judicials/search-judicials.component.mjs +0 -184
- package/esm2020/lib/components/search-location/search-location.component.mjs +0 -205
- package/esm2020/lib/components/search-service/search-service.component.mjs +0 -81
- package/esm2020/lib/components/search-venue/search-venue.component.mjs +0 -188
- package/esm2020/lib/components/selected-case/selected-case.component.mjs +0 -380
- package/esm2020/lib/components/selected-case-confirm/selected-case-confirm.component.mjs +0 -130
- package/esm2020/lib/components/selected-case-list/selected-case-list.component.mjs +0 -98
- package/esm2020/lib/components/service-message/service-message.component.mjs +0 -50
- package/esm2020/lib/components/service-messages/service-messages.component.mjs +0 -75
- package/esm2020/lib/components/share-case/share-case.component.mjs +0 -410
- package/esm2020/lib/components/share-case-confirm/share-case-confirm.component.mjs +0 -85
- package/esm2020/lib/components/tab/tab.component.mjs +0 -39
- package/esm2020/lib/components/tc-confirm/tc-confirm.component.mjs +0 -65
- package/esm2020/lib/components/terms-and-conditions/tc-display/tc-display-html/tc-display-html.component.mjs +0 -16
- package/esm2020/lib/components/terms-and-conditions/tc-display/tc-display-plain/tc-display-plain.component.mjs +0 -16
- package/esm2020/lib/components/terms-and-conditions/terms-and-conditions.component.mjs +0 -59
- package/esm2020/lib/components/user-details/user-details.component.mjs +0 -265
- package/esm2020/lib/components/user-list/user-list.component.mjs +0 -99
- package/esm2020/lib/components/user-select/user-select.component.mjs +0 -92
- package/esm2020/lib/components/write-address/write-address.component.mjs +0 -345
- package/esm2020/lib/components/write-address-inputs/write-address-inputs.component.mjs +0 -165
- package/esm2020/lib/directives/feature-toggle/feature-toggle.directive.mjs +0 -41
- package/esm2020/lib/directives/let/let.directive.mjs +0 -29
- package/esm2020/lib/exui-common-lib.module.mjs +0 -313
- package/esm2020/lib/gov-ui/components/gov-uk-checkbox/gov-uk-checkbox.component.mjs +0 -54
- package/esm2020/lib/gov-ui/components/gov-uk-checkboxes/gov-uk-checkboxes.component.mjs +0 -136
- package/esm2020/lib/gov-ui/components/gov-uk-date/gov-uk-date.component.mjs +0 -120
- package/esm2020/lib/gov-ui/components/gov-uk-error-message/gov-uk-error-message.component.mjs +0 -45
- package/esm2020/lib/gov-ui/components/gov-uk-fieldset/gov-uk-fieldset.component.mjs +0 -80
- package/esm2020/lib/gov-ui/components/gov-uk-file-upload/gov-uk-file-upload.component.mjs +0 -78
- package/esm2020/lib/gov-ui/components/gov-uk-form-group-wrapper/gov-uk-form-group-wrapper.component.mjs +0 -45
- package/esm2020/lib/gov-ui/components/gov-uk-input/gov-uk-input.component.mjs +0 -70
- package/esm2020/lib/gov-ui/components/gov-uk-label/gov-uk-label.component.mjs +0 -84
- package/esm2020/lib/gov-ui/components/gov-uk-radio/gov-uk-radio.component.mjs +0 -47
- package/esm2020/lib/gov-ui/components/gov-uk-radios/gov-uk-radios.component.mjs +0 -41
- package/esm2020/lib/gov-ui/components/gov-uk-select/gov-uk-select.component.mjs +0 -79
- package/esm2020/lib/gov-ui/components/gov-uk-table/gov-uk-table.component.mjs +0 -188
- package/esm2020/lib/gov-ui/components/gov-uk-textarea/gov-uk-textarea.component.mjs +0 -56
- package/esm2020/lib/gov-ui/components/hmcts-banner/hmcts-banner.component.mjs +0 -112
- package/esm2020/lib/gov-ui/components/hmcts-error-summary/hmcts-error-summary.component.mjs +0 -141
- package/esm2020/lib/gov-ui/components/hmcts-identity-bar/hmcts-identity-bar.component.mjs +0 -33
- package/esm2020/lib/gov-ui/components/hmcts-main-wrapper/hmcts-main-wrapper.component.mjs +0 -130
- package/esm2020/lib/gov-ui/components/hmcts-pagination/hmcts-pagination.component.mjs +0 -204
- package/esm2020/lib/gov-ui/components/hmcts-primary-navigation/hmcts-primary-navigation.component.mjs +0 -59
- package/esm2020/lib/gov-ui/components/hmcts-sub-navigation/hmcts-sub-navigation.component.mjs +0 -57
- package/esm2020/lib/gov-ui/directives/remove-host.directive.mjs +0 -30
- package/esm2020/lib/gov-ui/gov-ui.service.mjs +0 -14
- package/esm2020/lib/models/user-access-type.model.mjs +0 -2
- package/esm2020/lib/models/user-details.model.mjs +0 -2
- package/esm2020/lib/pipes/capitalize/capitalize.pipe.mjs +0 -15
- package/esm2020/lib/services/address/address.service.mjs +0 -55
- package/esm2020/lib/services/case-sharing-state/case-sharing-state.service.mjs +0 -170
- package/esm2020/lib/services/cookie/cookie.service.mjs +0 -48
- package/esm2020/lib/services/feature-toggle/feature-toggle.guard.mjs +0 -34
- package/esm2020/lib/services/feature-toggle/feature-toggle.service.mjs +0 -29
- package/esm2020/lib/services/find-person/find-person.service.mjs +0 -114
- package/esm2020/lib/services/google-analytics/google-analytics.service.mjs +0 -68
- package/esm2020/lib/services/google-tag-manager/google-tag-manager.service.mjs +0 -71
- package/esm2020/lib/services/locations/location.service.mjs +0 -38
- package/esm2020/lib/services/ref-data/ref-data-data-access/ref-data-data-access.service.mjs +0 -33
- package/esm2020/lib/services/role-guard/role.service.mjs +0 -22
- package/fesm2015/hmcts-rpx-xui-common-lib.mjs +0 -10735
- package/fesm2015/hmcts-rpx-xui-common-lib.mjs.map +0 -1
- package/fesm2020/hmcts-rpx-xui-common-lib.mjs +0 -9774
- package/fesm2020/hmcts-rpx-xui-common-lib.mjs.map +0 -1
- package/index.d.ts +0 -5
- package/lib/models/user-access-type.model.d.ts +0 -6
- /package/{esm2020/lib/components/generic-filter/generic-filter-utils.mjs → esm2015/lib/components/generic-filter/generic-filter-utils.js} +0 -0
- /package/{esm2020/lib/components/index.mjs → esm2015/lib/components/index.js} +0 -0
- /package/{esm2020/lib/components/public_api.mjs → esm2015/lib/components/public_api.js} +0 -0
- /package/{esm2020/lib/directives/index.mjs → esm2015/lib/directives/index.js} +0 -0
- /package/{esm2020/lib/directives/public-api.mjs → esm2015/lib/directives/public-api.js} +0 -0
- /package/{esm2020/lib/gov-ui/components/hmcts-banner/hmcts-banner-info.interface.mjs → esm2015/lib/gov-ui/components/hmcts-banner/hmcts-banner-info.interface.js} +0 -0
- /package/{esm2020/lib/gov-ui/components/index.mjs → esm2015/lib/gov-ui/components/index.js} +0 -0
- /package/{esm2020/lib/gov-ui/components/public_api.mjs → esm2015/lib/gov-ui/components/public_api.js} +0 -0
- /package/{esm2020/lib/gov-ui/index.mjs → esm2015/lib/gov-ui/index.js} +0 -0
- /package/{esm2020/lib/gov-ui/models/checkboxes-model.mjs → esm2015/lib/gov-ui/models/checkboxes-model.js} +0 -0
- /package/{esm2020/lib/gov-ui/models/error-messages-model.mjs → esm2015/lib/gov-ui/models/error-messages-model.js} +0 -0
- /package/{esm2020/lib/gov-ui/models/gov-ui-config-model.mjs → esm2015/lib/gov-ui/models/gov-ui-config-model.js} +0 -0
- /package/{esm2020/lib/gov-ui/models/index.mjs → esm2015/lib/gov-ui/models/index.js} +0 -0
- /package/{esm2020/lib/gov-ui/models/isession-storage.interface.mjs → esm2015/lib/gov-ui/models/isession-storage.interface.js} +0 -0
- /package/{esm2020/lib/gov-ui/models/public_api.mjs → esm2015/lib/gov-ui/models/public_api.js} +0 -0
- /package/{esm2020/lib/gov-ui/models/radio-buttons.model.mjs → esm2015/lib/gov-ui/models/radio-buttons.model.js} +0 -0
- /package/{esm2020/lib/gov-ui/public_api.mjs → esm2015/lib/gov-ui/public_api.js} +0 -0
- /package/{esm2020/lib/gov-ui/util/helpers/html-templates.helper.mjs → esm2015/lib/gov-ui/util/helpers/html-templates.helper.js} +0 -0
- /package/{esm2020/lib/gov-ui/util/session-storage/session-storage-utils.mjs → esm2015/lib/gov-ui/util/session-storage/session-storage-utils.js} +0 -0
- /package/{esm2020/lib/gov-ui/validators/checkboxes-be-checked.validator.mjs → esm2015/lib/gov-ui/validators/checkboxes-be-checked.validator.js} +0 -0
- /package/{esm2020/lib/gov-ui/validators/date.validator.mjs → esm2015/lib/gov-ui/validators/date.validator.js} +0 -0
- /package/{esm2020/lib/gov-ui/validators/index.mjs → esm2015/lib/gov-ui/validators/index.js} +0 -0
- /package/{esm2020/lib/gov-ui/validators/public_api.mjs → esm2015/lib/gov-ui/validators/public_api.js} +0 -0
- /package/{esm2020/lib/gov-ui/validators/radio-group.validator.mjs → esm2015/lib/gov-ui/validators/radio-group.validator.js} +0 -0
- /package/{esm2020/lib/models/address-message.enum.mjs → esm2015/lib/models/address-message.enum.js} +0 -0
- /package/{esm2020/lib/models/address-option.model.mjs → esm2015/lib/models/address-option.model.js} +0 -0
- /package/{esm2020/lib/models/address.model.mjs → esm2015/lib/models/address.model.js} +0 -0
- /package/{esm2020/lib/models/case-share.model.mjs → esm2015/lib/models/case-share.model.js} +0 -0
- /package/{esm2020/lib/models/contact-details.model.mjs → esm2015/lib/models/contact-details.model.js} +0 -0
- /package/{esm2020/lib/models/due-date.model.mjs → esm2015/lib/models/due-date.model.js} +0 -0
- /package/{esm2020/lib/models/feature-user.mjs → esm2015/lib/models/feature-user.js} +0 -0
- /package/{esm2020/lib/models/filter.model.mjs → esm2015/lib/models/filter.model.js} +0 -0
- /package/{esm2020/lib/models/idle-config.model.mjs → esm2015/lib/models/idle-config.model.js} +0 -0
- /package/{esm2020/lib/models/index.mjs → esm2015/lib/models/index.js} +0 -0
- /package/{esm2020/lib/models/location.model.mjs → esm2015/lib/models/location.model.js} +0 -0
- /package/{esm2020/lib/models/pagination.model.mjs → esm2015/lib/models/pagination.model.js} +0 -0
- /package/{esm2020/lib/models/person.model.mjs → esm2015/lib/models/person.model.js} +0 -0
- /package/{esm2020/lib/models/search-options.model.mjs → esm2015/lib/models/search-options.model.js} +0 -0
- /package/{esm2020/lib/models/task-name.model.mjs → esm2015/lib/models/task-name.model.js} +0 -0
- /package/{esm2020/lib/models/tcDocument.model.mjs → esm2015/lib/models/tcDocument.model.js} +0 -0
- /package/{esm2020/lib/models/timeout-notification.model.mjs → esm2015/lib/models/timeout-notification.model.js} +0 -0
- /package/{esm2020/lib/models/user.model.mjs → esm2015/lib/models/user.model.js} +0 -0
- /package/{esm2020/lib/pipes/index.mjs → esm2015/lib/pipes/index.js} +0 -0
- /package/{esm2020/lib/services/address/address-parser.mjs → esm2015/lib/services/address/address-parser.js} +0 -0
- /package/{esm2020/lib/services/address/address-type.enum.mjs → esm2015/lib/services/address/address-type.enum.js} +0 -0
- /package/{esm2020/lib/services/index.mjs → esm2015/lib/services/index.js} +0 -0
- /package/{esm2020/lib/services/public-api.mjs → esm2015/lib/services/public-api.js} +0 -0
- /package/{esm2020/lib/services/ref-data/index.mjs → esm2015/lib/services/ref-data/index.js} +0 -0
- /package/{esm2020/lib/services/ref-data/models/ref-data-htmcs-service.model.mjs → esm2015/lib/services/ref-data/models/ref-data-htmcs-service.model.js} +0 -0
- /package/{esm2020/lib/services/ref-data/models/ref-data-region.model.mjs → esm2015/lib/services/ref-data/models/ref-data-region.model.js} +0 -0
- /package/{esm2020/lib/services/ref-data/ref-data-data-access/models/ref-data-locations-by-service-code-response.model.mjs → esm2015/lib/services/ref-data/ref-data-data-access/models/ref-data-locations-by-service-code-response.model.js} +0 -0
- /package/{esm2020/lib/window.mjs → esm2015/lib/window.js} +0 -0
- /package/{esm2020/public-api.mjs → esm2015/public-api.js} +0 -0
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { FormGroup } from '@angular/forms';
|
|
3
|
+
import { HtmlTemplatesHelper } from '../../util/helpers/html-templates.helper';
|
|
4
|
+
/*
|
|
5
|
+
* CheckBox component - state less
|
|
6
|
+
* Responsible for displaying a list of gov-uk-checkboxes
|
|
7
|
+
* @param: options - object with data for wrapper (fieldset) and
|
|
8
|
+
* array of items for gov-uk-checkboxes
|
|
9
|
+
* @param: errors - array of error stings
|
|
10
|
+
* */
|
|
11
|
+
export class GovUkCheckboxesComponent {
|
|
12
|
+
ngOnInit() {
|
|
13
|
+
this.columns = this.setColumns();
|
|
14
|
+
}
|
|
15
|
+
setDescribedBy() {
|
|
16
|
+
return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
|
|
17
|
+
}
|
|
18
|
+
onChecked(checked, value) {
|
|
19
|
+
const formControl = this.group.get(this.config.name);
|
|
20
|
+
const array = formControl.value ? formControl.value : [];
|
|
21
|
+
if (!checked) {
|
|
22
|
+
const modifiedArray = array.filter((item) => item !== value);
|
|
23
|
+
formControl.setValue(modifiedArray);
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
formControl.setValue([...array, value]);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
isChecked(value) {
|
|
30
|
+
const formControl = this.group.get(this.config.name);
|
|
31
|
+
return formControl.value && formControl.value.includes(value);
|
|
32
|
+
}
|
|
33
|
+
setColumns() {
|
|
34
|
+
if (this.config.rows && this.config.rows > 1) {
|
|
35
|
+
const array = [];
|
|
36
|
+
for (let i = 0; i < this.items.length; i += this.config.rows) {
|
|
37
|
+
const arrayChunk = this.items.slice(i, i + this.config.rows);
|
|
38
|
+
array.push(arrayChunk);
|
|
39
|
+
}
|
|
40
|
+
return array;
|
|
41
|
+
}
|
|
42
|
+
else {
|
|
43
|
+
return [this.items];
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
GovUkCheckboxesComponent.decorators = [
|
|
48
|
+
{ type: Component, args: [{
|
|
49
|
+
selector: 'xuilib-gov-uk-checkboxes',
|
|
50
|
+
template: "<div class=\"govuk-form-group gov-uk-input\" [formGroup]=\"group\"\n [ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\">\n\n <xuilib-gov-label [config]=\"config\"></xuilib-gov-label>\n\n <span *ngIf=\"config.hint\" [id]=\"config.id +'-hint'\" class=\"govuk-hint\">\n {{config.hint}}\n </span>\n\n <xuilib-gov-uk-error-message [config]=\"config\" [errorMessage]=\"errorMessage\"></xuilib-gov-uk-error-message>\n\n <div class=\"govuk-checkboxes govuk-checkboxes--small govuk-checkboxes-multi-column\" data-module=\"govuk-checkboxes\">\n <div class=\"govuk-checkboxes-multi-column__single\" *ngFor=\"let columnItems of columns\">\n <div class=\"govuk-checkboxes__item\" *ngFor=\"let item of columnItems\">\n <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n [id]=\"item.id\" [name]=\"item.id\" [checked]=\"isChecked(item.value)\" [value]=\"item.value\"\n [attr.aria-describedby]=\"setDescribedBy()\"\n (change)=\"onChecked($event.target.checked, item.value)\"\n >\n <label class=\"govuk-label govuk-checkboxes__label\" [for]=\"item.id\">\n {{ item.label }}\n </label>\n <div *ngIf=\"item.hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n {{ item.hint }}\n </div>\n </div>\n </div>\n </div>\n</div>\n",
|
|
51
|
+
styles: [".govuk-checkboxes-multi-column{display:flex;flex-wrap:wrap;margin-left:-20px;margin-right:-20px}.govuk-checkboxes-multi-column__single{padding-left:20px;padding-right:20px}"]
|
|
52
|
+
},] }
|
|
53
|
+
];
|
|
54
|
+
GovUkCheckboxesComponent.propDecorators = {
|
|
55
|
+
group: [{ type: Input }],
|
|
56
|
+
config: [{ type: Input }],
|
|
57
|
+
items: [{ type: Input }],
|
|
58
|
+
errorMessage: [{ type: Input }]
|
|
59
|
+
};
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ292LXVrLWNoZWNrYm94ZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh1aS1jb21tb24tbGliL3NyYy9saWIvZ292LXVpL2NvbXBvbmVudHMvZ292LXVrLWNoZWNrYm94ZXMvZ292LXVrLWNoZWNrYm94ZXMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUMvRTs7Ozs7O0lBTUk7QUFPSixNQUFNLE9BQU8sd0JBQXdCO0lBUTVCLFFBQVE7UUFDYixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRU0sY0FBYztRQUNuQixPQUFPLG1CQUFtQixDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM1RSxDQUFDO0lBRU0sU0FBUyxDQUFDLE9BQWdCLEVBQUUsS0FBYTtRQUM5QyxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3JELE1BQU0sS0FBSyxHQUFHLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUV6RCxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ1osTUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQVksRUFBRSxFQUFFLENBQUMsSUFBSSxLQUFLLEtBQUssQ0FBQyxDQUFDO1lBQ3JFLFdBQVcsQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDckM7YUFBTTtZQUNMLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxHQUFHLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQUVNLFNBQVMsQ0FBQyxLQUFhO1FBQzVCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDckQsT0FBTyxXQUFXLENBQUMsS0FBSyxJQUFJLFdBQVcsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hFLENBQUM7SUFFTyxVQUFVO1FBQ2hCLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEdBQUcsQ0FBQyxFQUFFO1lBQzVDLE1BQU0sS0FBSyxHQUF3QixFQUFFLENBQUM7WUFFdEMsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFLENBQUMsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRTtnQkFDNUQsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUM3RCxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2FBQ3hCO1lBRUQsT0FBTyxLQUFLLENBQUM7U0FDZDthQUFNO1lBQ0wsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNyQjtJQUNILENBQUM7OztZQXBERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLDBCQUEwQjtnQkFDcEMsMDFDQUFpRDs7YUFFbEQ7OztvQkFHRSxLQUFLO3FCQUNMLEtBQUs7b0JBQ0wsS0FBSzsyQkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDaGVja2JveGVzTW9kZWwsIEVycm9yTWVzc2FnZXNNb2RlbCwgR292VWlDb25maWdNb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscyc7XG5pbXBvcnQgeyBIdG1sVGVtcGxhdGVzSGVscGVyIH0gZnJvbSAnLi4vLi4vdXRpbC9oZWxwZXJzL2h0bWwtdGVtcGxhdGVzLmhlbHBlcic7XG4vKlxuKiBDaGVja0JveCBjb21wb25lbnQgLSBzdGF0ZSBsZXNzXG4qIFJlc3BvbnNpYmxlIGZvciBkaXNwbGF5aW5nIGEgbGlzdCBvZiBnb3YtdWstY2hlY2tib3hlc1xuKiBAcGFyYW06IG9wdGlvbnMgLSBvYmplY3Qgd2l0aCBkYXRhIGZvciB3cmFwcGVyIChmaWVsZHNldCkgYW5kXG4qIGFycmF5IG9mIGl0ZW1zIGZvciBnb3YtdWstY2hlY2tib3hlc1xuKiBAcGFyYW06IGVycm9ycyAtIGFycmF5IG9mIGVycm9yIHN0aW5nc1xuKiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAneHVpbGliLWdvdi11ay1jaGVja2JveGVzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dvdi11ay1jaGVja2JveGVzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ292LXVrLWNoZWNrYm94ZXMuY29tcG9uZW50LnNjc3MnXVxufSlcblxuZXhwb3J0IGNsYXNzIEdvdlVrQ2hlY2tib3hlc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBncm91cDogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBwdWJsaWMgY29uZmlnOiBHb3ZVaUNvbmZpZ01vZGVsO1xuICBASW5wdXQoKSBwdWJsaWMgaXRlbXM6IENoZWNrYm94ZXNNb2RlbFtdO1xuICBASW5wdXQoKSBwdWJsaWMgZXJyb3JNZXNzYWdlOiBFcnJvck1lc3NhZ2VzTW9kZWw7XG5cbiAgcHVibGljIGNvbHVtbnM6IENoZWNrYm94ZXNNb2RlbFtdW107XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY29sdW1ucyA9IHRoaXMuc2V0Q29sdW1ucygpO1xuICB9XG5cbiAgcHVibGljIHNldERlc2NyaWJlZEJ5KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIEh0bWxUZW1wbGF0ZXNIZWxwZXIuc2V0RGVzY3JpYmVkQnkodGhpcy5lcnJvck1lc3NhZ2UsIHRoaXMuY29uZmlnKTtcbiAgfVxuXG4gIHB1YmxpYyBvbkNoZWNrZWQoY2hlY2tlZDogYm9vbGVhbiwgdmFsdWU6IHN0cmluZykge1xuICAgIGNvbnN0IGZvcm1Db250cm9sID0gdGhpcy5ncm91cC5nZXQodGhpcy5jb25maWcubmFtZSk7XG4gICAgY29uc3QgYXJyYXkgPSBmb3JtQ29udHJvbC52YWx1ZSA/IGZvcm1Db250cm9sLnZhbHVlIDogW107XG5cbiAgICBpZiAoIWNoZWNrZWQpIHtcbiAgICAgIGNvbnN0IG1vZGlmaWVkQXJyYXkgPSBhcnJheS5maWx0ZXIoKGl0ZW06IHN0cmluZykgPT4gaXRlbSAhPT0gdmFsdWUpO1xuICAgICAgZm9ybUNvbnRyb2wuc2V0VmFsdWUobW9kaWZpZWRBcnJheSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGZvcm1Db250cm9sLnNldFZhbHVlKFsuLi5hcnJheSwgdmFsdWVdKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgaXNDaGVja2VkKHZhbHVlOiBzdHJpbmcpIHtcbiAgICBjb25zdCBmb3JtQ29udHJvbCA9IHRoaXMuZ3JvdXAuZ2V0KHRoaXMuY29uZmlnLm5hbWUpO1xuICAgIHJldHVybiBmb3JtQ29udHJvbC52YWx1ZSAmJiBmb3JtQ29udHJvbC52YWx1ZS5pbmNsdWRlcyh2YWx1ZSk7XG4gIH1cblxuICBwcml2YXRlIHNldENvbHVtbnMoKTogQ2hlY2tib3hlc01vZGVsW11bXSB7XG4gICAgaWYgKHRoaXMuY29uZmlnLnJvd3MgJiYgdGhpcy5jb25maWcucm93cyA+IDEpIHtcbiAgICAgIGNvbnN0IGFycmF5OiBDaGVja2JveGVzTW9kZWxbXVtdID0gW107XG5cbiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5pdGVtcy5sZW5ndGg7IGkgKz0gdGhpcy5jb25maWcucm93cykge1xuICAgICAgICBjb25zdCBhcnJheUNodW5rID0gdGhpcy5pdGVtcy5zbGljZShpLCBpICsgdGhpcy5jb25maWcucm93cyk7XG4gICAgICAgIGFycmF5LnB1c2goYXJyYXlDaHVuayk7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBhcnJheTtcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIFt0aGlzLml0ZW1zXTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
/*
|
|
3
|
+
* Gov UK Date Component
|
|
4
|
+
* Responsible for displaying 3 input fields:
|
|
5
|
+
* day / month / year
|
|
6
|
+
* displaying errorMessage messages
|
|
7
|
+
* */
|
|
8
|
+
export class GovUkDateComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.isOptional = false;
|
|
11
|
+
}
|
|
12
|
+
ngOnInit() {
|
|
13
|
+
this.day = `${this.config.id}_day`;
|
|
14
|
+
this.month = `${this.config.id}_month`;
|
|
15
|
+
this.year = `${this.config.id}_year`;
|
|
16
|
+
const dateValidator = this.DateValidator();
|
|
17
|
+
this.formGroup.get(this.day).setValidators(dateValidator);
|
|
18
|
+
}
|
|
19
|
+
isValidDate(d, month, year) {
|
|
20
|
+
const dateCheck = !isNaN(d.getTime());
|
|
21
|
+
// Month mismatch occurs if the provided day or month are invalid, or either is omitted. **Note:** This is insufficient for
|
|
22
|
+
// checking date validity when the year is omitted because it defaults to 1900 - an extra check is required
|
|
23
|
+
const monthMatch = d.getMonth() === month;
|
|
24
|
+
const yearMatch = d.getFullYear() === year;
|
|
25
|
+
return dateCheck && monthMatch && yearMatch;
|
|
26
|
+
}
|
|
27
|
+
isEmpty(value) {
|
|
28
|
+
// Note: Intentional use of == to check for null or undefined
|
|
29
|
+
/* eslint-disable eqeqeq */
|
|
30
|
+
/* tslint:disable:triple-equals */
|
|
31
|
+
// NaN and < 0 checks required for month field
|
|
32
|
+
return value == null || value === '' || isNaN(value) || value < 0;
|
|
33
|
+
/* eslint-enable eqeqeq */
|
|
34
|
+
/* tslint:enable:triple-equals */
|
|
35
|
+
}
|
|
36
|
+
DateValidator() {
|
|
37
|
+
return () => {
|
|
38
|
+
const day = this.formGroup.get(this.day).value;
|
|
39
|
+
const month = this.formGroup.get(this.month).value - 1;
|
|
40
|
+
const year = this.formGroup.get(this.year).value;
|
|
41
|
+
// Validation should pass if the date field is optional and day, month, and year are all empty
|
|
42
|
+
if (this.isOptional && this.isEmpty(day) && this.isEmpty(month) && this.isEmpty(year)) {
|
|
43
|
+
return null;
|
|
44
|
+
}
|
|
45
|
+
// + to coerce year to a number
|
|
46
|
+
return !this.isValidDate(new Date(year, month, day), month, +year) ? { dateComponent: true } : null;
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
GovUkDateComponent.decorators = [
|
|
51
|
+
{ type: Component, args: [{
|
|
52
|
+
selector: 'xuilib-gov-uk-date',
|
|
53
|
+
template: "<div class=\"govuk-form-group\" [ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\" [formGroup]=\"formGroup\">\n <div class=\"date-input-container\">\n <xuilib-gov-uk-fieldset\n [config]=\"{\n legend: config.label || 'Date component',\n classes: config.classes || 'govuk-label--m',\n id: config.id,\n hint: config.hint != null ? config.hint : 'For example, 12 11 2007',\n isPageHeading: config.isPageHeading || false}\"\n [errorMessage]=\"errorMessage\">\n <xuilib-gov-uk-error-message\n [config]=\"{id: 'passport'}\"\n *ngIf=\"errorMessage\"\n [errorMessage]=\"errorMessage\">\n </xuilib-gov-uk-error-message>\n <div class=\"govuk-date-input\" [id]=\"config.id+'-date'\">\n <div class=\"govuk-date-input__item\">\n <div class=\"govuk-form-group\">\n <xuilib-gov-label\n [config]=\"{label: 'Day' | rpxTranslate, name: config.id+'-day', id: config.id+'-day', classes: 'govuk-date-input__label'}\">\n </xuilib-gov-label>\n <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\"\n [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n [id]=\"config.id\"\n [name]=\"config.id+'-day'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n [formControlName]=\"config.id+'_day'\">\n </div>\n </div>\n <div class=\"govuk-date-input__item\">\n <div class=\"govuk-form-group\">\n <xuilib-gov-label\n [config]=\"{label: 'Month' | rpxTranslate, name: config.id+'-month', id: config.id+'-month', classes: 'govuk-date-input__label'}\">\n </xuilib-gov-label>\n <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\"\n [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n [id]=\"config.id+'-month'\"\n [name]=\"config.id+'-month'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n [formControlName]=\"config.id+'_month'\">\n </div>\n </div>\n <div class=\"govuk-date-input__item\">\n <div class=\"govuk-form-group\">\n <xuilib-gov-label\n [config]=\"{label: 'Year' | rpxTranslate, name: config.id+'-year', id: config.id+'-year', classes: 'govuk-date-input__label'}\">\n </xuilib-gov-label>\n <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\"\n [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n [id]=\"config.id+'-year'\"\n [name]=\"config.id+'-year'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n [formControlName]=\"config.id+'_year'\">\n </div>\n </div>\n </div>\n </xuilib-gov-uk-fieldset>\n </div>\n</div>\n",
|
|
54
|
+
styles: [".govuk-form-group .date-input-container{margin-bottom:30px}.govuk-form-group .date-input-container .govuk-date-input .govuk-date-input__item .govuk-form-group{margin-bottom:0}"]
|
|
55
|
+
},] }
|
|
56
|
+
];
|
|
57
|
+
GovUkDateComponent.ctorParameters = () => [];
|
|
58
|
+
GovUkDateComponent.propDecorators = {
|
|
59
|
+
config: [{ type: Input }],
|
|
60
|
+
errorMessage: [{ type: Input }],
|
|
61
|
+
formGroup: [{ type: Input }],
|
|
62
|
+
isOptional: [{ type: Input }]
|
|
63
|
+
};
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ292LXVrLWRhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh1aS1jb21tb24tbGliL3NyYy9saWIvZ292LXVpL2NvbXBvbmVudHMvZ292LXVrLWRhdGUvZ292LXVrLWRhdGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUVOLE1BQU0sZUFBZSxDQUFDO0FBSXZCOzs7OztLQUtLO0FBTUwsTUFBTSxPQUFPLGtCQUFrQjtJQUM3QjtRQUlnQixlQUFVLEdBQVksS0FBSyxDQUFDO0lBSjdCLENBQUM7SUFVVCxRQUFRO1FBQ2IsSUFBSSxDQUFDLEdBQUcsR0FBRyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxNQUFNLENBQUM7UUFDbkMsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxRQUFRLENBQUM7UUFDdkMsSUFBSSxDQUFDLElBQUksR0FBRyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxPQUFPLENBQUM7UUFDckMsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzNDLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDNUQsQ0FBQztJQUVPLFdBQVcsQ0FBQyxDQUFPLEVBQUUsS0FBYSxFQUFFLElBQVk7UUFDdEQsTUFBTSxTQUFTLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7UUFDdEMsMkhBQTJIO1FBQzNILDJHQUEyRztRQUMzRyxNQUFNLFVBQVUsR0FBRyxDQUFDLENBQUMsUUFBUSxFQUFFLEtBQUssS0FBSyxDQUFDO1FBQzFDLE1BQU0sU0FBUyxHQUFHLENBQUMsQ0FBQyxXQUFXLEVBQUUsS0FBSyxJQUFJLENBQUM7UUFDM0MsT0FBTyxTQUFTLElBQUksVUFBVSxJQUFJLFNBQVMsQ0FBQztJQUM5QyxDQUFDO0lBRU8sT0FBTyxDQUFDLEtBQVU7UUFDeEIsNkRBQTZEO1FBQzdELDJCQUEyQjtRQUMzQixrQ0FBa0M7UUFDbEMsOENBQThDO1FBQzlDLE9BQU8sS0FBSyxJQUFJLElBQUksSUFBSSxLQUFLLEtBQUssRUFBRSxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ2xFLDBCQUEwQjtRQUMxQixpQ0FBaUM7SUFDbkMsQ0FBQztJQUVNLGFBQWE7UUFDbEIsT0FBTyxHQUE0QixFQUFFO1lBQ25DLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLENBQUM7WUFDL0MsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7WUFDdkQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUssQ0FBQztZQUNqRCw4RkFBOEY7WUFDOUYsSUFBSSxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO2dCQUNyRixPQUFPLElBQUksQ0FBQzthQUNiO1lBQ0QsK0JBQStCO1lBQy9CLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsR0FBRyxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsYUFBYSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDdEcsQ0FBQyxDQUFDO0lBQ0osQ0FBQzs7O1lBdkRGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5QixnNUZBQTJDOzthQUU1Qzs7OztxQkFHRSxLQUFLOzJCQUNMLEtBQUs7d0JBQ0wsS0FBSzt5QkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25Jbml0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVmFsaWRhdGlvbkVycm9ycywgVmFsaWRhdG9yRm4gfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBFcnJvck1lc3NhZ2VzTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvZXJyb3ItbWVzc2FnZXMtbW9kZWwnO1xuaW1wb3J0IHsgR292VWlDb25maWdNb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9nb3YtdWktY29uZmlnLW1vZGVsJztcbi8qXG4gKiBHb3YgVUsgRGF0ZSBDb21wb25lbnRcbiAqIFJlc3BvbnNpYmxlIGZvciBkaXNwbGF5aW5nIDMgaW5wdXQgZmllbGRzOlxuICogZGF5IC8gbW9udGggLyB5ZWFyXG4gKiBkaXNwbGF5aW5nIGVycm9yTWVzc2FnZSBtZXNzYWdlc1xuICogKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3h1aWxpYi1nb3YtdWstZGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9nb3YtdWstZGF0ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dvdi11ay1kYXRlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR292VWtEYXRlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgY29uc3RydWN0b3IoKSB7fVxuICBASW5wdXQoKSBwdWJsaWMgY29uZmlnOiBHb3ZVaUNvbmZpZ01vZGVsO1xuICBASW5wdXQoKSBwdWJsaWMgZXJyb3JNZXNzYWdlOiBFcnJvck1lc3NhZ2VzTW9kZWw7XG4gIEBJbnB1dCgpIHB1YmxpYyBmb3JtR3JvdXA6IGFueTtcbiAgQElucHV0KCkgcHVibGljIGlzT3B0aW9uYWw6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwdWJsaWMgbW9udGg6IGFueTtcbiAgcHVibGljIGRheTogYW55O1xuICBwdWJsaWMgeWVhcjogYW55O1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmRheSA9IGAke3RoaXMuY29uZmlnLmlkfV9kYXlgO1xuICAgIHRoaXMubW9udGggPSBgJHt0aGlzLmNvbmZpZy5pZH1fbW9udGhgO1xuICAgIHRoaXMueWVhciA9IGAke3RoaXMuY29uZmlnLmlkfV95ZWFyYDtcbiAgICBjb25zdCBkYXRlVmFsaWRhdG9yID0gdGhpcy5EYXRlVmFsaWRhdG9yKCk7XG4gICAgdGhpcy5mb3JtR3JvdXAuZ2V0KHRoaXMuZGF5KS5zZXRWYWxpZGF0b3JzKGRhdGVWYWxpZGF0b3IpO1xuICB9XG5cbiAgcHJpdmF0ZSBpc1ZhbGlkRGF0ZShkOiBEYXRlLCBtb250aDogbnVtYmVyLCB5ZWFyOiBudW1iZXIpOiBib29sZWFuIHtcbiAgICBjb25zdCBkYXRlQ2hlY2sgPSAhaXNOYU4oZC5nZXRUaW1lKCkpO1xuICAgIC8vIE1vbnRoIG1pc21hdGNoIG9jY3VycyBpZiB0aGUgcHJvdmlkZWQgZGF5IG9yIG1vbnRoIGFyZSBpbnZhbGlkLCBvciBlaXRoZXIgaXMgb21pdHRlZC4gKipOb3RlOioqIFRoaXMgaXMgaW5zdWZmaWNpZW50IGZvclxuICAgIC8vIGNoZWNraW5nIGRhdGUgdmFsaWRpdHkgd2hlbiB0aGUgeWVhciBpcyBvbWl0dGVkIGJlY2F1c2UgaXQgZGVmYXVsdHMgdG8gMTkwMCAtIGFuIGV4dHJhIGNoZWNrIGlzIHJlcXVpcmVkXG4gICAgY29uc3QgbW9udGhNYXRjaCA9IGQuZ2V0TW9udGgoKSA9PT0gbW9udGg7XG4gICAgY29uc3QgeWVhck1hdGNoID0gZC5nZXRGdWxsWWVhcigpID09PSB5ZWFyO1xuICAgIHJldHVybiBkYXRlQ2hlY2sgJiYgbW9udGhNYXRjaCAmJiB5ZWFyTWF0Y2g7XG4gIH1cblxuICBwcml2YXRlIGlzRW1wdHkodmFsdWU6IGFueSkge1xuICAgIC8vIE5vdGU6IEludGVudGlvbmFsIHVzZSBvZiA9PSB0byBjaGVjayBmb3IgbnVsbCBvciB1bmRlZmluZWRcbiAgICAvKiBlc2xpbnQtZGlzYWJsZSBlcWVxZXEgKi9cbiAgICAvKiB0c2xpbnQ6ZGlzYWJsZTp0cmlwbGUtZXF1YWxzICovXG4gICAgLy8gTmFOIGFuZCA8IDAgY2hlY2tzIHJlcXVpcmVkIGZvciBtb250aCBmaWVsZFxuICAgIHJldHVybiB2YWx1ZSA9PSBudWxsIHx8IHZhbHVlID09PSAnJyB8fCBpc05hTih2YWx1ZSkgfHwgdmFsdWUgPCAwO1xuICAgIC8qIGVzbGludC1lbmFibGUgZXFlcWVxICovXG4gICAgLyogdHNsaW50OmVuYWJsZTp0cmlwbGUtZXF1YWxzICovXG4gIH1cblxuICBwdWJsaWMgRGF0ZVZhbGlkYXRvcigpOiBWYWxpZGF0b3JGbiB7XG4gICAgcmV0dXJuICgpOiBWYWxpZGF0aW9uRXJyb3JzIHwgbnVsbCA9PiB7XG4gICAgICBjb25zdCBkYXkgPSB0aGlzLmZvcm1Hcm91cC5nZXQodGhpcy5kYXkpLnZhbHVlO1xuICAgICAgY29uc3QgbW9udGggPSB0aGlzLmZvcm1Hcm91cC5nZXQodGhpcy5tb250aCkudmFsdWUgLSAxO1xuICAgICAgY29uc3QgeWVhciA9IHRoaXMuZm9ybUdyb3VwLmdldCh0aGlzLnllYXIpLnZhbHVlO1xuICAgICAgLy8gVmFsaWRhdGlvbiBzaG91bGQgcGFzcyBpZiB0aGUgZGF0ZSBmaWVsZCBpcyBvcHRpb25hbCBhbmQgZGF5LCBtb250aCwgYW5kIHllYXIgYXJlIGFsbCBlbXB0eVxuICAgICAgaWYgKHRoaXMuaXNPcHRpb25hbCAmJiB0aGlzLmlzRW1wdHkoZGF5KSAmJiB0aGlzLmlzRW1wdHkobW9udGgpICYmIHRoaXMuaXNFbXB0eSh5ZWFyKSkge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgIH1cbiAgICAgIC8vICsgdG8gY29lcmNlIHllYXIgdG8gYSBudW1iZXJcbiAgICAgIHJldHVybiAhdGhpcy5pc1ZhbGlkRGF0ZShuZXcgRGF0ZSh5ZWFyLCBtb250aCwgZGF5KSwgbW9udGgsICt5ZWFyKSA/IHsgZGF0ZUNvbXBvbmVudDogdHJ1ZSB9IDogbnVsbDtcbiAgICB9O1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
/*
|
|
3
|
+
* Gov UK Error Message
|
|
4
|
+
* Responsible for displaying in-line error messages
|
|
5
|
+
* @prop config - obj with properties
|
|
6
|
+
* @prop errorMessage - all error bject with messages property that is arry of strings.
|
|
7
|
+
* */
|
|
8
|
+
export class GovUkErrorMessageComponent {
|
|
9
|
+
constructor() { }
|
|
10
|
+
}
|
|
11
|
+
GovUkErrorMessageComponent.decorators = [
|
|
12
|
+
{ type: Component, args: [{
|
|
13
|
+
selector: ' xuilib-gov-uk-error-message',
|
|
14
|
+
template: "<span class=\"govuk-error-message\" [id]=\"config.id + '-error'\" *ngFor=\"let message of errorMessage?.messages\">\n <span class=\"govuk-visually-hidden\">{{'Error' | rpxTranslate}}:</span>{{message | rpxTranslate}}\n</span>\n"
|
|
15
|
+
},] }
|
|
16
|
+
];
|
|
17
|
+
GovUkErrorMessageComponent.ctorParameters = () => [];
|
|
18
|
+
GovUkErrorMessageComponent.propDecorators = {
|
|
19
|
+
config: [{ type: Input }],
|
|
20
|
+
errorMessage: [{ type: Input }]
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ292LXVrLWVycm9yLW1lc3NhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh1aS1jb21tb24tbGliL3NyYy9saWIvZ292LXVpL2NvbXBvbmVudHMvZ292LXVrLWVycm9yLW1lc3NhZ2UvZ292LXVrLWVycm9yLW1lc3NhZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRy9DOzs7OztJQUtJO0FBS0osTUFBTSxPQUFPLDBCQUEwQjtJQUNyQyxnQkFBZ0IsQ0FBQzs7O1lBTGxCLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsOEJBQThCO2dCQUN4QyxnUEFBb0Q7YUFDckQ7Ozs7cUJBR0UsS0FBSzsyQkFFTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVycm9yTWVzc2FnZXNNb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscyc7XG5pbXBvcnQgeyBHb3ZVaUNvbmZpZ01vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2dvdi11aS1jb25maWctbW9kZWwnO1xuLypcbiogR292IFVLIEVycm9yIE1lc3NhZ2VcbiogUmVzcG9uc2libGUgZm9yIGRpc3BsYXlpbmcgaW4tbGluZSBlcnJvciBtZXNzYWdlc1xuKiBAcHJvcCBjb25maWcgLSBvYmogd2l0aCBwcm9wZXJ0aWVzXG4qIEBwcm9wIGVycm9yTWVzc2FnZSAtIGFsbCBlcnJvciBiamVjdCB3aXRoIG1lc3NhZ2VzIHByb3BlcnR5IHRoYXQgaXMgYXJyeSBvZiBzdHJpbmdzLlxuKiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnIHh1aWxpYi1nb3YtdWstZXJyb3ItbWVzc2FnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9nb3YtdWstZXJyb3ItbWVzc2FnZS5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgR292VWtFcnJvck1lc3NhZ2VDb21wb25lbnQge1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuICBASW5wdXQoKSBwdWJsaWMgY29uZmlnOiBHb3ZVaUNvbmZpZ01vZGVsO1xuICAvLyB7IGlkOiBzdHJpbmcgfTtcbiAgQElucHV0KCkgcHVibGljIGVycm9yTWVzc2FnZTogRXJyb3JNZXNzYWdlc01vZGVsO1xufVxuIl19
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { HtmlTemplatesHelper } from '../../util/helpers/html-templates.helper';
|
|
3
|
+
/*
|
|
4
|
+
* Gov Uk Fieldset Component
|
|
5
|
+
* Used to wrap group fieldset elements
|
|
6
|
+
* it can conditionally display h1 tag
|
|
7
|
+
* @param config
|
|
8
|
+
* @param isHeading
|
|
9
|
+
* @param errorMessage - used for aria tag
|
|
10
|
+
* */
|
|
11
|
+
export class GovUkFieldsetComponent {
|
|
12
|
+
constructor() { }
|
|
13
|
+
setDescribedBy() {
|
|
14
|
+
return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
GovUkFieldsetComponent.decorators = [
|
|
18
|
+
{ type: Component, args: [{
|
|
19
|
+
selector: 'xuilib-gov-uk-fieldset',
|
|
20
|
+
template: "<fieldset class=\"govuk-fieldset\" [attr.aria-describedby]=\"setDescribedBy()\">\n <legend [class]=\"config.classes + ' govuk-fieldset__legend'\" *ngIf=\"!config.isPageHeading\">\n {{config.legend | rpxTranslate}}\n </legend>\n\n <legend [class]=\"config.classes + ' govuk-fieldset__legend'\" *ngIf=\"config.isPageHeading\">\n <h1>{{config.legend | rpxTranslate}}</h1>\n </legend>\n\n <span [id]=\"config.id+'-hint'\" class=\"govuk-hint\" *ngIf=\"config.hint\">\n {{config.hint | rpxTranslate}}\n </span>\n <ng-content></ng-content>\n</fieldset>\n"
|
|
21
|
+
},] }
|
|
22
|
+
];
|
|
23
|
+
GovUkFieldsetComponent.ctorParameters = () => [];
|
|
24
|
+
GovUkFieldsetComponent.propDecorators = {
|
|
25
|
+
config: [{ type: Input }],
|
|
26
|
+
errorMessage: [{ type: Input }]
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ292LXVrLWZpZWxkc2V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dWktY29tbW9uLWxpYi9zcmMvbGliL2dvdi11aS9jb21wb25lbnRzL2dvdi11ay1maWVsZHNldC9nb3YtdWstZmllbGRzZXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRy9DLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLDBDQUEwQyxDQUFDO0FBQzdFOzs7Ozs7O0lBT0k7QUFLSixNQUFNLE9BQU8sc0JBQXNCO0lBQ2pDLGdCQUFnQixDQUFDO0lBTVYsY0FBYztRQUNuQixPQUFPLG1CQUFtQixDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM1RSxDQUFDOzs7WUFiRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtnQkFDbEMsK2pCQUErQzthQUNoRDs7OztxQkFHRSxLQUFLOzJCQUdMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXJyb3JNZXNzYWdlc01vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IEdvdlVpQ29uZmlnTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvZ292LXVpLWNvbmZpZy1tb2RlbCc7XG5pbXBvcnQge0h0bWxUZW1wbGF0ZXNIZWxwZXJ9IGZyb20gJy4uLy4uL3V0aWwvaGVscGVycy9odG1sLXRlbXBsYXRlcy5oZWxwZXInO1xuLypcbiogR292IFVrIEZpZWxkc2V0IENvbXBvbmVudFxuKiBVc2VkIHRvIHdyYXAgZ3JvdXAgZmllbGRzZXQgZWxlbWVudHNcbiogaXQgY2FuIGNvbmRpdGlvbmFsbHkgZGlzcGxheSBoMSB0YWdcbiogQHBhcmFtIGNvbmZpZ1xuKiBAcGFyYW0gaXNIZWFkaW5nXG4qIEBwYXJhbSBlcnJvck1lc3NhZ2UgLSB1c2VkIGZvciBhcmlhIHRhZ1xuKiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAneHVpbGliLWdvdi11ay1maWVsZHNldCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9nb3YtdWstZmllbGRzZXQuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEdvdlVrRmllbGRzZXRDb21wb25lbnQge1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuICBASW5wdXQoKSBwdWJsaWMgY29uZmlnOiBHb3ZVaUNvbmZpZ01vZGVsO1xuICAvLyB7bGVnZW5kOiBzdHJpbmc7IGNsYXNzZXM6IHN0cmluZywgaWQ6IHN0cmluZywgaGludDogc3RyaW5nLCBrZXk6IHN0cmluZywgaXNQYWdlSGVhZGluZzogYm9vbGVhbn07XG4gIC8vIEBJbnB1dCgpIHB1YmxpYyBpc1BhZ2VIZWFkaW5nOiBib29sZWFuO1xuICBASW5wdXQoKSBwdWJsaWMgZXJyb3JNZXNzYWdlOiBFcnJvck1lc3NhZ2VzTW9kZWw7XG5cbiAgcHVibGljIHNldERlc2NyaWJlZEJ5KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIEh0bWxUZW1wbGF0ZXNIZWxwZXIuc2V0RGVzY3JpYmVkQnkodGhpcy5lcnJvck1lc3NhZ2UsIHRoaXMuY29uZmlnKTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { FormGroup } from '@angular/forms';
|
|
3
|
+
import { HtmlTemplatesHelper } from '../../util/helpers/html-templates.helper';
|
|
4
|
+
/*
|
|
5
|
+
* Gov UK Input component
|
|
6
|
+
* Responsible for displaying input, hint and error messages
|
|
7
|
+
* @prop errorMessages - array of messages
|
|
8
|
+
* @prop focusOn - passing the FormGroup
|
|
9
|
+
* @prop config - adding configuration
|
|
10
|
+
* */
|
|
11
|
+
export class GovUkFileUploadComponent {
|
|
12
|
+
constructor() {
|
|
13
|
+
// { label: string, hint: string; name: string; id: string, type: string; isPageHeading: boolean, classes: string };
|
|
14
|
+
this.reloadInput = true;
|
|
15
|
+
}
|
|
16
|
+
ngOnInit() {
|
|
17
|
+
this.config.classes = 'govuk-label--m';
|
|
18
|
+
}
|
|
19
|
+
setDescribedBy() {
|
|
20
|
+
return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
GovUkFileUploadComponent.decorators = [
|
|
24
|
+
{ type: Component, args: [{
|
|
25
|
+
selector: 'xuilib-gov-uk-file-upload',
|
|
26
|
+
template: "<div class=\"govuk-form-group\" [formGroup]=\"group\"\n [ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\">\n\n <xuilib-gov-label [config]=\"config\"></xuilib-gov-label>\n\n <span *ngIf=\"config.hint\" [id]=\"config.id +'-hint'\" class=\"govuk-hint\">\n {{config.hint | rpxTranslate}}\n </span>\n\n <xuilib-gov-uk-error-message [config]=\"config\" [errorMessage]=\"errorMessage\"></xuilib-gov-uk-error-message>\n\n <input class=\"govuk-file-upload\"\n *ngIf=\"reloadInput\"\n [formControlName]=\"config.id\"\n [ngClass]=\"{'govuk-file-upload--error': errorMessage?.isInvalid}\"\n [id]=\"config.id\" [name]=\"config.name\"\n [attr.aria-describedby]=\"setDescribedBy()\"\n type=\"file\">\n</div>\n"
|
|
27
|
+
},] }
|
|
28
|
+
];
|
|
29
|
+
GovUkFileUploadComponent.ctorParameters = () => [];
|
|
30
|
+
GovUkFileUploadComponent.propDecorators = {
|
|
31
|
+
errorMessage: [{ type: Input }],
|
|
32
|
+
group: [{ type: Input }],
|
|
33
|
+
config: [{ type: Input }]
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ292LXVrLWZpbGUtdXBsb2FkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dWktY29tbW9uLWxpYi9zcmMvbGliL2dvdi11aS9jb21wb25lbnRzL2dvdi11ay1maWxlLXVwbG9hZC9nb3YtdWstZmlsZS11cGxvYWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ3ZELE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUd6QyxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSwwQ0FBMEMsQ0FBQztBQUM3RTs7Ozs7O0lBTUk7QUFLSixNQUFNLE9BQU8sd0JBQXdCO0lBQ25DO1FBSUEsb0hBQW9IO1FBRTdHLGdCQUFXLEdBQUcsSUFBSSxDQUFDO0lBTlYsQ0FBQztJQVFWLFFBQVE7UUFDYixJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sR0FBRyxnQkFBZ0IsQ0FBQztJQUN6QyxDQUFDO0lBRU0sY0FBYztRQUNuQixPQUFPLG1CQUFtQixDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM1RSxDQUFDOzs7WUFuQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSwyQkFBMkI7Z0JBQ3JDLHEwQkFBa0Q7YUFDbkQ7Ozs7MkJBR0UsS0FBSztvQkFDTCxLQUFLO3FCQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Zvcm1Hcm91cH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRXJyb3JNZXNzYWdlc01vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IEdvdlVpQ29uZmlnTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvZ292LXVpLWNvbmZpZy1tb2RlbCc7XG5pbXBvcnQge0h0bWxUZW1wbGF0ZXNIZWxwZXJ9IGZyb20gJy4uLy4uL3V0aWwvaGVscGVycy9odG1sLXRlbXBsYXRlcy5oZWxwZXInO1xuLypcbiogR292IFVLIElucHV0IGNvbXBvbmVudFxuKiBSZXNwb25zaWJsZSBmb3IgZGlzcGxheWluZyBpbnB1dCwgaGludCBhbmQgZXJyb3IgbWVzc2FnZXNcbiogQHByb3AgZXJyb3JNZXNzYWdlcyAtIGFycmF5IG9mIG1lc3NhZ2VzXG4qIEBwcm9wIGZvY3VzT24gLSBwYXNzaW5nIHRoZSBGb3JtR3JvdXBcbiogQHByb3AgY29uZmlnIC0gYWRkaW5nIGNvbmZpZ3VyYXRpb25cbiogKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3h1aWxpYi1nb3YtdWstZmlsZS11cGxvYWQnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ292LXVrLWZpbGUtdXBsb2FkLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBHb3ZVa0ZpbGVVcGxvYWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuICBASW5wdXQoKSBwdWJsaWMgZXJyb3JNZXNzYWdlOiBFcnJvck1lc3NhZ2VzTW9kZWw7XG4gIEBJbnB1dCgpIHB1YmxpYyBncm91cDogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBwdWJsaWMgY29uZmlnOiBHb3ZVaUNvbmZpZ01vZGVsO1xuICAvLyB7IGxhYmVsOiBzdHJpbmcsIGhpbnQ6IHN0cmluZzsgbmFtZTogc3RyaW5nOyBpZDogc3RyaW5nLCB0eXBlOiBzdHJpbmc7IGlzUGFnZUhlYWRpbmc6IGJvb2xlYW4sIGNsYXNzZXM6IHN0cmluZyB9O1xuXG4gIHB1YmxpYyByZWxvYWRJbnB1dCA9IHRydWU7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY29uZmlnLmNsYXNzZXMgPSAnZ292dWstbGFiZWwtLW0nO1xuICB9XG5cbiAgcHVibGljIHNldERlc2NyaWJlZEJ5KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIEh0bWxUZW1wbGF0ZXNIZWxwZXIuc2V0RGVzY3JpYmVkQnkodGhpcy5lcnJvck1lc3NhZ2UsIHRoaXMuY29uZmlnKTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
/*
|
|
3
|
+
* Gov Uk Form Group Wrapper
|
|
4
|
+
* Used to wrap group form elements in html tags below such as
|
|
5
|
+
* gov-uk-checkboxes and radio buttons
|
|
6
|
+
* and errorMessage messages
|
|
7
|
+
* */
|
|
8
|
+
export class GovUkFormGroupWrapperComponent {
|
|
9
|
+
constructor() { }
|
|
10
|
+
}
|
|
11
|
+
GovUkFormGroupWrapperComponent.decorators = [
|
|
12
|
+
{ type: Component, args: [{
|
|
13
|
+
selector: 'xuilib-gov-uk-form-group-wrapper',
|
|
14
|
+
template: "<div class=\"govuk-form-group\" [attr.formGroupName]=\"group\" [ngClass]=\"{'govuk-form-group--error': (error?.isInvalid)}\">\n <xuilib-gov-uk-fieldset\n [config]=\"{legend: config.legend, classes: 'govuk-label--m', id: config.key, hint: config.hint, isPageHeading: config.isPageHeading}\"\n [errorMessage]=\"error\">\n\n <xuilib-gov-uk-error-message [config]=\"{id: group}\" [errorMessage]=\"error\"></xuilib-gov-uk-error-message>\n\n <ng-content></ng-content>\n\n </xuilib-gov-uk-fieldset>\n</div>"
|
|
15
|
+
},] }
|
|
16
|
+
];
|
|
17
|
+
GovUkFormGroupWrapperComponent.ctorParameters = () => [];
|
|
18
|
+
GovUkFormGroupWrapperComponent.propDecorators = {
|
|
19
|
+
error: [{ type: Input }],
|
|
20
|
+
group: [{ type: Input }],
|
|
21
|
+
config: [{ type: Input }]
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ292LXVrLWZvcm0tZ3JvdXAtd3JhcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHVpLWNvbW1vbi1saWIvc3JjL2xpYi9nb3YtdWkvY29tcG9uZW50cy9nb3YtdWstZm9ybS1ncm91cC13cmFwcGVyL2dvdi11ay1mb3JtLWdyb3VwLXdyYXBwZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRy9DOzs7OztJQUtJO0FBS0osTUFBTSxPQUFPLDhCQUE4QjtJQUN6QyxnQkFBZ0IsQ0FBQzs7O1lBTGxCLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsa0NBQWtDO2dCQUM1Qyw2Z0JBQXlEO2FBQzFEOzs7O29CQUdFLEtBQUs7b0JBQ0wsS0FBSztxQkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVycm9yTWVzc2FnZXNNb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscyc7XG5pbXBvcnQgeyBHb3ZVaUNvbmZpZ01vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2dvdi11aS1jb25maWctbW9kZWwnO1xuLypcbiogR292IFVrIEZvcm0gR3JvdXAgV3JhcHBlclxuKiBVc2VkIHRvIHdyYXAgZ3JvdXAgZm9ybSBlbGVtZW50cyBpbiBodG1sIHRhZ3MgYmVsb3cgc3VjaCBhc1xuKiBnb3YtdWstY2hlY2tib3hlcyBhbmQgcmFkaW8gYnV0dG9uc1xuKiBhbmQgZXJyb3JNZXNzYWdlIG1lc3NhZ2VzXG4qICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd4dWlsaWItZ292LXVrLWZvcm0tZ3JvdXAtd3JhcHBlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9nb3YtdWstZm9ybS1ncm91cC13cmFwcGVyLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBHb3ZVa0Zvcm1Hcm91cFdyYXBwZXJDb21wb25lbnQge1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuICBASW5wdXQoKSBwdWJsaWMgZXJyb3I6IEVycm9yTWVzc2FnZXNNb2RlbDtcbiAgQElucHV0KCkgcHVibGljIGdyb3VwOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBjb25maWc6IEdvdlVpQ29uZmlnTW9kZWw7XG4gIC8vIHtoaW50OiBzdHJpbmc7IGxlZ2VuZDogc3RyaW5nLCBrZXk6IHN0cmluZywgaXNQYWdlSGVhZGluZzogYm9vbGVhbjt9OyAvLyBUT0RPIGNyZWF0ZSBhIGdsb2JhbCBpbnRlcmZhY2VcblxufVxuXG4iXX0=
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { FormGroup } from '@angular/forms';
|
|
3
|
+
import { HtmlTemplatesHelper } from '../../util/helpers/html-templates.helper';
|
|
4
|
+
/*
|
|
5
|
+
* Gov UK Input component
|
|
6
|
+
* Responsible for displaying input, hint and error messages
|
|
7
|
+
* @prop errorMessages - array of messages
|
|
8
|
+
* @prop focusOn - passing the FormGroup
|
|
9
|
+
* @prop config - adding configuration
|
|
10
|
+
* */
|
|
11
|
+
export class GovUkInputComponent {
|
|
12
|
+
constructor() { }
|
|
13
|
+
// { label: string, hint: string; name: string; id: string, type: string; isPageHeading: boolean, classes: string };
|
|
14
|
+
ngOnInit() {
|
|
15
|
+
this.config.classes = typeof (this.config.classes) === 'string' ? this.config.classes : 'govuk-label govuk-label--m';
|
|
16
|
+
}
|
|
17
|
+
setDescribedBy() {
|
|
18
|
+
return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
GovUkInputComponent.decorators = [
|
|
22
|
+
{ type: Component, args: [{
|
|
23
|
+
selector: 'xuilib-gov-uk-input',
|
|
24
|
+
template: "<div class=\"govuk-form-group gov-uk-input\" [formGroup]=\"group\"\n[ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\">\n\n<xuilib-gov-label [config]=\"config\"></xuilib-gov-label>\n\n<span *ngIf=\"config.hint\" [id]=\"config.id +'-hint'\" class=\"govuk-hint\">\n {{config.hint | rpxTranslate}}\n</span>\n\n<xuilib-gov-uk-error-message [config]=\"config\" [errorMessage]=\"errorMessage\"></xuilib-gov-uk-error-message>\n\n<input class=\"govuk-input\"\n [class.govuk-!-width-full]=\"config.fullWidth\"\n [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n [id]=\"config.id\"\n [name]=\"config.name\"\n [type]=\"config.type\"\n [attr.aria-invalid]=\"errorMessage?.isInvalid\"\n [formControlName]=\"config.name\"\n [attr.aria-describedby]='setDescribedBy()'>\n</div>\n",
|
|
25
|
+
styles: [".gov-uk-input input:disabled{background:#b1b4b6}"]
|
|
26
|
+
},] }
|
|
27
|
+
];
|
|
28
|
+
GovUkInputComponent.ctorParameters = () => [];
|
|
29
|
+
GovUkInputComponent.propDecorators = {
|
|
30
|
+
errorMessage: [{ type: Input }],
|
|
31
|
+
group: [{ type: Input }],
|
|
32
|
+
config: [{ type: Input }]
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ292LXVrLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dWktY29tbW9uLWxpYi9zcmMvbGliL2dvdi11aS9jb21wb25lbnRzL2dvdi11ay1pbnB1dC9nb3YtdWstaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUMvRTs7Ozs7O0lBTUk7QUFNSixNQUFNLE9BQU8sbUJBQW1CO0lBQzlCLGdCQUFnQixDQUFDO0lBSWpCLG9IQUFvSDtJQUU3RyxRQUFRO1FBQ2IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEdBQUcsT0FBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsNEJBQTRCLENBQUM7SUFDdEgsQ0FBQztJQUVNLGNBQWM7UUFDbkIsT0FBTyxtQkFBbUIsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDNUUsQ0FBQzs7O1lBbEJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUscUJBQXFCO2dCQUMvQixzMUJBQTRDOzthQUU3Qzs7OzsyQkFHRSxLQUFLO29CQUNMLEtBQUs7cUJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRXJyb3JNZXNzYWdlc01vZGVsLCBHb3ZVaUNvbmZpZ01vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IEh0bWxUZW1wbGF0ZXNIZWxwZXIgfSBmcm9tICcuLi8uLi91dGlsL2hlbHBlcnMvaHRtbC10ZW1wbGF0ZXMuaGVscGVyJztcbi8qXG4qIEdvdiBVSyBJbnB1dCBjb21wb25lbnRcbiogUmVzcG9uc2libGUgZm9yIGRpc3BsYXlpbmcgaW5wdXQsIGhpbnQgYW5kIGVycm9yIG1lc3NhZ2VzXG4qIEBwcm9wIGVycm9yTWVzc2FnZXMgLSBhcnJheSBvZiBtZXNzYWdlc1xuKiBAcHJvcCBmb2N1c09uIC0gcGFzc2luZyB0aGUgRm9ybUdyb3VwXG4qIEBwcm9wIGNvbmZpZyAtIGFkZGluZyBjb25maWd1cmF0aW9uXG4qICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd4dWlsaWItZ292LXVrLWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dvdi11ay1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dvdi11ay1pbnB1dC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdvdlVrSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuICBASW5wdXQoKSBwdWJsaWMgZXJyb3JNZXNzYWdlOiBFcnJvck1lc3NhZ2VzTW9kZWw7XG4gIEBJbnB1dCgpIHB1YmxpYyBncm91cDogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBwdWJsaWMgY29uZmlnOiBHb3ZVaUNvbmZpZ01vZGVsO1xuICAvLyB7IGxhYmVsOiBzdHJpbmcsIGhpbnQ6IHN0cmluZzsgbmFtZTogc3RyaW5nOyBpZDogc3RyaW5nLCB0eXBlOiBzdHJpbmc7IGlzUGFnZUhlYWRpbmc6IGJvb2xlYW4sIGNsYXNzZXM6IHN0cmluZyB9O1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbmZpZy5jbGFzc2VzID0gdHlwZW9mKHRoaXMuY29uZmlnLmNsYXNzZXMpID09PSAnc3RyaW5nJyA/IHRoaXMuY29uZmlnLmNsYXNzZXMgOiAnZ292dWstbGFiZWwgZ292dWstbGFiZWwtLW0nO1xuICB9XG5cbiAgcHVibGljIHNldERlc2NyaWJlZEJ5KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIEh0bWxUZW1wbGF0ZXNIZWxwZXIuc2V0RGVzY3JpYmVkQnkodGhpcy5lcnJvck1lc3NhZ2UsIHRoaXMuY29uZmlnKTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
/*
|
|
3
|
+
* Gov UK Label component
|
|
4
|
+
* Responsible for displaying label tag
|
|
5
|
+
* @prop isPageHading - boolean to display h1
|
|
6
|
+
* @prop config - obj with properties
|
|
7
|
+
* */
|
|
8
|
+
export class GovUkLabelComponent {
|
|
9
|
+
constructor() { }
|
|
10
|
+
}
|
|
11
|
+
GovUkLabelComponent.decorators = [
|
|
12
|
+
{ type: Component, args: [{
|
|
13
|
+
selector: 'xuilib-gov-label',
|
|
14
|
+
template: "<h1 *ngIf=\"config.isPageHeading else noHeading\">\n <label *ngIf=\"config.label\" [for]=\"config.id\" [class]=\"config.classes + ' govuk-label'\">\n <span>{{ config.label | rpxTranslate }}</span>\n <span class=\"govuk-label__optional\" *ngIf=\"config.optional\">(optional)</span>\n </label>\n</h1>\n<ng-template #noHeading>\n <label *ngIf=\"config.label\" [for]=\"config.id\" [class]=\"config.classes + ' govuk-label'\">\n <span>{{ config.label }}</span>\n <span class=\"govuk-label__optional\" *ngIf=\"config.optional\">(optional)</span>\n </label>\n</ng-template>\n",
|
|
15
|
+
styles: [".govuk-label{display:flex;align-items:center;flex-wrap:wrap}.govuk-label__optional{font-weight:400;font-size:16px;display:inline-block;margin-left:.75rem}"]
|
|
16
|
+
},] }
|
|
17
|
+
];
|
|
18
|
+
GovUkLabelComponent.ctorParameters = () => [];
|
|
19
|
+
GovUkLabelComponent.propDecorators = {
|
|
20
|
+
config: [{ type: Input }]
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ292LXVrLWxhYmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dWktY29tbW9uLWxpYi9zcmMvbGliL2dvdi11aS9jb21wb25lbnRzL2dvdi11ay1sYWJlbC9nb3YtdWstbGFiZWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRS9DOzs7OztJQUtJO0FBTUosTUFBTSxPQUFPLG1CQUFtQjtJQUM5QixnQkFBZ0IsQ0FBQzs7O1lBTmxCLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1QixvbEJBQTRDOzthQUU3Qzs7OztxQkFHRSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLypcbiogR292IFVLIExhYmVsIGNvbXBvbmVudFxuKiBSZXNwb25zaWJsZSBmb3IgZGlzcGxheWluZyBsYWJlbCB0YWdcbiogQHByb3AgaXNQYWdlSGFkaW5nIC0gYm9vbGVhbiB0byBkaXNwbGF5IGgxXG4qIEBwcm9wIGNvbmZpZyAtIG9iaiB3aXRoIHByb3BlcnRpZXNcbiogKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3h1aWxpYi1nb3YtbGFiZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ292LXVrLWxhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ292LXVrLWxhYmVsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR292VWtMYWJlbENvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG4gIEBJbnB1dCgpIHB1YmxpYyBjb25maWc6IHsgbGFiZWw6IHN0cmluZywgbmFtZTogc3RyaW5nOyBpZDogc3RyaW5nLCBpc1BhZ2VIZWFkaW5nOiBib29sZWFuLCBjbGFzc2VzOiBzdHJpbmcsIG9wdGlvbmFsPzogc3RyaW5nIH07XG5cbn1cbiJdfQ==
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { FormGroup } from '@angular/forms';
|
|
3
|
+
/*
|
|
4
|
+
* Gov Uk Radio state-less Component responsible for
|
|
5
|
+
* displaying radios input and hint
|
|
6
|
+
*
|
|
7
|
+
* */
|
|
8
|
+
export class GovUkRadioComponent {
|
|
9
|
+
constructor() { }
|
|
10
|
+
/*
|
|
11
|
+
* ngOnInIt
|
|
12
|
+
* needed to manage the focus id if passed on in config
|
|
13
|
+
* si it can focus on element when user clicks on error message in the header.
|
|
14
|
+
**/
|
|
15
|
+
ngOnInit() {
|
|
16
|
+
const id = this.config.focusOn ? this.config.focusOn : this.config.value;
|
|
17
|
+
this.config.id = id;
|
|
18
|
+
this.config.classes = this.config.classes ?
|
|
19
|
+
this.config.classes.concat(' govuk-radios__label') : 'govuk-radios__label';
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
GovUkRadioComponent.decorators = [
|
|
23
|
+
{ type: Component, args: [{
|
|
24
|
+
selector: 'xuilib-gov-radio',
|
|
25
|
+
template: "<div class=\"govuk-radios__item\" [formGroup]=\"group\">\n <input [className]=\"'govuk-radios__input ' + config.classes\"\n [id]=\"config.id\"\n [value]=\"config.value\" type=\"radio\"\n [attr.data-aria-controls]=\"config.id\"\n [name]=\"config.name\"\n [formControl]=\"group.controls[config.name]\">\n <xuilib-gov-label appRemoveHost [config]=\"config\"></xuilib-gov-label>\n</div>\n"
|
|
26
|
+
},] }
|
|
27
|
+
];
|
|
28
|
+
GovUkRadioComponent.ctorParameters = () => [];
|
|
29
|
+
GovUkRadioComponent.propDecorators = {
|
|
30
|
+
group: [{ type: Input }],
|
|
31
|
+
config: [{ type: Input }]
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ292LXVrLXJhZGlvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dWktY29tbW9uLWxpYi9zcmMvbGliL2dvdi11aS9jb21wb25lbnRzL2dvdi11ay1yYWRpby9nb3YtdWstcmFkaW8uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ3ZELE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUV6Qzs7OztJQUlJO0FBS0osTUFBTSxPQUFPLG1CQUFtQjtJQUM5QixnQkFBZ0IsQ0FBQztJQU1qQjs7OztRQUlJO0lBQ0csUUFBUTtRQUNiLE1BQU0sRUFBRSxHQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDMUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDekMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLHNCQUFzQixDQUFDLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDO0lBQy9FLENBQUM7OztZQXJCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtnQkFDNUIsc2JBQTRDO2FBQzdDOzs7O29CQUdFLEtBQUs7cUJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Rm9ybUdyb3VwfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBHb3ZVaUNvbmZpZ01vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2dvdi11aS1jb25maWctbW9kZWwnO1xuLypcbiogR292IFVrIFJhZGlvIHN0YXRlLWxlc3MgIENvbXBvbmVudCByZXNwb25zaWJsZSBmb3JcbiogZGlzcGxheWluZyByYWRpb3MgaW5wdXQgYW5kIGhpbnRcbipcbiogKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3h1aWxpYi1nb3YtcmFkaW8nLFxuICB0ZW1wbGF0ZVVybDogJy4vZ292LXVrLXJhZGlvLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBHb3ZVa1JhZGlvQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgY29uc3RydWN0b3IoKSB7IH1cbiAgQElucHV0KCkgcHVibGljIGdyb3VwOiBGb3JtR3JvdXA7XG4gIEBJbnB1dCgpIHB1YmxpYyBjb25maWc6IEdvdlVpQ29uZmlnTW9kZWw7XG4gIC8vIHt2YWx1ZTogc3RyaW5nLCBsYWJlbDogc3RyaW5nLCBoaW50OiBzdHJpbmc7IG5hbWU6IHN0cmluZzsgZm9jdXNPbjogc3RyaW5nOyBpZDogc3RyaW5nOyBjbGFzc2VzOiBzdHJpbmd9OyAvLyBUT0RPIGNyZWF0ZSBpbnRlcmZhY2VcblxuICBwdWJsaWMgaWQ6IHN0cmluZztcbiAgLypcbiAgICogbmdPbkluSXRcbiAgICogbmVlZGVkIHRvIG1hbmFnZSB0aGUgZm9jdXMgaWQgaWYgcGFzc2VkIG9uIGluIGNvbmZpZ1xuICAgKiBzaSBpdCBjYW4gZm9jdXMgb24gZWxlbWVudCB3aGVuIHVzZXIgY2xpY2tzIG9uIGVycm9yIG1lc3NhZ2UgaW4gdGhlIGhlYWRlci5cbiAgICoqL1xuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgY29uc3QgaWQgPSAgdGhpcy5jb25maWcuZm9jdXNPbiA/IHRoaXMuY29uZmlnLmZvY3VzT24gOiB0aGlzLmNvbmZpZy52YWx1ZTtcbiAgICB0aGlzLmNvbmZpZy5pZCA9IGlkO1xuICAgIHRoaXMuY29uZmlnLmNsYXNzZXMgPSB0aGlzLmNvbmZpZy5jbGFzc2VzID9cbiAgICAgIHRoaXMuY29uZmlnLmNsYXNzZXMuY29uY2F0KCcgZ292dWstcmFkaW9zX19sYWJlbCcpIDogJ2dvdnVrLXJhZGlvc19fbGFiZWwnO1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
/*
|
|
3
|
+
* Radios component - state less
|
|
4
|
+
* Responsible for displaying a list of gov-uk-radio components
|
|
5
|
+
* @param: options - object with data for wrapper (fieldset) and
|
|
6
|
+
* array of items for gov-uk-checkboxes
|
|
7
|
+
* @param: errors - array of error stings
|
|
8
|
+
* */
|
|
9
|
+
export class GovUkRadiosComponent {
|
|
10
|
+
}
|
|
11
|
+
GovUkRadiosComponent.decorators = [
|
|
12
|
+
{ type: Component, args: [{
|
|
13
|
+
selector: 'xuilib-gov-uk-radios',
|
|
14
|
+
template: "<xuilib-gov-uk-form-group-wrapper\n[error]=\"errors\"\n[config]=\"options.config\"\n[group]=\"options.key\">\n<div class=\"govuk-radios\">\n <xuilib-gov-radio\n appRemoveHost\n *ngFor=\"let item of options.items\"\n [group]=\"options.group\"\n [config]=\"item.config\">\n </xuilib-gov-radio>\n</div>\n</xuilib-gov-uk-form-group-wrapper>"
|
|
15
|
+
},] }
|
|
16
|
+
];
|
|
17
|
+
GovUkRadiosComponent.propDecorators = {
|
|
18
|
+
options: [{ type: Input }],
|
|
19
|
+
errors: [{ type: Input }]
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ292LXVrLXJhZGlvcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHVpLWNvbW1vbi1saWIvc3JjL2xpYi9nb3YtdWkvY29tcG9uZW50cy9nb3YtdWstcmFkaW9zL2dvdi11ay1yYWRpb3MuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR2pEOzs7Ozs7SUFNSTtBQU1KLE1BQU0sT0FBTyxvQkFBb0I7OztZQUxoQyxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtnQkFDaEMsMFdBQTZDO2FBQzlDOzs7c0JBSUUsS0FBSztxQkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXJyb3JNZXNzYWdlc01vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IFJhZGlvQnV0dG9uc01vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3JhZGlvLWJ1dHRvbnMubW9kZWwnO1xuLypcbiogUmFkaW9zIGNvbXBvbmVudCAtIHN0YXRlIGxlc3NcbiogUmVzcG9uc2libGUgZm9yIGRpc3BsYXlpbmcgYSBsaXN0IG9mIGdvdi11ay1yYWRpbyBjb21wb25lbnRzXG4qIEBwYXJhbTogb3B0aW9ucyAtIG9iamVjdCB3aXRoIGRhdGEgZm9yIHdyYXBwZXIgKGZpZWxkc2V0KSBhbmRcbiogYXJyYXkgb2YgaXRlbXMgZm9yIGdvdi11ay1jaGVja2JveGVzXG4qIEBwYXJhbTogZXJyb3JzIC0gYXJyYXkgb2YgZXJyb3Igc3RpbmdzXG4qICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd4dWlsaWItZ292LXVrLXJhZGlvcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9nb3YtdWstcmFkaW9zLmNvbXBvbmVudC5odG1sJ1xufSlcblxuZXhwb3J0IGNsYXNzIEdvdlVrUmFkaW9zQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSBwdWJsaWMgb3B0aW9uczogUmFkaW9CdXR0b25zTW9kZWw7XG4gIEBJbnB1dCgpIHB1YmxpYyBlcnJvcnM6IEVycm9yTWVzc2FnZXNNb2RlbDtcblxufVxuIl19
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { FormGroup } from '@angular/forms';
|
|
3
|
+
import { HtmlTemplatesHelper } from '../../util/helpers/html-templates.helper';
|
|
4
|
+
/*
|
|
5
|
+
* Gov Uk Select Dumb Component responsible for
|
|
6
|
+
* dropdown input.
|
|
7
|
+
* */
|
|
8
|
+
export class GovUkSelectComponent {
|
|
9
|
+
constructor() { }
|
|
10
|
+
setDescribedBy() {
|
|
11
|
+
return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
GovUkSelectComponent.decorators = [
|
|
15
|
+
{ type: Component, args: [{
|
|
16
|
+
selector: 'xuilib-gov-select',
|
|
17
|
+
template: "<div class=\"govuk-form-group\" [formGroup]=\"group\"\n[ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\">\n<xuilib-gov-label [config]=\"config\"></xuilib-gov-label>\n<span *ngIf=\"config.hint\" [id]=\"config.id +'-hint'\" class=\"govuk-hint\">\n {{config.hint | rpxTranslate}}\n</span>\n<xuilib-gov-uk-error-message [config]=\"config\" [errorMessage]=\"errorMessage\"></xuilib-gov-uk-error-message>\n\n<select class=\"govuk-select\"\n [class.govuk-!-width-full]=\"config.fullWidth\"\n [id]=\"config.id\" [name]=\"config.id\" [formControlName]=\"config.id\" [attr.aria-describedby]='setDescribedBy()'>\n <option value=\"{{item.value}}\" *ngFor=\"let item of items\">{{item.label | rpxTranslate}}</option>\n</select>\n</div>\n"
|
|
18
|
+
},] }
|
|
19
|
+
];
|
|
20
|
+
GovUkSelectComponent.ctorParameters = () => [];
|
|
21
|
+
GovUkSelectComponent.propDecorators = {
|
|
22
|
+
errorMessage: [{ type: Input }],
|
|
23
|
+
group: [{ type: Input }],
|
|
24
|
+
config: [{ type: Input }],
|
|
25
|
+
items: [{ type: Input }]
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ292LXVrLXNlbGVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHVpLWNvbW1vbi1saWIvc3JjL2xpYi9nb3YtdWkvY29tcG9uZW50cy9nb3YtdWstc2VsZWN0L2dvdi11ay1zZWxlY3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUd6QyxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSwwQ0FBMEMsQ0FBQztBQUM3RTs7O0lBR0k7QUFLSixNQUFNLE9BQU8sb0JBQW9CO0lBQy9CLGdCQUFlLENBQUM7SUFPVCxjQUFjO1FBQ25CLE9BQU8sbUJBQW1CLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzVFLENBQUM7OztZQWRGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2dCQUM3Qixnd0JBQTZDO2FBQzlDOzs7OzJCQUdFLEtBQUs7b0JBQ0wsS0FBSztxQkFDTCxLQUFLO29CQUVMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtGb3JtR3JvdXB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEVycm9yTWVzc2FnZXNNb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscyc7XG5pbXBvcnQgeyBHb3ZVaUNvbmZpZ01vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2dvdi11aS1jb25maWctbW9kZWwnO1xuaW1wb3J0IHtIdG1sVGVtcGxhdGVzSGVscGVyfSBmcm9tICcuLi8uLi91dGlsL2hlbHBlcnMvaHRtbC10ZW1wbGF0ZXMuaGVscGVyJztcbi8qXG4qIEdvdiBVayBTZWxlY3QgRHVtYiBDb21wb25lbnQgcmVzcG9uc2libGUgZm9yXG4qIGRyb3Bkb3duIGlucHV0LlxuKiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAneHVpbGliLWdvdi1zZWxlY3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ292LXVrLXNlbGVjdC5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgR292VWtTZWxlY3RDb21wb25lbnQge1xuICBjb25zdHJ1Y3RvcigpIHt9XG4gIEBJbnB1dCgpIHB1YmxpYyBlcnJvck1lc3NhZ2U6IEVycm9yTWVzc2FnZXNNb2RlbDtcbiAgQElucHV0KCkgcHVibGljIGdyb3VwOiBGb3JtR3JvdXA7XG4gIEBJbnB1dCgpIHB1YmxpYyBjb25maWc6IEdvdlVpQ29uZmlnTW9kZWw7XG4gIC8vIHtoaW50OiBzdHJpbmc7IG5hbWU6IHN0cmluZzsgaWQ6IHN0cmluZywgIGlzUGFnZUhlYWRpbmc6IGJvb2xlYW4sIGNsYXNzZXM6IHN0cmluZyB9O1xuICBASW5wdXQoKSBwdWJsaWMgaXRlbXM6IHsgbGFiZWw6IHN0cmluZywgdmFsdWU6IHN0cmluZzsgaWQ6IHN0cmluZzsgfVtdO1xuXG4gIHB1YmxpYyBzZXREZXNjcmliZWRCeSgpOiBzdHJpbmcge1xuICAgIHJldHVybiBIdG1sVGVtcGxhdGVzSGVscGVyLnNldERlc2NyaWJlZEJ5KHRoaXMuZXJyb3JNZXNzYWdlLCB0aGlzLmNvbmZpZyk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { formatDate } from '@angular/common';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
export class GovukTableComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.classes = '';
|
|
6
|
+
this.caption = 'Dates and amounts';
|
|
7
|
+
this.firstCellIsHeader = true;
|
|
8
|
+
this.columnConfig = [
|
|
9
|
+
{ header: 'Date', key: 'date', type: 'text' },
|
|
10
|
+
{ header: 'Amount', key: 'amount' }
|
|
11
|
+
];
|
|
12
|
+
}
|
|
13
|
+
formatDate(date) {
|
|
14
|
+
return formatDate(date, 'dd/MM/yyyy', 'en-UK');
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
GovukTableComponent.decorators = [
|
|
18
|
+
{ type: Component, args: [{
|
|
19
|
+
selector: 'xuilib-gov-uk-table',
|
|
20
|
+
template: "<table class=\"{{'govuk-table ' + classes}}\">\n <caption class=\"govuk-table__caption\">{{caption | rpxTranslate}}</caption>\n <thead class=\"govuk-table__head\" >\n <tr class=\"govuk-table__row\">\n <th class=\"govuk-table__header\" scope=\"col\" *ngFor=\"let h of columnConfig\">{{h.header | rpxTranslate}}</th>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\">\n <tr data-selector=\"table-row\" class=\"govuk-table__row\" *ngFor=\"let r of rows\">\n <ng-container *ngFor=\"let col of columnConfig; first as isFirst\">\n <th data-selector=\"table-header\" class=\"govuk-table__header\" scope=\"row\" *ngIf=\"isFirst && firstCellIsHeader\">\n <ng-container *ngIf=\"!col.type || col.type === 'text' || !r.routerLink\">{{r[col.key] | rpxTranslate}}</ng-container>\n <ng-container *ngIf=\"col.type === 'link' && r.routerLink\">\n <a class=\"govuk-link\" [routerLink]=\"r.routerLink\">{{r[col.key] | rpxTranslate}}</a>\n </ng-container>\n </th>\n <td data-selector=\"table-cell\" class=\"govuk-table__cell\" *ngIf=\"!(isFirst && firstCellIsHeader)\">\n <ng-container *ngIf=\"col.type === 'date'\">{{formatDate(r[col.key]) | rpxTranslate}}</ng-container>\n <ng-container *ngIf=\"!col.type || col.type === 'text' || !r.routerLink\">{{r[col.key] | rpxTranslate}}</ng-container>\n <ng-container *ngIf=\"col.type === 'link' && r.routerLink\">\n <a class=\"govuk-link\" [routerLink]=\"r.routerLink\">{{r[col.key] | rpxTranslate}}</a>\n </ng-container>\n </td>\n </ng-container>\n </tr>\n </tbody>\n</table>\n",
|
|
21
|
+
styles: [""]
|
|
22
|
+
},] }
|
|
23
|
+
];
|
|
24
|
+
GovukTableComponent.ctorParameters = () => [];
|
|
25
|
+
GovukTableComponent.propDecorators = {
|
|
26
|
+
classes: [{ type: Input }],
|
|
27
|
+
caption: [{ type: Input }],
|
|
28
|
+
firstCellIsHeader: [{ type: Input }],
|
|
29
|
+
rows: [{ type: Input }],
|
|
30
|
+
columnConfig: [{ type: Input }]
|
|
31
|
+
};
|
|
32
|
+
export class GovukTableColumnConfig {
|
|
33
|
+
constructor() {
|
|
34
|
+
this.header = '';
|
|
35
|
+
this.key = '';
|
|
36
|
+
this.type = 'text';
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ292LXVrLXRhYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dWktY29tbW9uLWxpYi9zcmMvbGliL2dvdi11aS9jb21wb25lbnRzL2dvdi11ay10YWJsZS9nb3YtdWstdGFibGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQU8vQyxNQUFNLE9BQU8sbUJBQW1CO0lBVzVCO1FBVGdCLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFDYixZQUFPLEdBQUcsbUJBQW1CLENBQUM7UUFDOUIsc0JBQWlCLEdBQUcsSUFBSSxDQUFDO1FBRXpCLGlCQUFZLEdBQTZCO1lBQ3JELEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUU7WUFDN0MsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUU7U0FDdEMsQ0FBQztJQUVjLENBQUM7SUFFVixVQUFVLENBQUMsSUFBVTtRQUN4QixPQUFPLFVBQVUsQ0FBQyxJQUFJLEVBQUUsWUFBWSxFQUFFLE9BQU8sQ0FBQyxDQUFDO0lBQ25ELENBQUM7OztZQXBCSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLHFCQUFxQjtnQkFDL0IsNHREQUE0Qzs7YUFFL0M7Ozs7c0JBR0ksS0FBSztzQkFDTCxLQUFLO2dDQUNMLEtBQUs7bUJBQ0wsS0FBSzsyQkFDTCxLQUFLOztBQWFWLE1BQU0sT0FBTyxzQkFBc0I7SUFJL0I7UUFDSSxJQUFJLENBQUMsTUFBTSxHQUFHLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsR0FBRyxHQUFHLEVBQUUsQ0FBQztRQUNkLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDO0lBQ3ZCLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Zm9ybWF0RGF0ZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAneHVpbGliLWdvdi11ay10YWJsZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dvdi11ay10YWJsZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZ292LXVrLXRhYmxlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR292dWtUYWJsZUNvbXBvbmVudCB7XG5cbiAgICBASW5wdXQoKSBwdWJsaWMgY2xhc3NlcyA9ICcnO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBjYXB0aW9uID0gJ0RhdGVzIGFuZCBhbW91bnRzJztcbiAgICBASW5wdXQoKSBwdWJsaWMgZmlyc3RDZWxsSXNIZWFkZXIgPSB0cnVlO1xuICAgIEBJbnB1dCgpIHB1YmxpYyByb3dzOiBhbnk7XG4gICAgQElucHV0KCkgcHVibGljIGNvbHVtbkNvbmZpZzogR292dWtUYWJsZUNvbHVtbkNvbmZpZ1tdID0gW1xuICAgICAgICB7IGhlYWRlcjogJ0RhdGUnLCBrZXk6ICdkYXRlJywgdHlwZTogJ3RleHQnIH0sXG4gICAgICAgIHsgaGVhZGVyOiAnQW1vdW50Jywga2V5OiAnYW1vdW50JyB9XG4gICAgXTtcblxuICAgIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgICBwdWJsaWMgZm9ybWF0RGF0ZShkYXRlOiBEYXRlKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIGZvcm1hdERhdGUoZGF0ZSwgJ2RkL01NL3l5eXknLCAnZW4tVUsnKTtcbiAgICB9XG5cbn1cblxuZXhwb3J0IGNsYXNzIEdvdnVrVGFibGVDb2x1bW5Db25maWcge1xuICAgIHB1YmxpYyBoZWFkZXI6IHN0cmluZztcbiAgICBwdWJsaWMga2V5OiBzdHJpbmc7XG4gICAgcHVibGljIHR5cGU/OiBzdHJpbmc7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMuaGVhZGVyID0gJyc7XG4gICAgICAgIHRoaXMua2V5ID0gJyc7XG4gICAgICAgIHRoaXMudHlwZSA9ICd0ZXh0JztcbiAgICB9XG4gIH1cbiJdfQ==
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { FormGroup } from '@angular/forms';
|
|
3
|
+
import { HtmlTemplatesHelper } from '../../util/helpers/html-templates.helper';
|
|
4
|
+
/*
|
|
5
|
+
* CheckBox component - state less
|
|
6
|
+
* Responsible for displaying a list of gov-uk-checkboxes
|
|
7
|
+
* @param: options - object with data for wrapper (fieldset) and
|
|
8
|
+
* array of items for gov-uk-checkboxes
|
|
9
|
+
* @param: errors - array of errorMessage
|
|
10
|
+
* */
|
|
11
|
+
export class GovUkTextareaComponent {
|
|
12
|
+
setDescribedBy() {
|
|
13
|
+
return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
GovUkTextareaComponent.decorators = [
|
|
17
|
+
{ type: Component, args: [{
|
|
18
|
+
selector: 'xuilib-gov-uk-textarea',
|
|
19
|
+
template: "<div [formGroup]=\"group\"\nclass=\"govuk-form-group\" [ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\">\n<xuilib-gov-label [config]=\"config\"></xuilib-gov-label>\n<span id=\"more-detail-hint\" class=\"govuk-hint\">\n {{config.hint | rpxTranslate}}\n</span>\n<xuilib-gov-uk-error-message [config]=\"config\" [errorMessage]=\"errorMessage\"></xuilib-gov-uk-error-message>\n<textarea\n class=\"govuk-textarea\" [formControlName]=\"config.key\"\n [ngClass]=\"{'govuk-textarea--error': errorMessage?.isInvalid}\"\n [id]=\"config.id\" name=\"more-detail\" [rows]=\"config.rows\" [attr.aria-describedby]=\"setDescribedBy()\"></textarea>\n</div>\n"
|
|
20
|
+
},] }
|
|
21
|
+
];
|
|
22
|
+
GovUkTextareaComponent.propDecorators = {
|
|
23
|
+
config: [{ type: Input }],
|
|
24
|
+
errorMessage: [{ type: Input }],
|
|
25
|
+
group: [{ type: Input }]
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ292LXVrLXRleHRhcmVhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dWktY29tbW9uLWxpYi9zcmMvbGliL2dvdi11aS9jb21wb25lbnRzL2dvdi11ay10ZXh0YXJlYS9nb3YtdWstdGV4dGFyZWEuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUd6QyxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSwwQ0FBMEMsQ0FBQztBQUM3RTs7Ozs7O0lBTUk7QUFLSixNQUFNLE9BQU8sc0JBQXNCO0lBTTFCLGNBQWM7UUFDbkIsT0FBTyxtQkFBbUIsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDNUUsQ0FBQzs7O1lBWkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx3QkFBd0I7Z0JBQ2xDLG1xQkFBK0M7YUFDaEQ7OztxQkFFRSxLQUFLOzJCQUVMLEtBQUs7b0JBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Zvcm1Hcm91cH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRXJyb3JNZXNzYWdlc01vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IEdvdlVpQ29uZmlnTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvZ292LXVpLWNvbmZpZy1tb2RlbCc7XG5pbXBvcnQge0h0bWxUZW1wbGF0ZXNIZWxwZXJ9IGZyb20gJy4uLy4uL3V0aWwvaGVscGVycy9odG1sLXRlbXBsYXRlcy5oZWxwZXInO1xuLypcbiogQ2hlY2tCb3ggY29tcG9uZW50IC0gc3RhdGUgbGVzc1xuKiBSZXNwb25zaWJsZSBmb3IgZGlzcGxheWluZyBhIGxpc3Qgb2YgZ292LXVrLWNoZWNrYm94ZXNcbiogQHBhcmFtOiBvcHRpb25zIC0gb2JqZWN0IHdpdGggZGF0YSBmb3Igd3JhcHBlciAoZmllbGRzZXQpIGFuZFxuKiBhcnJheSBvZiBpdGVtcyBmb3IgZ292LXVrLWNoZWNrYm94ZXNcbiogQHBhcmFtOiBlcnJvcnMgLSBhcnJheSBvZiBlcnJvck1lc3NhZ2VcbiogKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3h1aWxpYi1nb3YtdWstdGV4dGFyZWEnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ292LXVrLXRleHRhcmVhLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBHb3ZVa1RleHRhcmVhQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIGNvbmZpZzogR292VWlDb25maWdNb2RlbDtcbiAgLy8ge2xhYmVsOiBzdHJpbmc7IGNsYXNzZXM6IHN0cmluZzsgaGludDogc3RyaW5nOyBrZXk6IHN0cmluZzsgcm93czogbnVtYmVyLCBpZDogc3RyaW5nfTtcbiAgQElucHV0KCkgcHVibGljIGVycm9yTWVzc2FnZTogRXJyb3JNZXNzYWdlc01vZGVsO1xuICBASW5wdXQoKSBwdWJsaWMgZ3JvdXA6IEZvcm1Hcm91cDtcblxuICBwdWJsaWMgc2V0RGVzY3JpYmVkQnkoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gSHRtbFRlbXBsYXRlc0hlbHBlci5zZXREZXNjcmliZWRCeSh0aGlzLmVycm9yTWVzc2FnZSwgdGhpcy5jb25maWcpO1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
export class HmctsBannerComponent {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.title = '';
|
|
5
|
+
this.showMessageIcon = false;
|
|
6
|
+
this.messageBoldText = false;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
HmctsBannerComponent.decorators = [
|
|
10
|
+
{ type: Component, args: [{
|
|
11
|
+
selector: 'xuilib-hmcts-banner',
|
|
12
|
+
template: "<ng-container *ngIf=\"message && type\">\n <div *ngIf=\"title\"\n class=\"hmcts-banner-title hmcts-banner-title--{{ type }}\">\n {{ title }}\n </div>\n <div class=\"hmcts-banner hmcts-banner--{{ type }}\">\n <ng-container *ngIf=\"showMessageIcon\">\n <ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"'warning'\">\n <svg class=\"hmcts-banner__icon hmcts-banner__icon--warning\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n </svg>\n </ng-container>\n <ng-container *ngSwitchCase=\"'success'\">\n <svg class=\"hmcts-banner__icon hmcts-banner__icon--success\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n <path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\"></path>\n </svg>\n </ng-container>\n <ng-container *ngSwitchCase=\"'information'\">\n <svg class=\"hmcts-banner__icon hmcts-banner__icon--information\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n <path d=\"M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z\"></path>\n </svg>\n </ng-container>\n </ng-container>\n </ng-container>\n\n <div class=\"hmcts-banner__message\" [class.hmcts-banner__message--bold]=\"messageBoldText\">\n <span class=\"hmcts-banner__assistive\">{{type | rpxTranslate}}</span>\n <span class=\"hmcts-banner__message-text govuk-!-font-weight-bold\">{{message | rpxTranslate}}</span>\n </div>\n </div>\n</ng-container>\n",
|
|
13
|
+
styles: [".hmcts-banner-title{color:#fff;background-color:#1d70b8;font-weight:700;padding:10px 15px 5px}.hmcts-banner-title--success{background-color:#00703c}.hmcts-banner-title--warning{background-color:#d4351c}.hmcts-banner__message--bold{font-weight:700}"]
|
|
14
|
+
},] }
|
|
15
|
+
];
|
|
16
|
+
HmctsBannerComponent.propDecorators = {
|
|
17
|
+
message: [{ type: Input }],
|
|
18
|
+
type: [{ type: Input }],
|
|
19
|
+
title: [{ type: Input }],
|
|
20
|
+
showMessageIcon: [{ type: Input }],
|
|
21
|
+
messageBoldText: [{ type: Input }]
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG1jdHMtYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dWktY29tbW9uLWxpYi9zcmMvbGliL2dvdi11aS9jb21wb25lbnRzL2htY3RzLWJhbm5lci9obWN0cy1iYW5uZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBT2pELE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFRa0IsVUFBSyxHQUFZLEVBQUUsQ0FBQztRQUNwQixvQkFBZSxHQUFhLEtBQUssQ0FBQztRQUNsQyxvQkFBZSxHQUFhLEtBQUssQ0FBQztJQUNwRCxDQUFDOzs7WUFYQSxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtnQkFDL0IsK2pFQUE0Qzs7YUFFN0M7OztzQkFFRSxLQUFLO21CQUNMLEtBQUs7b0JBQ0wsS0FBSzs4QkFDTCxLQUFLOzhCQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3h1aWxpYi1obWN0cy1iYW5uZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vaG1jdHMtYmFubmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaG1jdHMtYmFubmVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgSG1jdHNCYW5uZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgbWVzc2FnZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgdHlwZTogJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnIHwgJ2luZm9ybWF0aW9uJztcbiAgQElucHV0KCkgcHVibGljIHRpdGxlPzogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzaG93TWVzc2FnZUljb24/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBtZXNzYWdlQm9sZFRleHQ/OiBib29sZWFuID0gZmFsc2U7XG59XG4iXX0=
|