@hmcts/rpx-xui-common-lib 3.2.27 → 3.2.28
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.
|
@@ -6,7 +6,7 @@ import * as i1 from '@angular/common';
|
|
|
6
6
|
import { formatDate, CommonModule } from '@angular/common';
|
|
7
7
|
import * as i2$3 from '@angular/forms';
|
|
8
8
|
import { FormGroup, FormControl, Validators, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
9
|
-
import { combineLatest, BehaviorSubject, Subject, of as of$1, forkJoin, zip, iif } from 'rxjs';
|
|
9
|
+
import { combineLatest, BehaviorSubject, Subject, of as of$1, forkJoin, zip, iif, merge } from 'rxjs';
|
|
10
10
|
import * as i1$1 from '@angular/router';
|
|
11
11
|
import { NavigationEnd, RouterModule } from '@angular/router';
|
|
12
12
|
import { map, filter, distinctUntilChanged, delay, skipWhile, tap, shareReplay, catchError, take, debounceTime, switchMap, mergeMap } from 'rxjs/operators';
|
|
@@ -3416,7 +3416,7 @@ class SearchServiceComponent {
|
|
|
3416
3416
|
}
|
|
3417
3417
|
}
|
|
3418
3418
|
static { this.ɵfac = function SearchServiceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SearchServiceComponent)(); }; }
|
|
3419
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchServiceComponent, selectors: [["exui-search-service"]], inputs: { options: "options", selectedOptions: "selectedOptions", disabled: "disabled", showAutocomplete: "showAutocomplete", searchTerm: "searchTerm" }, outputs: { searchTermChange: "searchTermChange", optionChanged: "optionChanged" }, standalone: false, decls: 7, vars: 4, consts: [["autoSearchService", "matAutocomplete"], [1, "auto-complete-container"], ["id", "inputServiceSearch", 1, "govuk-input", 3, "input", "value", "matAutocomplete"], ["autoActiveFirstOption", "", 1, "mat-autocomplete-panel-extend"], [3, "value"], [3, "onSelectionChange", "value"]], template: function SearchServiceComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3419
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchServiceComponent, selectors: [["exui-search-service"]], inputs: { options: "options", selectedOptions: "selectedOptions", disabled: "disabled", showAutocomplete: "showAutocomplete", searchTerm: "searchTerm" }, outputs: { searchTermChange: "searchTermChange", optionChanged: "optionChanged" }, standalone: false, decls: 7, vars: 4, consts: [["autoSearchService", "matAutocomplete"], [1, "auto-complete-container"], ["id", "inputServiceSearch", 1, "govuk-input", 3, "input", "value", "matAutocomplete", "disabled"], ["autoActiveFirstOption", "", 1, "mat-autocomplete-panel-extend"], [3, "value"], [3, "onSelectionChange", "value"]], template: function SearchServiceComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3420
3420
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
3421
3421
|
i0.ɵɵelementStart(0, "div", 1)(1, "input", 2);
|
|
3422
3422
|
i0.ɵɵlistener("input", function SearchServiceComponent_Template_input_input_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSearchTermChanged($event.target.value)); });
|
|
@@ -3428,8 +3428,7 @@ class SearchServiceComponent {
|
|
|
3428
3428
|
} if (rf & 2) {
|
|
3429
3429
|
const autoSearchService_r5 = i0.ɵɵreference(3);
|
|
3430
3430
|
i0.ɵɵadvance();
|
|
3431
|
-
i0.ɵɵproperty("value", ctx.searchTerm)("matAutocomplete", autoSearchService_r5);
|
|
3432
|
-
i0.ɵɵattribute("disabled", ctx.disabled);
|
|
3431
|
+
i0.ɵɵproperty("value", ctx.searchTerm)("matAutocomplete", autoSearchService_r5)("disabled", ctx.disabled);
|
|
3433
3432
|
i0.ɵɵadvance(3);
|
|
3434
3433
|
i0.ɵɵrepeater(ctx.filteredOptions);
|
|
3435
3434
|
i0.ɵɵadvance(2);
|
|
@@ -3438,7 +3437,7 @@ class SearchServiceComponent {
|
|
|
3438
3437
|
}
|
|
3439
3438
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchServiceComponent, [{
|
|
3440
3439
|
type: Component,
|
|
3441
|
-
args: [{ selector: 'exui-search-service', standalone: false, template: "<div class=\"auto-complete-container\">\n <input id=\"inputServiceSearch\"\n class=\"govuk-input\"\n [value]=\"searchTerm\"\n (input)=\"onSearchTermChanged($event.target.value)\"\n [matAutocomplete]=\"autoSearchService\"\n [
|
|
3440
|
+
args: [{ selector: 'exui-search-service', standalone: false, template: "<div class=\"auto-complete-container\">\n <input id=\"inputServiceSearch\"\n class=\"govuk-input\"\n [value]=\"searchTerm\"\n (input)=\"onSearchTermChanged($event.target.value)\"\n [matAutocomplete]=\"autoSearchService\"\n [disabled]=\"disabled\">\n <mat-autocomplete class=\"mat-autocomplete-panel-extend\" autoActiveFirstOption #autoSearchService=\"matAutocomplete\">\n @for (service of filteredOptions; track service) {\n <mat-option (onSelectionChange)=\"onSelectionChanged($event)\" [value]=\"service.label\">\n {{ service.label }}\n </mat-option>\n }\n @if (!filteredOptions?.length && showAutocomplete) {\n <mat-option>\n No results found\n </mat-option>\n }\n </mat-autocomplete>\n</div>\n", styles: [".autocomplete__input--show-all-values{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible{display:block}.autocomplete__menu--hidden{display:none}.autocomplete__menu--overlay{box-shadow:#00000042 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline{position:relative}.autocomplete__option{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option>*{pointer-events:none}.autocomplete__option:first-of-type{border-top-width:0}.autocomplete__option:last-of-type{border-bottom-width:0}.autocomplete__option--odd{background-color:#fafafa}.autocomplete__option--focused,.autocomplete__option:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:13px;line-height:1.25}.autocomplete__hint,.autocomplete__option{padding:5px}@media (min-width: 641px){.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:13px;line-height:1.31579}}.div-action{display:inline-block}.add-location{display:inline}.remove-location-button{margin:5px}.hide-autocomplete{display:none}.auto-complete-container{min-width:250px;display:inline-block;margin-right:4px}.autocomplete__input{line-height:24px;font-size:19px}\n"] }]
|
|
3442
3441
|
}], null, { options: [{
|
|
3443
3442
|
type: Input
|
|
3444
3443
|
}], selectedOptions: [{
|
|
@@ -7836,7 +7835,7 @@ function UserDetailsComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
7836
7835
|
function UserDetailsComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
7837
7836
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
7838
7837
|
i0.ɵɵelementStart(0, "button", 12);
|
|
7839
|
-
i0.ɵɵlistener("click", function UserDetailsComponent_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.suspendUser(ctx_r0.user)); })
|
|
7838
|
+
i0.ɵɵlistener("click", function UserDetailsComponent_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.suspendUser(ctx_r0.user)); });
|
|
7840
7839
|
i0.ɵɵtext(1);
|
|
7841
7840
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
7842
7841
|
i0.ɵɵelementEnd();
|
|
@@ -7859,7 +7858,7 @@ function UserDetailsComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
7859
7858
|
i0.ɵɵpipe(10, "rpxTranslate");
|
|
7860
7859
|
i0.ɵɵelementEnd()();
|
|
7861
7860
|
i0.ɵɵelementStart(11, "button", 14);
|
|
7862
|
-
i0.ɵɵlistener("click", function UserDetailsComponent_Conditional_3_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.reinviteClick(ctx_r0.user)); })
|
|
7861
|
+
i0.ɵɵlistener("click", function UserDetailsComponent_Conditional_3_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.reinviteClick(ctx_r0.user)); });
|
|
7863
7862
|
i0.ɵɵtext(12);
|
|
7864
7863
|
i0.ɵɵpipe(13, "rpxTranslate");
|
|
7865
7864
|
i0.ɵɵelementEnd()();
|
|
@@ -7912,7 +7911,7 @@ class UserDetailsComponent {
|
|
|
7912
7911
|
return false;
|
|
7913
7912
|
}
|
|
7914
7913
|
static { this.ɵfac = function UserDetailsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserDetailsComponent)(); }; }
|
|
7915
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserDetailsComponent, selectors: [["xuilib-user-details"]], inputs: { user: "user", enabledAccessTypes: "enabledAccessTypes", editPermissionRouterLink: "editPermissionRouterLink", warningTitle: "warningTitle", showEditLink: "showEditLink", showHelpLink: "showHelpLink", suspendHelpLink: "suspendHelpLink", showSuspendUserButton: "showSuspendUserButton" }, outputs: { suspendUserEvent: "suspendUserEvent", reinvite: "reinvite" }, standalone: false, decls: 5, vars: 5, consts: [[1, "govuk-warning-text"], ["role", "presentation", 1, "govuk-table"], ["tabindex", "0", 1, "govuk-button", "govuk-button--warning"], [1, "govuk-body"], [1, "govuk-warning-text__icon"], [1, "govuk-visually-hidden"], [1, "govuk-warning-text__text"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["role", "link", 3, "routerLink"], ["tabindex", "0", 1, "govuk-button", "govuk-button--warning", 3, "click"
|
|
7914
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserDetailsComponent, selectors: [["xuilib-user-details"]], inputs: { user: "user", enabledAccessTypes: "enabledAccessTypes", editPermissionRouterLink: "editPermissionRouterLink", warningTitle: "warningTitle", showEditLink: "showEditLink", showHelpLink: "showHelpLink", suspendHelpLink: "suspendHelpLink", showSuspendUserButton: "showSuspendUserButton" }, outputs: { suspendUserEvent: "suspendUserEvent", reinvite: "reinvite" }, standalone: false, decls: 5, vars: 5, consts: [[1, "govuk-warning-text"], ["role", "presentation", 1, "govuk-table"], ["tabindex", "0", 1, "govuk-button", "govuk-button--warning"], [1, "govuk-body"], [1, "govuk-warning-text__icon"], [1, "govuk-visually-hidden"], [1, "govuk-warning-text__text"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["role", "link", 3, "routerLink"], ["tabindex", "0", 1, "govuk-button", "govuk-button--warning", 3, "click"], [1, "govuk-inset-text"], ["tabindex", "0", "id", "resend-invite-button", 1, "govuk-button", 3, "click"], ["target", "_blank", 3, "routerLink"]], template: function UserDetailsComponent_Template(rf, ctx) { if (rf & 1) {
|
|
7916
7915
|
i0.ɵɵconditionalCreate(0, UserDetailsComponent_Conditional_0_Template, 8, 3, "div", 0);
|
|
7917
7916
|
i0.ɵɵconditionalCreate(1, UserDetailsComponent_Conditional_1_Template, 18, 11, "dl", 1);
|
|
7918
7917
|
i0.ɵɵconditionalCreate(2, UserDetailsComponent_Conditional_2_Template, 3, 3, "button", 2);
|
|
@@ -7932,7 +7931,7 @@ class UserDetailsComponent {
|
|
|
7932
7931
|
}
|
|
7933
7932
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserDetailsComponent, [{
|
|
7934
7933
|
type: Component,
|
|
7935
|
-
args: [{ selector: 'xuilib-user-details', standalone: false, template: "@if (warningTitle && warningTitle !== '') {\n <div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\">!</span>\n <span class=\"govuk-visually-hidden\">Warning</span>\n <strong class=\"govuk-warning-text__text\">\n {{ warningTitle | rpxTranslate}}\n </strong>\n </div>\n}\n@if (user) {\n <dl class=\"govuk-table\" role=\"presentation\">\n <div class=\"govuk-table__body\">\n <div class=\"govuk-table__row\">\n <dt class=\"govuk-table__header\" scope=\"row\">{{'Name' | rpxTranslate}}</dt>\n <dd class=\"govuk-table__cell\">{{user.fullName | rpxTranslate}}</dd>\n <dd class=\"govuk-table__cell\"></dd>\n </div>\n <div class=\"govuk-table__row\">\n <dt class=\"govuk-table__header\" scope=\"row\">{{'Email address' | rpxTranslate}}</dt>\n <dd class=\"govuk-table__cell\">{{user.email}}</dd>\n <dd class=\"govuk-table__cell\"></dd>\n </div>\n @if (!user.resendInvite) {\n <div class=\"govuk-table__row\">\n <dt class=\"govuk-table__header\" scope=\"row\">{{'Permissions' | rpxTranslate}}</dt>\n <dd class=\"govuk-table__cell\">\n @if (user.manageOrganisations === 'Yes') {\n <div>{{'Manage organisations' | rpxTranslate}}</div>\n }\n @if (user.manageUsers === 'Yes') {\n <div>{{'Manage users' | rpxTranslate}}</div>\n }\n @if (user.manageCases === 'Yes') {\n <div>{{'Manage cases' | rpxTranslate}}</div>\n }\n @if (userHasRole('pui-caa')) {\n <div>{{'Case access administrator' | rpxTranslate}}</div>\n }\n @if (userHasRole('pui-finance-manager')) {\n <div>{{'Manage fee accounts' | rpxTranslate}}</div>\n }\n @for (accesstype of enabledAccessTypes; track accesstype) {\n <div>{{ accesstype | rpxTranslate}}</div>\n }\n </dd>\n <dd class=\"govuk-table__cell\">@if (editPermissionRouterLink && showEditLink) {\n <a role=\"link\" [routerLink]=\"editPermissionRouterLink\">{{'Change' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'roles' | rpxTranslate}}</span></a>\n }</dd>\n </div>\n }\n </div>\n </dl>\n}\n@if (showSuspendUserButton) {\n <button class=\"govuk-button govuk-button--warning\" tabindex=\"0\" (click)=\"suspendUser(user)\"
|
|
7934
|
+
args: [{ selector: 'xuilib-user-details', standalone: false, template: "@if (warningTitle && warningTitle !== '') {\n <div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\">!</span>\n <span class=\"govuk-visually-hidden\">Warning</span>\n <strong class=\"govuk-warning-text__text\">\n {{ warningTitle | rpxTranslate}}\n </strong>\n </div>\n}\n@if (user) {\n <dl class=\"govuk-table\" role=\"presentation\">\n <div class=\"govuk-table__body\">\n <div class=\"govuk-table__row\">\n <dt class=\"govuk-table__header\" scope=\"row\">{{'Name' | rpxTranslate}}</dt>\n <dd class=\"govuk-table__cell\">{{user.fullName | rpxTranslate}}</dd>\n <dd class=\"govuk-table__cell\"></dd>\n </div>\n <div class=\"govuk-table__row\">\n <dt class=\"govuk-table__header\" scope=\"row\">{{'Email address' | rpxTranslate}}</dt>\n <dd class=\"govuk-table__cell\">{{user.email}}</dd>\n <dd class=\"govuk-table__cell\"></dd>\n </div>\n @if (!user.resendInvite) {\n <div class=\"govuk-table__row\">\n <dt class=\"govuk-table__header\" scope=\"row\">{{'Permissions' | rpxTranslate}}</dt>\n <dd class=\"govuk-table__cell\">\n @if (user.manageOrganisations === 'Yes') {\n <div>{{'Manage organisations' | rpxTranslate}}</div>\n }\n @if (user.manageUsers === 'Yes') {\n <div>{{'Manage users' | rpxTranslate}}</div>\n }\n @if (user.manageCases === 'Yes') {\n <div>{{'Manage cases' | rpxTranslate}}</div>\n }\n @if (userHasRole('pui-caa')) {\n <div>{{'Case access administrator' | rpxTranslate}}</div>\n }\n @if (userHasRole('pui-finance-manager')) {\n <div>{{'Manage fee accounts' | rpxTranslate}}</div>\n }\n @for (accesstype of enabledAccessTypes; track accesstype) {\n <div>{{ accesstype | rpxTranslate}}</div>\n }\n </dd>\n <dd class=\"govuk-table__cell\">@if (editPermissionRouterLink && showEditLink) {\n <a role=\"link\" [routerLink]=\"editPermissionRouterLink\">{{'Change' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'roles' | rpxTranslate}}</span></a>\n }</dd>\n </div>\n }\n </div>\n </dl>\n}\n@if (showSuspendUserButton) {\n <button class=\"govuk-button govuk-button--warning\" tabindex=\"0\" (click)=\"suspendUser(user)\">\n {{'Suspend account' | rpxTranslate}}\n </button>\n}\n@if (user && user.resendInvite) {\n <div>\n <div class=\"govuk-inset-text\">\n <p>{{'This user has already been invited but has not activated their account.' | rpxTranslate}}</p>\n <p>{{'If you resend an invitation, they\\'ll receive an email from HM Courts and Tribunals to finish setting up their account.' | rpxTranslate}}</p>\n <p>{{'You can\\'t invite the same user more than once an hour.' | rpxTranslate}}</p>\n </div>\n <button class=\"govuk-button\" tabindex=\"0\" (click)=\"reinviteClick(user)\" id=\"resend-invite-button\">\n {{'Resend invitation' | rpxTranslate}}\n </button>\n </div>\n}\n@if (showHelpLink && suspendHelpLink) {\n <p class=\"govuk-body\"><a [routerLink]=\"suspendHelpLink\" target=\"_blank\">{{'Get help' | rpxTranslate}}</a> {{'to reactivate this account.' | rpxTranslate}}</p>\n}\n", styles: [":host{display:block}\n"] }]
|
|
7936
7935
|
}], null, { user: [{
|
|
7937
7936
|
type: Input
|
|
7938
7937
|
}], enabledAccessTypes: [{
|
|
@@ -9410,11 +9409,13 @@ class FeatureToggleDirective {
|
|
|
9410
9409
|
}
|
|
9411
9410
|
}
|
|
9412
9411
|
updateSubscription() {
|
|
9413
|
-
this.subscription
|
|
9414
|
-
|
|
9412
|
+
this.subscription?.unsubscribe();
|
|
9413
|
+
this.viewContainer.clear();
|
|
9414
|
+
this.subscription = this.service.isEnabled(this.feature).subscribe((enabled) => {
|
|
9415
|
+
if (enabled && this.viewContainer.length === 0) {
|
|
9415
9416
|
this.viewContainer.createEmbeddedView(this.templateRef);
|
|
9416
9417
|
}
|
|
9417
|
-
else {
|
|
9418
|
+
else if (!enabled) {
|
|
9418
9419
|
this.viewContainer.clear();
|
|
9419
9420
|
}
|
|
9420
9421
|
});
|
|
@@ -9615,7 +9616,12 @@ class GovUkDateComponent {
|
|
|
9615
9616
|
this.month = `${this.config.id}_month`;
|
|
9616
9617
|
this.year = `${this.config.id}_year`;
|
|
9617
9618
|
const dateValidator = this.DateValidator();
|
|
9618
|
-
this.formGroup.get(this.day)
|
|
9619
|
+
const dayControl = this.formGroup.get(this.day);
|
|
9620
|
+
dayControl.setValidators(dateValidator);
|
|
9621
|
+
this.dateControlSubscription = merge(this.formGroup.get(this.month).valueChanges, this.formGroup.get(this.year).valueChanges).subscribe(() => dayControl.updateValueAndValidity({ emitEvent: false, onlySelf: true }));
|
|
9622
|
+
}
|
|
9623
|
+
ngOnDestroy() {
|
|
9624
|
+
this.dateControlSubscription?.unsubscribe();
|
|
9619
9625
|
}
|
|
9620
9626
|
isValidDate(d, month, year) {
|
|
9621
9627
|
const dateCheck = !isNaN(d.getTime());
|
|
@@ -9706,7 +9712,7 @@ class GovUkDateComponent {
|
|
|
9706
9712
|
}], isOptional: [{
|
|
9707
9713
|
type: Input
|
|
9708
9714
|
}] }); })();
|
|
9709
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GovUkDateComponent, { className: "GovUkDateComponent", filePath: "lib/gov-ui/components/gov-uk-date/gov-uk-date.component.ts", lineNumber:
|
|
9715
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GovUkDateComponent, { className: "GovUkDateComponent", filePath: "lib/gov-ui/components/gov-uk-date/gov-uk-date.component.ts", lineNumber: 23 }); })();
|
|
9710
9716
|
|
|
9711
9717
|
const _c0$3 = a0 => ({ "govuk-form-group--error": a0 });
|
|
9712
9718
|
const _c1$1 = a0 => ({ "govuk-file-upload--error": a0 });
|
|
@@ -10106,7 +10112,7 @@ class GovUkTextareaComponent {
|
|
|
10106
10112
|
return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
|
|
10107
10113
|
}
|
|
10108
10114
|
static { this.ɵfac = function GovUkTextareaComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkTextareaComponent)(); }; }
|
|
10109
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkTextareaComponent, selectors: [["xuilib-gov-uk-textarea"]], inputs: { config: "config", errorMessage: "errorMessage", group: "group" }, standalone: false, decls: 7, vars:
|
|
10115
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkTextareaComponent, selectors: [["xuilib-gov-uk-textarea"]], inputs: { config: "config", errorMessage: "errorMessage", group: "group" }, standalone: false, decls: 7, vars: 18, consts: [[1, "govuk-form-group", 3, "formGroup", "ngClass"], [3, "config"], [1, "govuk-hint", 3, "id"], [3, "config", "errorMessage"], ["name", "more-detail", 1, "govuk-textarea", 3, "formControlName", "ngClass", "id", "rows"]], template: function GovUkTextareaComponent_Template(rf, ctx) { if (rf & 1) {
|
|
10110
10116
|
i0.ɵɵelementStart(0, "div", 0);
|
|
10111
10117
|
i0.ɵɵelement(1, "xuilib-gov-label", 1);
|
|
10112
10118
|
i0.ɵɵelementStart(2, "span", 2);
|
|
@@ -10116,21 +10122,23 @@ class GovUkTextareaComponent {
|
|
|
10116
10122
|
i0.ɵɵelement(5, "xuilib-gov-uk-error-message", 3)(6, "textarea", 4);
|
|
10117
10123
|
i0.ɵɵelementEnd();
|
|
10118
10124
|
} if (rf & 2) {
|
|
10119
|
-
i0.ɵɵproperty("formGroup", ctx.group)("ngClass", i0.ɵɵpureFunction1(
|
|
10125
|
+
i0.ɵɵproperty("formGroup", ctx.group)("ngClass", i0.ɵɵpureFunction1(14, _c0$1, ctx.errorMessage == null ? null : ctx.errorMessage.isInvalid));
|
|
10120
10126
|
i0.ɵɵadvance();
|
|
10121
10127
|
i0.ɵɵproperty("config", ctx.config);
|
|
10122
|
-
i0.ɵɵadvance(
|
|
10123
|
-
i0.ɵɵ
|
|
10128
|
+
i0.ɵɵadvance();
|
|
10129
|
+
i0.ɵɵproperty("id", ctx.config.id + "-hint");
|
|
10130
|
+
i0.ɵɵadvance();
|
|
10131
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 12, ctx.config.hint), "\n");
|
|
10124
10132
|
i0.ɵɵadvance(2);
|
|
10125
10133
|
i0.ɵɵproperty("config", ctx.config)("errorMessage", ctx.errorMessage);
|
|
10126
10134
|
i0.ɵɵadvance();
|
|
10127
|
-
i0.ɵɵproperty("formControlName", ctx.config.key)("ngClass", i0.ɵɵpureFunction1(
|
|
10135
|
+
i0.ɵɵproperty("formControlName", ctx.config.key)("ngClass", i0.ɵɵpureFunction1(16, _c1, ctx.errorMessage == null ? null : ctx.errorMessage.isInvalid))("id", ctx.config.id)("rows", ctx.config.rows);
|
|
10128
10136
|
i0.ɵɵattribute("aria-describedby", ctx.setDescribedBy());
|
|
10129
10137
|
} }, dependencies: [i1.NgClass, i2$3.DefaultValueAccessor, i2$3.NgControlStatus, i2$3.NgControlStatusGroup, i2$3.FormGroupDirective, i2$3.FormControlName, GovUkLabelComponent, GovUkErrorMessageComponent, i2.RpxTranslatePipe], encapsulation: 2 }); }
|
|
10130
10138
|
}
|
|
10131
10139
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GovUkTextareaComponent, [{
|
|
10132
10140
|
type: Component,
|
|
10133
|
-
args: [{ selector: 'xuilib-gov-uk-textarea', standalone: false, 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=\"
|
|
10141
|
+
args: [{ selector: 'xuilib-gov-uk-textarea', standalone: false, 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]=\"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<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" }]
|
|
10134
10142
|
}], null, { config: [{
|
|
10135
10143
|
type: Input
|
|
10136
10144
|
}], errorMessage: [{
|