npm - @hmcts/opal-frontend-common - Versions diffs - 0.0.63 → 0.0.65 - Mend

@hmcts/opal-frontend-common 0.0.63 → 0.0.65

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.

Files changed (146) hide show

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-radio.mjs CHANGED Viewed

@@ -10,10 +10,10 @@ class GovukRadiosConditionalComponent {
      * Id used by aria-controls to connect a radio input to this conditional panel.
      */
     conditionalId;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukRadiosConditionalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: GovukRadiosConditionalComponent, isStandalone: true, selector: "opal-lib-govuk-radios-conditional, [opal-lib-govuk-radios-conditional]", inputs: { conditionalId: "conditionalId" }, ngImport: i0, template: "<div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" [id]=\"conditionalId\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukRadiosConditionalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: GovukRadiosConditionalComponent, isStandalone: true, selector: "opal-lib-govuk-radios-conditional, [opal-lib-govuk-radios-conditional]", inputs: { conditionalId: "conditionalId" }, ngImport: i0, template: "<div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" [id]=\"conditionalId\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukRadiosConditionalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukRadiosConditionalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-radios-conditional, [opal-lib-govuk-radios-conditional]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" [id]=\"conditionalId\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { conditionalId: [{
@@ -22,10 +22,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             }] } });
 class GovukRadiosDividerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukRadiosDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: GovukRadiosDividerComponent, isStandalone: true, selector: "opal-lib-govuk-radios-divider", ngImport: i0, template: "<div class=\"govuk-radios__divider\"><ng-content></ng-content></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukRadiosDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: GovukRadiosDividerComponent, isStandalone: true, selector: "opal-lib-govuk-radios-divider", ngImport: i0, template: "<div class=\"govuk-radios__divider\"><ng-content></ng-content></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukRadiosDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukRadiosDividerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-radios-divider', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-radios__divider\"><ng-content></ng-content></div>\n" }]
         }] });
@@ -99,10 +99,10 @@ class GovukRadiosItemComponent {
         const v = this.inputValue;
         return typeof v === 'string' ? v : String(v);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukRadiosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: GovukRadiosItemComponent, isStandalone: true, selector: "opal-lib-govuk-radios-item, [opal-lib-govuk-radios-item]", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", inputValue: "inputValue", inputValueHint: "inputValueHint", ariaControls: "ariaControls", control: "control" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<input\n  class=\"govuk-radios__input {{ inputClasses }}\"\n  [id]=\"resolvedInputId\"\n  [name]=\"resolvedInputName\"\n  [attr.name]=\"resolvedInputName\"\n  [formControl]=\"getControl\"\n  type=\"radio\"\n  [value]=\"resolvedInputValue\"\n  [attr.value]=\"resolvedInputValueAttr\"\n  [attr.aria-controls]=\"dataAriaControls || null\"\n  [attr.aria-describedby]=\"inputValueHint ? resolvedInputId + '-item-hint' : null\"\n/>\n<label class=\"govuk-label govuk-radios__label {{ labelClasses }}\" [for]=\"resolvedInputId\"> {{ labelText }} </label>\n@if (inputValueHint) {\n  <div id=\"{{ resolvedInputId }}-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n    {{ inputValueHint }}\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukRadiosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: GovukRadiosItemComponent, isStandalone: true, selector: "opal-lib-govuk-radios-item, [opal-lib-govuk-radios-item]", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", inputValue: "inputValue", inputValueHint: "inputValueHint", ariaControls: "ariaControls", control: "control" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<input\n  class=\"govuk-radios__input {{ inputClasses }}\"\n  [id]=\"resolvedInputId\"\n  [name]=\"resolvedInputName\"\n  [attr.name]=\"resolvedInputName\"\n  [formControl]=\"getControl\"\n  type=\"radio\"\n  [value]=\"resolvedInputValue\"\n  [attr.value]=\"resolvedInputValueAttr\"\n  [attr.aria-controls]=\"dataAriaControls || null\"\n  [attr.aria-describedby]=\"inputValueHint ? resolvedInputId + '-item-hint' : null\"\n/>\n<label class=\"govuk-label govuk-radios__label {{ labelClasses }}\" [for]=\"resolvedInputId\"> {{ labelText }} </label>\n@if (inputValueHint) {\n  <div id=\"{{ resolvedInputId }}-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n    {{ inputValueHint }}\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukRadiosItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukRadiosItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-radios-item, [opal-lib-govuk-radios-item]', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n  class=\"govuk-radios__input {{ inputClasses }}\"\n  [id]=\"resolvedInputId\"\n  [name]=\"resolvedInputName\"\n  [attr.name]=\"resolvedInputName\"\n  [formControl]=\"getControl\"\n  type=\"radio\"\n  [value]=\"resolvedInputValue\"\n  [attr.value]=\"resolvedInputValueAttr\"\n  [attr.aria-controls]=\"dataAriaControls || null\"\n  [attr.aria-describedby]=\"inputValueHint ? resolvedInputId + '-item-hint' : null\"\n/>\n<label class=\"govuk-label govuk-radios__label {{ labelClasses }}\" [for]=\"resolvedInputId\"> {{ labelText }} </label>\n@if (inputValueHint) {\n  <div id=\"{{ resolvedInputId }}-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n    {{ inputValueHint }}\n  </div>\n}\n" }]
         }], propDecorators: { labelText: [{
@@ -213,10 +213,10 @@ class GovukRadioComponent {
     loadGovukFrontend() {
         return import('govuk-frontend');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: GovukRadioComponent, isStandalone: true, selector: "opal-lib-govuk-radio", inputs: { fieldSetId: "fieldSetId", legendText: "legendText", legendHint: "legendHint", legendClasses: "legendClasses", radioClasses: "radioClasses", errors: "errors" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"describedBy\">\n    @if (legendText) {\n      <legend class=\"govuk-fieldset__legend {{ legendClasses }}\">\n        {{ legendText }}\n      </legend>\n    }\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + '-hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <!-- single reusable radios template -->\n    <ng-template #radiosGroup>\n      <div class=\"govuk-radios {{ radioClasses }}\" data-module=\"govuk-radios\">\n        <ng-content></ng-content>\n      </div>\n    </ng-template>\n\n    <!-- render the radiosGroup inside the fieldset -->\n    <ng-container *ngTemplateOutlet=\"radiosGroup\"></ng-container>\n  </fieldset>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: GovukRadioComponent, isStandalone: true, selector: "opal-lib-govuk-radio", inputs: { fieldSetId: "fieldSetId", legendText: "legendText", legendHint: "legendHint", legendClasses: "legendClasses", radioClasses: "radioClasses", errors: "errors" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"describedBy\">\n    @if (legendText) {\n      <legend class=\"govuk-fieldset__legend {{ legendClasses }}\">\n        {{ legendText }}\n      </legend>\n    }\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + '-hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <!-- single reusable radios template -->\n    <ng-template #radiosGroup>\n      <div class=\"govuk-radios {{ radioClasses }}\" data-module=\"govuk-radios\">\n        <ng-content></ng-content>\n      </div>\n    </ng-template>\n\n    <!-- render the radiosGroup inside the fieldset -->\n    <ng-container *ngTemplateOutlet=\"radiosGroup\"></ng-container>\n  </fieldset>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukRadioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-radio', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"describedBy\">\n    @if (legendText) {\n      <legend class=\"govuk-fieldset__legend {{ legendClasses }}\">\n        {{ legendText }}\n      </legend>\n    }\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + '-hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <!-- single reusable radios template -->\n    <ng-template #radiosGroup>\n      <div class=\"govuk-radios {{ radioClasses }}\" data-module=\"govuk-radios\">\n        <ng-content></ng-content>\n      </div>\n    </ng-template>\n\n    <!-- render the radiosGroup inside the fieldset -->\n    <ng-container *ngTemplateOutlet=\"radiosGroup\"></ng-container>\n  </fieldset>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { fieldSetId: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-select.mjs CHANGED Viewed

@@ -30,10 +30,10 @@ class GovukSelectComponent {
         }
         return ids.length ? ids.join(' ') : null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: GovukSelectComponent, isStandalone: true, selector: "opal-lib-govuk-select", inputs: { labelText: "labelText", labelClasses: "labelClasses", selectId: "selectId", selectName: "selectName", selectClasses: "selectClasses", selectHint: "selectHint", errors: "errors", options: "options", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"selectId\"> {{ labelText }} </label>\n\n  @if (selectHint) {\n    <div [id]=\"selectId ? selectId + '-hint' : ''\" class=\"govuk-hint\">\n      {{ selectHint }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.selectId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <select\n    class=\"govuk-select {{ selectClasses }}\"\n    [id]=\"selectId\"\n    [name]=\"selectName\"\n    [attr.aria-describedby]=\"describedBy\"\n    [formControl]=\"getControl\"\n  >\n    <option value=\"\" selected></option>\n    @for (option of options; track option.name) {\n      <option [value]=\"option.value\">\n        {{ option.name }}\n      </option>\n    }\n  </select>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: GovukSelectComponent, isStandalone: true, selector: "opal-lib-govuk-select", inputs: { labelText: "labelText", labelClasses: "labelClasses", selectId: "selectId", selectName: "selectName", selectClasses: "selectClasses", selectHint: "selectHint", errors: "errors", options: "options", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"selectId\"> {{ labelText }} </label>\n\n  @if (selectHint) {\n    <div [id]=\"selectId ? selectId + '-hint' : ''\" class=\"govuk-hint\">\n      {{ selectHint }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.selectId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <select\n    class=\"govuk-select {{ selectClasses }}\"\n    [id]=\"selectId\"\n    [name]=\"selectName\"\n    [attr.aria-describedby]=\"describedBy\"\n    [formControl]=\"getControl\"\n  >\n    <option value=\"\" selected></option>\n    @for (option of options; track option.name) {\n      <option [value]=\"option.value\">\n        {{ option.name }}\n      </option>\n    }\n  </select>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-select', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"selectId\"> {{ labelText }} </label>\n\n  @if (selectHint) {\n    <div [id]=\"selectId ? selectId + '-hint' : ''\" class=\"govuk-hint\">\n      {{ selectHint }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.selectId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <select\n    class=\"govuk-select {{ selectClasses }}\"\n    [id]=\"selectId\"\n    [name]=\"selectName\"\n    [attr.aria-describedby]=\"describedBy\"\n    [formControl]=\"getControl\"\n  >\n    <option value=\"\" selected></option>\n    @for (option of options; track option.name) {\n      <option [value]=\"option.value\">\n        {{ option.name }}\n      </option>\n    }\n  </select>\n</div>\n" }]
         }], propDecorators: { labelText: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-summary-card-list.mjs CHANGED Viewed

@@ -17,10 +17,10 @@ class GovukSummaryCardActionComponent {
         event.preventDefault();
         this.clickEvent.emit(route);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukSummaryCardActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: GovukSummaryCardActionComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]", inputs: { actionText: "actionText", actionRoute: "actionRoute", visuallyHiddenText: "visuallyHiddenText" }, outputs: { clickEvent: "clickEvent" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukSummaryCardActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: GovukSummaryCardActionComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]", inputs: { actionText: "actionText", actionRoute: "actionRoute", visuallyHiddenText: "visuallyHiddenText" }, outputs: { clickEvent: "clickEvent" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukSummaryCardActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukSummaryCardActionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n" }]
         }], propDecorators: { actionText: [{
@@ -44,6 +44,10 @@ class GovukSummaryCardListComponent {
     cardTitle;
     contentHidden;
     headingLevel = 2;
+    classes;
+    get class() {
+        return `govuk-summary-card ${this.classes || ''}`;
+    }
     id;
     setId() {
         this.id = this.summaryCardListId + '-summary-card-list';
@@ -51,12 +55,12 @@ class GovukSummaryCardListComponent {
     ngOnInit() {
         this.setId();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukSummaryCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: GovukSummaryCardListComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-list", inputs: { summaryCardListId: "summaryCardListId", cardTitle: "cardTitle", contentHidden: "contentHidden", headingLevel: "headingLevel" }, ngImport: i0, template: "<div class=\"govuk-summary-card\" [id]=\"id\">\n  @if (cardTitle && cardTitle.length > 0) {\n    <div class=\"govuk-summary-card__title-wrapper\">\n      @switch (headingLevel) {\n        @case (1) {\n          <h1 class=\"govuk-summary-card__title\">{{ cardTitle }}</h1>\n        }\n        @case (2) {\n          <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n        }\n        @case (3) {\n          <h3 class=\"govuk-summary-card__title\">{{ cardTitle }}</h3>\n        }\n        @case (4) {\n          <h4 class=\"govuk-summary-card__title\">{{ cardTitle }}</h4>\n        }\n        @case (5) {\n          <h5 class=\"govuk-summary-card__title\">{{ cardTitle }}</h5>\n        }\n        @case (6) {\n          <h6 class=\"govuk-summary-card__title\">{{ cardTitle }}</h6>\n        }\n      }\n      <ul class=\"govuk-summary-card__actions\" role=\"list\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </ul>\n    </div>\n  }\n\n  @if (!contentHidden) {\n    <div class=\"govuk-summary-card__content govuk-white-background\">\n      <ng-content select=\"[content]\"></ng-content>\n    </div>\n  }\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukSummaryCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: GovukSummaryCardListComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-list", inputs: { summaryCardListId: "summaryCardListId", cardTitle: "cardTitle", contentHidden: "contentHidden", headingLevel: "headingLevel", classes: "classes" }, ngImport: i0, template: "<div [class]=\"class\" [id]=\"id\">\n  @if (cardTitle && cardTitle.length > 0) {\n    <div class=\"govuk-summary-card__title-wrapper\">\n      @switch (headingLevel) {\n        @case (1) {\n          <h1 class=\"govuk-summary-card__title\">{{ cardTitle }}</h1>\n        }\n        @case (2) {\n          <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n        }\n        @case (3) {\n          <h3 class=\"govuk-summary-card__title\">{{ cardTitle }}</h3>\n        }\n        @case (4) {\n          <h4 class=\"govuk-summary-card__title\">{{ cardTitle }}</h4>\n        }\n        @case (5) {\n          <h5 class=\"govuk-summary-card__title\">{{ cardTitle }}</h5>\n        }\n        @case (6) {\n          <h6 class=\"govuk-summary-card__title\">{{ cardTitle }}</h6>\n        }\n      }\n      <ul class=\"govuk-summary-card__actions\" role=\"list\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </ul>\n    </div>\n  }\n\n  @if (!contentHidden) {\n    <div class=\"govuk-summary-card__content govuk-white-background\">\n      <ng-content select=\"[content]\"></ng-content>\n    </div>\n  }\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukSummaryCardListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukSummaryCardListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'opal-lib-govuk-summary-card-list', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-summary-card\" [id]=\"id\">\n  @if (cardTitle && cardTitle.length > 0) {\n    <div class=\"govuk-summary-card__title-wrapper\">\n      @switch (headingLevel) {\n        @case (1) {\n          <h1 class=\"govuk-summary-card__title\">{{ cardTitle }}</h1>\n        }\n        @case (2) {\n          <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n        }\n        @case (3) {\n          <h3 class=\"govuk-summary-card__title\">{{ cardTitle }}</h3>\n        }\n        @case (4) {\n          <h4 class=\"govuk-summary-card__title\">{{ cardTitle }}</h4>\n        }\n        @case (5) {\n          <h5 class=\"govuk-summary-card__title\">{{ cardTitle }}</h5>\n        }\n        @case (6) {\n          <h6 class=\"govuk-summary-card__title\">{{ cardTitle }}</h6>\n        }\n      }\n      <ul class=\"govuk-summary-card__actions\" role=\"list\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </ul>\n    </div>\n  }\n\n  @if (!contentHidden) {\n    <div class=\"govuk-summary-card__content govuk-white-background\">\n      <ng-content select=\"[content]\"></ng-content>\n    </div>\n  }\n</div>\n" }]
+            args: [{ selector: 'opal-lib-govuk-summary-card-list', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"class\" [id]=\"id\">\n  @if (cardTitle && cardTitle.length > 0) {\n    <div class=\"govuk-summary-card__title-wrapper\">\n      @switch (headingLevel) {\n        @case (1) {\n          <h1 class=\"govuk-summary-card__title\">{{ cardTitle }}</h1>\n        }\n        @case (2) {\n          <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n        }\n        @case (3) {\n          <h3 class=\"govuk-summary-card__title\">{{ cardTitle }}</h3>\n        }\n        @case (4) {\n          <h4 class=\"govuk-summary-card__title\">{{ cardTitle }}</h4>\n        }\n        @case (5) {\n          <h5 class=\"govuk-summary-card__title\">{{ cardTitle }}</h5>\n        }\n        @case (6) {\n          <h6 class=\"govuk-summary-card__title\">{{ cardTitle }}</h6>\n        }\n      }\n      <ul class=\"govuk-summary-card__actions\" role=\"list\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </ul>\n    </div>\n  }\n\n  @if (!contentHidden) {\n    <div class=\"govuk-summary-card__content govuk-white-background\">\n      <ng-content select=\"[content]\"></ng-content>\n    </div>\n  }\n</div>\n" }]
         }], propDecorators: { summaryCardListId: [{
                 type: Input,
                 args: [{ required: true }]
@@ -69,6 +73,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             }], headingLevel: [{
                 type: Input,
                 args: [{ required: false }]
+            }], classes: [{
+                type: Input,
+                args: [{ required: false }]
             }] } });
 /**

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-summary-card-list.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-summary-card-list.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/govuk-summary-card-action/govuk-summary-card-action.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/govuk-summary-card-action/govuk-summary-card-action.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/govuk-summary-card-list.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/govuk-summary-card-list.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/hmcts-opal-frontend-common-components-govuk-govuk-summary-card-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]',\n imports: [],\n templateUrl: './govuk-summary-card-action.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukSummaryCardActionComponent {\n @Input({ required: true }) actionText!: string;\n @Input({ required: true }) actionRoute!: string;\n @Input({ required: false }) visuallyHiddenText!: string;\n @Output() clickEvent = new EventEmitter<string>();\n\n @HostBinding('class') hostClass = 'govuk-summary-card__action';\n\n /*\n Handles click events, prevents default behavior, and emits a route.\n \n @param {Event} event - The DOM event triggered by the user action.\n * @param {string} route - The route to be emitted when the event is triggered.\n /\n public onClick(event: Event, route: string): void {\n event.preventDefault();\n this.clickEvent.emit(route);\n }\n}\n","<a\n href=\"#\"\n class=\"govuk-link govuk-link--no-visited-state\"\n [id]=\"actionText\"\n (click)=\"onClick($event, actionRoute)\"\n (keyup.enter)=\"onClick($event, actionRoute)\"\n tabindex=\"0\"\n>\n <strong>{{ actionText }}</strong>\n @if (visuallyHiddenText) {\n <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n }\n</a>\n","import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { HeadingLevel } from '@hmcts/opal-frontend-common/types';\n\n@Component({\n selector: 'opal-lib-govuk-summary-card-list',\n imports: [],\n templateUrl: './govuk-summary-card-list.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukSummaryCardListComponent implements OnInit {\n @Input({ required: true }) summaryCardListId!: string;\n @Input({ required: false }) cardTitle!: string;\n @Input({ required: false }) contentHidden!: boolean;\n @Input({ required: false }) headingLevel: HeadingLevel = 2;\n\n public id!: string;\n\n private setId(): void {\n this.id = this.summaryCardListId + '-summary-card-list';\n }\n\n public ngOnInit(): void {\n this.setId();\n }\n}\n","<div class=\"~~govuk-summary-card~~\" [id]=\"id\">\n @if (cardTitle && cardTitle.length > 0) {\n <div class=\"govuk-summary-card__title-wrapper\">\n @switch (headingLevel) {\n @case (1) {\n <h1 class=\"govuk-summary-card__title\">{{ cardTitle }}</h1>\n }\n @case (2) {\n <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n }\n @case (3) {\n <h3 class=\"govuk-summary-card__title\">{{ cardTitle }}</h3>\n }\n @case (4) {\n <h4 class=\"govuk-summary-card__title\">{{ cardTitle }}</h4>\n }\n @case (5) {\n <h5 class=\"govuk-summary-card__title\">{{ cardTitle }}</h5>\n }\n @case (6) {\n <h6 class=\"govuk-summary-card__title\">{{ cardTitle }}</h6>\n }\n }\n <ul class=\"govuk-summary-card__actions\" role=\"list\">\n <ng-content select=\"[actions]\"></ng-content>\n </ul>\n </div>\n }\n\n @if (!contentHidden) {\n <div class=\"govuk-summary-card__content govuk-white-background\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n }\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAQa,+BAA+B,CAAA;AACf,IAAA,UAAU;AACV,IAAA,WAAW;AACV,IAAA,kBAAkB;AACpC,IAAA,UAAU,GAAG,IAAI,YAAY,EAAU;IAE3B,SAAS,GAAG,4BAA4B;AAE9D;;;;;AAKG;IACI,OAAO,CAAC,KAAY,EAAE,KAAa,EAAA;QACxC,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;IAC7B;uGAjBW,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA/B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,+BAA+B,4UCR5C,4WAaA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDLa,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAN3C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0EAA0E,EAAA,OAAA,EAC3E,EAAE,EAAA,eAAA,EAEM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,4WAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB;;sBAEA,WAAW;uBAAC,OAAO;;;MELT,6BAA6B,CAAA;AACb,IAAA,iBAAiB;AAChB,IAAA,SAAS;AACT,IAAA,aAAa;IACb,YAAY,GAAiB,CAAC;~~AAEnD~~,IAAA,EAAE;IAED,KAAK,GAAA;QACX,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,iBAAiB,GAAG,oBAAoB;IACzD;IAEO,QAAQ,GAAA;QACb,IAAI,CAAC,KAAK,EAAE;IACd;~~uGAdW~~,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,~~sOCT1C~~,~~wnCAmCA~~,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FD1Ba,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBANzC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kCAAkC,EAAA,OAAA,EACnC,EAAE,EAAA,eAAA,EAEM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,~~wnCAAA~~,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;~~AEb5B~~;;AAEG;;;;"}
1	+ {"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-summary-card-list.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/govuk-summary-card-action/govuk-summary-card-action.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/govuk-summary-card-action/govuk-summary-card-action.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/govuk-summary-card-list.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/govuk-summary-card-list.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/hmcts-opal-frontend-common-components-govuk-govuk-summary-card-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]',\n imports: [],\n templateUrl: './govuk-summary-card-action.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukSummaryCardActionComponent {\n @Input({ required: true }) actionText!: string;\n @Input({ required: true }) actionRoute!: string;\n @Input({ required: false }) visuallyHiddenText!: string;\n @Output() clickEvent = new EventEmitter<string>();\n\n @HostBinding('class') hostClass = 'govuk-summary-card__action';\n\n /*\n Handles click events, prevents default behavior, and emits a route.\n \n @param {Event} event - The DOM event triggered by the user action.\n * @param {string} route - The route to be emitted when the event is triggered.\n /\n public onClick(event: Event, route: string): void {\n event.preventDefault();\n this.clickEvent.emit(route);\n }\n}\n","<a\n href=\"#\"\n class=\"govuk-link govuk-link--no-visited-state\"\n [id]=\"actionText\"\n (click)=\"onClick($event, actionRoute)\"\n (keyup.enter)=\"onClick($event, actionRoute)\"\n tabindex=\"0\"\n>\n <strong>{{ actionText }}</strong>\n @if (visuallyHiddenText) {\n <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n }\n</a>\n","import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { HeadingLevel } from '@hmcts/opal-frontend-common/types';\n\n@Component({\n selector: 'opal-lib-govuk-summary-card-list',\n imports: [],\n templateUrl: './govuk-summary-card-list.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukSummaryCardListComponent implements OnInit {\n @Input({ required: true }) summaryCardListId!: string;\n @Input({ required: false }) cardTitle!: string;\n @Input({ required: false }) contentHidden!: boolean;\n @Input({ required: false }) headingLevel: HeadingLevel = 2;\n @Input({ required: false }) classes!: string;\n\n public get class(): string {\n return `govuk-summary-card ${this.classes \|\| ''}`;\n }\n\n public id!: string;\n\n private setId(): void {\n this.id = this.summaryCardListId + '-summary-card-list';\n }\n\n public ngOnInit(): void {\n this.setId();\n }\n}\n","<div [class]=\"class\" [id]=\"id\">\n @if (cardTitle && cardTitle.length > 0) {\n <div class=\"govuk-summary-card__title-wrapper\">\n @switch (headingLevel) {\n @case (1) {\n <h1 class=\"govuk-summary-card__title\">{{ cardTitle }}</h1>\n }\n @case (2) {\n <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n }\n @case (3) {\n <h3 class=\"govuk-summary-card__title\">{{ cardTitle }}</h3>\n }\n @case (4) {\n <h4 class=\"govuk-summary-card__title\">{{ cardTitle }}</h4>\n }\n @case (5) {\n <h5 class=\"govuk-summary-card__title\">{{ cardTitle }}</h5>\n }\n @case (6) {\n <h6 class=\"govuk-summary-card__title\">{{ cardTitle }}</h6>\n }\n }\n <ul class=\"govuk-summary-card__actions\" role=\"list\">\n <ng-content select=\"[actions]\"></ng-content>\n </ul>\n </div>\n }\n\n @if (!contentHidden) {\n <div class=\"govuk-summary-card__content govuk-white-background\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n }\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAQa,+BAA+B,CAAA;AACf,IAAA,UAAU;AACV,IAAA,WAAW;AACV,IAAA,kBAAkB;AACpC,IAAA,UAAU,GAAG,IAAI,YAAY,EAAU;IAE3B,SAAS,GAAG,4BAA4B;AAE9D;;;;;AAKG;IACI,OAAO,CAAC,KAAY,EAAE,KAAa,EAAA;QACxC,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;IAC7B;uGAjBW,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA/B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,+BAA+B,4UCR5C,4WAaA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDLa,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAN3C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0EAA0E,EAAA,OAAA,EAC3E,EAAE,EAAA,eAAA,EAEM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,4WAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB;;sBAEA,WAAW;uBAAC,OAAO;;;MELT,6BAA6B,CAAA;AACb,IAAA,iBAAiB;AAChB,IAAA,SAAS;AACT,IAAA,aAAa;IACb,YAAY,GAAiB,CAAC;AAC9B,IAAA,OAAO;AAEnC,IAAA,IAAW,KAAK,GAAA;AACd,QAAA,OAAO,sBAAsB,IAAI,CAAC,OAAO,IAAI,EAAE,EAAE;IACnD;AAEO,IAAA,EAAE;IAED,KAAK,GAAA;QACX,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,iBAAiB,GAAG,oBAAoB;IACzD;IAEO,QAAQ,GAAA;QACb,IAAI,CAAC,KAAK,EAAE;IACd;uGAnBW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,0PCT1C,6mCAmCA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FD1Ba,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBANzC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kCAAkC,EAAA,OAAA,EACnC,EAAE,EAAA,eAAA,EAEM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6mCAAA,EAAA;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;AEd5B;;AAEG;;;;"}

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-summary-list.mjs CHANGED Viewed

@@ -16,10 +16,10 @@ class GovukSummaryListRowActionItemComponent {
         event.preventDefault();
         this.linkClick.emit(linkClicked);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukSummaryListRowActionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: GovukSummaryListRowActionItemComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]", inputs: { actionName: "actionName", actionId: "actionId", visuallyHiddenText: "visuallyHiddenText" }, outputs: { linkClick: "linkClick" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukSummaryListRowActionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: GovukSummaryListRowActionItemComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]", inputs: { actionName: "actionName", actionId: "actionId", visuallyHiddenText: "visuallyHiddenText" }, outputs: { linkClick: "linkClick" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukSummaryListRowActionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukSummaryListRowActionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n" }]
         }], propDecorators: { actionName: [{
@@ -39,10 +39,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             }] } });
 class GovukSummaryListRowActionsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukSummaryListRowActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: GovukSummaryListRowActionsComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-actions", ngImport: i0, template: "<ul class=\"govuk-summary-list__actions-list govuk-body\">\n  <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukSummaryListRowActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: GovukSummaryListRowActionsComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-actions", ngImport: i0, template: "<ul class=\"govuk-summary-list__actions-list govuk-body\">\n  <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukSummaryListRowActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukSummaryListRowActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-summary-list-row-actions', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"govuk-summary-list__actions-list govuk-body\">\n  <ng-content></ng-content>\n</ul>\n" }]
         }] });
@@ -73,10 +73,10 @@ class GovukSummaryListRowComponent {
         this.id = this.summaryListId + this._summaryListRowId;
         this.class = 'govuk-summary-list__row';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukSummaryListRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: GovukSummaryListRowComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row, [opal-lib-govuk-summary-list-row]", inputs: { actionEnabled: "actionEnabled", summaryListId: "summaryListId", summaryListRowId: "summaryListRowId" }, outputs: { actionClick: "actionClick" }, host: { properties: { "class": "this.class", "id": "this.id" } }, ngImport: i0, template: "<dt class=\"govuk-summary-list__key\" [id]=\"summaryListId + _summaryListRowId + 'Key'\">\n  <ng-content select=\"[name]\"></ng-content>\n</dt>\n\n<dd class=\"govuk-summary-list__value\" [id]=\"summaryListId + _summaryListRowId + 'Value'\">\n  <ng-content select=\"[value]\"></ng-content>\n</dd>\n@if (actionEnabled) {\n  <dd class=\"govuk-summary-list__actions\" [id]=\"summaryListId + _summaryListRowId + 'Actions'\">\n    <a class=\"govuk-link\" href=\"#\" (click)=\"handleActionClick($event)\">\n      <ng-content select=\"[action]\"></ng-content>\n    </a>\n  </dd>\n}\n", styles: [":host{display:table-row-group}.content-wrapper:empty{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukSummaryListRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: GovukSummaryListRowComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row, [opal-lib-govuk-summary-list-row]", inputs: { actionEnabled: "actionEnabled", summaryListId: "summaryListId", summaryListRowId: "summaryListRowId" }, outputs: { actionClick: "actionClick" }, host: { properties: { "class": "this.class", "id": "this.id" } }, ngImport: i0, template: "<dt class=\"govuk-summary-list__key\" [id]=\"summaryListId + _summaryListRowId + 'Key'\">\n  <ng-content select=\"[name]\"></ng-content>\n</dt>\n\n<dd class=\"govuk-summary-list__value\" [id]=\"summaryListId + _summaryListRowId + 'Value'\">\n  <ng-content select=\"[value]\"></ng-content>\n</dd>\n@if (actionEnabled) {\n  <dd class=\"govuk-summary-list__actions\" [id]=\"summaryListId + _summaryListRowId + 'Actions'\">\n    <a class=\"govuk-link\" href=\"#\" (click)=\"handleActionClick($event)\">\n      <ng-content select=\"[action]\"></ng-content>\n    </a>\n  </dd>\n}\n", styles: [":host{display:table-row-group}.content-wrapper:empty{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukSummaryListRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukSummaryListRowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-summary-list-row, [opal-lib-govuk-summary-list-row]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dt class=\"govuk-summary-list__key\" [id]=\"summaryListId + _summaryListRowId + 'Key'\">\n  <ng-content select=\"[name]\"></ng-content>\n</dt>\n\n<dd class=\"govuk-summary-list__value\" [id]=\"summaryListId + _summaryListRowId + 'Value'\">\n  <ng-content select=\"[value]\"></ng-content>\n</dd>\n@if (actionEnabled) {\n  <dd class=\"govuk-summary-list__actions\" [id]=\"summaryListId + _summaryListRowId + 'Actions'\">\n    <a class=\"govuk-link\" href=\"#\" (click)=\"handleActionClick($event)\">\n      <ng-content select=\"[action]\"></ng-content>\n    </a>\n  </dd>\n}\n", styles: [":host{display:table-row-group}.content-wrapper:empty{display:none}\n"] }]
         }], propDecorators: { actionClick: [{
@@ -100,10 +100,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
 class GovukSummaryListComponent {
     summaryListId;
     classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukSummaryListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: GovukSummaryListComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list", inputs: { summaryListId: "summaryListId", classes: "classes" }, ngImport: i0, template: "<dl class=\"govuk-summary-list {{ classes }}\" [id]=\"summaryListId\">\n  <ng-content></ng-content>\n</dl>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukSummaryListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: GovukSummaryListComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list", inputs: { summaryListId: "summaryListId", classes: "classes" }, ngImport: i0, template: "<dl class=\"govuk-summary-list {{ classes }}\" [id]=\"summaryListId\">\n  <ng-content></ng-content>\n</dl>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukSummaryListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukSummaryListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-summary-list', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dl class=\"govuk-summary-list {{ classes }}\" [id]=\"summaryListId\">\n  <ng-content></ng-content>\n</dl>\n" }]
         }], propDecorators: { summaryListId: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-table.mjs CHANGED Viewed

@@ -7,10 +7,10 @@ class GovukTableBodyRowDataComponent {
     get hostId() {
         return this.id;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTableBodyRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: GovukTableBodyRowDataComponent, isStandalone: true, selector: "opal-lib-govuk-table-body-row-data, [opal-lib-govuk-table-body-row-data]", inputs: { id: "id" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTableBodyRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: GovukTableBodyRowDataComponent, isStandalone: true, selector: "opal-lib-govuk-table-body-row-data, [opal-lib-govuk-table-body-row-data]", inputs: { id: "id" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTableBodyRowDataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTableBodyRowDataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-table-body-row-data, [opal-lib-govuk-table-body-row-data]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { id: [{
@@ -29,10 +29,10 @@ class GovukTableBodyRowComponent {
     get hostClass() {
         return `govuk-table__row ${this.bodyRowClasses}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTableBodyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: GovukTableBodyRowComponent, isStandalone: true, selector: "opal-lib-govuk-table-body-row, [opal-lib-govuk-table-body-row]", inputs: { bodyRowClasses: "bodyRowClasses" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTableBodyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: GovukTableBodyRowComponent, isStandalone: true, selector: "opal-lib-govuk-table-body-row, [opal-lib-govuk-table-body-row]", inputs: { bodyRowClasses: "bodyRowClasses" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTableBodyRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTableBodyRowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-table-body-row, [opal-lib-govuk-table-body-row]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { bodyRowClasses: [{
@@ -48,10 +48,10 @@ class GovukTableHeadingComponent {
     get hostScope() {
         return 'col';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTableHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: GovukTableHeadingComponent, isStandalone: true, selector: "opal-lib-govuk-table-heading, [opal-lib-govuk-table-heading]", host: { properties: { "class": "this.hostClass", "scope": "this.hostScope" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTableHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: GovukTableHeadingComponent, isStandalone: true, selector: "opal-lib-govuk-table-heading, [opal-lib-govuk-table-heading]", host: { properties: { "class": "this.hostClass", "scope": "this.hostScope" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTableHeadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTableHeadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-table-heading, [opal-lib-govuk-table-heading]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { hostClass: [{
@@ -64,10 +64,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
 class GovukTableComponent {
     tableClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: GovukTableComponent, isStandalone: true, selector: "opal-lib-govuk-table", inputs: { tableClasses: "tableClasses" }, ngImport: i0, template: "<table class=\"govuk-table {{ tableClasses }}\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[body]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: GovukTableComponent, isStandalone: true, selector: "opal-lib-govuk-table", inputs: { tableClasses: "tableClasses" }, ngImport: i0, template: "<table class=\"govuk-table {{ tableClasses }}\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[body]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-table', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<table class=\"govuk-table {{ tableClasses }}\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[body]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n" }]
         }], propDecorators: { tableClasses: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-list-item.mjs CHANGED Viewed

@@ -46,10 +46,10 @@ class GovukTabsListItemComponent {
     activate(fragment) {
         this.router.navigate(['./'], { relativeTo: this.route, fragment });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTabsListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: GovukTabsListItemComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]", inputs: { tabItemId: "tabItemId", tabItemFragment: "tabItemFragment", activeTabItemFragment: "activeTabItemFragment" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.hostRole" } }, ngImport: i0, template: "<a\n  #tabLink\n  class=\"govuk-tabs__tab\"\n  (click)=\"handleItemClick($event, tabItemFragment)\"\n  [attr.href]=\"'#' + tabItemFragment\"\n  [id]=\"resolvedTabItemId\"\n  role=\"tab\"\n  [attr.aria-controls]=\"tabItemFragment\"\n  [attr.aria-selected]=\"isActive ? 'true' : 'false'\"\n  [attr.tabindex]=\"isActive ? 0 : -1\"\n>\n  <ng-content></ng-content>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTabsListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: GovukTabsListItemComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]", inputs: { tabItemId: "tabItemId", tabItemFragment: "tabItemFragment", activeTabItemFragment: "activeTabItemFragment" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.hostRole" } }, ngImport: i0, template: "<a\n  #tabLink\n  class=\"govuk-tabs__tab\"\n  (click)=\"handleItemClick($event, tabItemFragment)\"\n  [attr.href]=\"'#' + tabItemFragment\"\n  [id]=\"resolvedTabItemId\"\n  role=\"tab\"\n  [attr.aria-controls]=\"tabItemFragment\"\n  [attr.aria-selected]=\"isActive ? 'true' : 'false'\"\n  [attr.tabindex]=\"isActive ? 0 : -1\"\n>\n  <ng-content></ng-content>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTabsListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTabsListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  #tabLink\n  class=\"govuk-tabs__tab\"\n  (click)=\"handleItemClick($event, tabItemFragment)\"\n  [attr.href]=\"'#' + tabItemFragment\"\n  [id]=\"resolvedTabItemId\"\n  role=\"tab\"\n  [attr.aria-controls]=\"tabItemFragment\"\n  [attr.aria-selected]=\"isActive ? 'true' : 'false'\"\n  [attr.tabindex]=\"isActive ? 0 : -1\"\n>\n  <ng-content></ng-content>\n</a>\n" }]
         }], propDecorators: { tabItemId: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-panel.mjs CHANGED Viewed

@@ -21,10 +21,10 @@ class GovukTabsPanelComponent {
         const prefix = this.elementRef.nativeElement.closest('.govuk-tabs')?.id ?? 'tab';
         return `${prefix}-${panelId}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTabsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: GovukTabsPanelComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-panel", inputs: { tabItemId: "tabItemId" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.role", "style.display": "this.display", "attr.aria-labelledby": "this.ariaLabelledBy" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTabsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: GovukTabsPanelComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-panel", inputs: { tabItemId: "tabItemId" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.role", "style.display": "this.display", "attr.aria-labelledby": "this.ariaLabelledBy" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTabsPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTabsPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-tabs-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { tabItemId: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tabs.mjs CHANGED Viewed

@@ -50,10 +50,10 @@ class GovukTabsComponent {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: GovukTabsComponent, isStandalone: true, selector: "opal-lib-govuk-tabs", inputs: { tabId: "tabId", titleText: "titleText" }, outputs: { activeTabFragmentChange: "activeTabFragmentChange" }, ngImport: i0, template: "<div class=\"govuk-tabs govuk-frontend-supported\" data-module=\"govuk-tabs\" [id]=\"tabId\">\n  <h2 class=\"govuk-tabs__title\" [id]=\"titleId\">{{ titleText }}</h2>\n  <ul class=\"govuk-tabs__list\" [attr.aria-labelledby]=\"titleId\" [attr.role]=\"role\">\n    <ng-content select=\"[tab-list-items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[tab-panels]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: GovukTabsComponent, isStandalone: true, selector: "opal-lib-govuk-tabs", inputs: { tabId: "tabId", titleText: "titleText" }, outputs: { activeTabFragmentChange: "activeTabFragmentChange" }, ngImport: i0, template: "<div class=\"govuk-tabs govuk-frontend-supported\" data-module=\"govuk-tabs\" [id]=\"tabId\">\n  <h2 class=\"govuk-tabs__title\" [id]=\"titleId\">{{ titleText }}</h2>\n  <ul class=\"govuk-tabs__list\" [attr.aria-labelledby]=\"titleId\" [attr.role]=\"role\">\n    <ng-content select=\"[tab-list-items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[tab-panels]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-tabs govuk-frontend-supported\" data-module=\"govuk-tabs\" [id]=\"tabId\">\n  <h2 class=\"govuk-tabs__title\" [id]=\"titleId\">{{ titleText }}</h2>\n  <ul class=\"govuk-tabs__list\" [attr.aria-labelledby]=\"titleId\" [attr.role]=\"role\">\n    <ng-content select=\"[tab-list-items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[tab-panels]\"></ng-content>\n</div>\n" }]
         }], propDecorators: { tabId: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tag.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
 class GovukTagComponent {
     tagId;
     tagClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: GovukTagComponent, isStandalone: true, selector: "opal-lib-govuk-tag", inputs: { tagId: "tagId", tagClasses: "tagClasses" }, ngImport: i0, template: "<strong class=\"govuk-tag {{ tagClasses }}\" [id]=\"tagId\"> <ng-content></ng-content> </strong>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: GovukTagComponent, isStandalone: true, selector: "opal-lib-govuk-tag", inputs: { tagId: "tagId", tagClasses: "tagClasses" }, ngImport: i0, template: "<strong class=\"govuk-tag {{ tagClasses }}\" [id]=\"tagId\"> <ng-content></ng-content> </strong>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTagComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-tag', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<strong class=\"govuk-tag {{ tagClasses }}\" [id]=\"tagId\"> <ng-content></ng-content> </strong>\n" }]
         }], propDecorators: { tagId: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-task-list.mjs CHANGED Viewed

@@ -5,10 +5,10 @@ class GovukTaskListItemComponent {
     taskListItemId;
     taskListStatusId;
     taskListItemClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTaskListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: GovukTaskListItemComponent, isStandalone: true, selector: "opal-lib-govuk-task-list-item", inputs: { taskListItemId: "taskListItemId", taskListStatusId: "taskListStatusId", taskListItemClasses: "taskListItemClasses" }, ngImport: i0, template: "<li class=\"govuk-task-list__item {{ taskListItemClasses }}\" [id]=\"taskListItemId\" role=\"listitem\">\n  <div class=\"govuk-task-list__name-and-hint\">\n    <ng-content select=\"[name]\"></ng-content>\n  </div>\n  <div class=\"govuk-task-list__status\" [id]=\"taskListStatusId\">\n    <ng-content select=\"[status]\"></ng-content>\n  </div>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTaskListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: GovukTaskListItemComponent, isStandalone: true, selector: "opal-lib-govuk-task-list-item", inputs: { taskListItemId: "taskListItemId", taskListStatusId: "taskListStatusId", taskListItemClasses: "taskListItemClasses" }, ngImport: i0, template: "<li class=\"govuk-task-list__item {{ taskListItemClasses }}\" [id]=\"taskListItemId\" role=\"listitem\">\n  <div class=\"govuk-task-list__name-and-hint\">\n    <ng-content select=\"[name]\"></ng-content>\n  </div>\n  <div class=\"govuk-task-list__status\" [id]=\"taskListStatusId\">\n    <ng-content select=\"[status]\"></ng-content>\n  </div>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTaskListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTaskListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-task-list-item', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<li class=\"govuk-task-list__item {{ taskListItemClasses }}\" [id]=\"taskListItemId\" role=\"listitem\">\n  <div class=\"govuk-task-list__name-and-hint\">\n    <ng-content select=\"[name]\"></ng-content>\n  </div>\n  <div class=\"govuk-task-list__status\" [id]=\"taskListStatusId\">\n    <ng-content select=\"[status]\"></ng-content>\n  </div>\n</li>\n" }]
         }], propDecorators: { taskListItemId: [{
@@ -25,10 +25,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
 class GovukTaskListComponent {
     taskListId;
     taskListClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTaskListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: GovukTaskListComponent, isStandalone: true, selector: "opal-lib-govuk-task-list", inputs: { taskListId: "taskListId", taskListClasses: "taskListClasses" }, ngImport: i0, template: "<ul class=\"govuk-task-list {{ taskListClasses }}\" [id]=\"taskListId\" role=\"list\">\n  <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTaskListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: GovukTaskListComponent, isStandalone: true, selector: "opal-lib-govuk-task-list", inputs: { taskListId: "taskListId", taskListClasses: "taskListClasses" }, ngImport: i0, template: "<ul class=\"govuk-task-list {{ taskListClasses }}\" [id]=\"taskListId\" role=\"list\">\n  <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTaskListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTaskListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-task-list', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"govuk-task-list {{ taskListClasses }}\" [id]=\"taskListId\" role=\"list\">\n  <ng-content></ng-content>\n</ul>\n" }]
         }], propDecorators: { taskListId: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-text-area.mjs CHANGED Viewed

@@ -45,10 +45,10 @@ class GovukTextAreaComponent {
         }
         return ids.length ? ids.join(' ') : null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: GovukTextAreaComponent, isStandalone: true, selector: "opal-lib-govuk-text-area", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", inputMode: "inputMode", errors: "errors", rows: "rows", characterCountEnabled: "characterCountEnabled", maxCharacterLimit: "maxCharacterLimit", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group govuk-character-count\" [class.govuk-form-group--error]=\"!!errors\">\n  <div class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </div>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <textarea\n    class=\"govuk-textarea {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [rows]=\"rows\"\n    [formControl]=\"getControl\"\n    [inputMode]=\"inputMode\"\n    [maxlength]=\"maxCharacterLimit\"\n    [attr.aria-describedby]=\"describedBy\"\n  ></textarea>\n  @if (characterCountEnabled) {\n    <div [id]=\"inputId + '-with-hint-info'\" class=\"govuk-hint govuk-character-count__message govuk-visually-hidden\">\n      You can enter up to {{ maxCharacterLimit }} characters\n    </div>\n    <div class=\"govuk-hint govuk-character-count__message govuk-character-count__status\" aria-hidden=\"true\">\n      You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n    </div>\n    <div class=\"govuk-character-count__sr-status govuk-visually-hidden\" aria-live=\"polite\">\n      You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: GovukTextAreaComponent, isStandalone: true, selector: "opal-lib-govuk-text-area", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", inputMode: "inputMode", errors: "errors", rows: "rows", characterCountEnabled: "characterCountEnabled", maxCharacterLimit: "maxCharacterLimit", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group govuk-character-count\" [class.govuk-form-group--error]=\"!!errors\">\n  <div class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </div>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <textarea\n    class=\"govuk-textarea {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [rows]=\"rows\"\n    [formControl]=\"getControl\"\n    [inputMode]=\"inputMode\"\n    [maxlength]=\"maxCharacterLimit\"\n    [attr.aria-describedby]=\"describedBy\"\n  ></textarea>\n  @if (characterCountEnabled) {\n    <div [id]=\"inputId + '-with-hint-info'\" class=\"govuk-hint govuk-character-count__message govuk-visually-hidden\">\n      You can enter up to {{ maxCharacterLimit }} characters\n    </div>\n    <div class=\"govuk-hint govuk-character-count__message govuk-character-count__status\" aria-hidden=\"true\">\n      You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n    </div>\n    <div class=\"govuk-character-count__sr-status govuk-visually-hidden\" aria-live=\"polite\">\n      You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTextAreaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTextAreaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-text-area', imports: [ReactiveFormsModule], template: "<div class=\"govuk-form-group govuk-character-count\" [class.govuk-form-group--error]=\"!!errors\">\n  <div class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </div>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <textarea\n    class=\"govuk-textarea {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [rows]=\"rows\"\n    [formControl]=\"getControl\"\n    [inputMode]=\"inputMode\"\n    [maxlength]=\"maxCharacterLimit\"\n    [attr.aria-describedby]=\"describedBy\"\n  ></textarea>\n  @if (characterCountEnabled) {\n    <div [id]=\"inputId + '-with-hint-info'\" class=\"govuk-hint govuk-character-count__message govuk-visually-hidden\">\n      You can enter up to {{ maxCharacterLimit }} characters\n    </div>\n    <div class=\"govuk-hint govuk-character-count__message govuk-character-count__status\" aria-hidden=\"true\">\n      You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n    </div>\n    <div class=\"govuk-character-count__sr-status govuk-visually-hidden\" aria-live=\"polite\">\n      You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n    </div>\n  }\n</div>\n" }]
         }], propDecorators: { labelText: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-text-input-prefix-suffix.mjs CHANGED Viewed

@@ -42,10 +42,10 @@ class GovukTextInputPrefixSuffixComponent {
         }
         return null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTextInputPrefixSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: GovukTextInputPrefixSuffixComponent, isStandalone: true, selector: "opal-lib-govuk-text-input-prefix-suffix", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", errors: "errors", prefixText: "prefixText", suffixText: "suffixText", forceTwoDecimalPoints: "forceTwoDecimalPoints", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <div class=\"govuk-input__wrapper\">\n    @if (prefixText) {\n      <div class=\"govuk-input__prefix\" aria-hidden=\"true\">{{ prefixText }}</div>\n    }\n    <input\n      class=\"govuk-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      [formControl]=\"getControl\"\n      [attr.aria-describedby]=\"describedBy\"\n      (blur)=\"forceTwoDecimalPoints && onBlurFormatToTwoDecimalPlaces()\"\n    />\n    @if (suffixText) {\n      <div class=\"govuk-input__suffix\" aria-hidden=\"true\">{{ suffixText }}</div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTextInputPrefixSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: GovukTextInputPrefixSuffixComponent, isStandalone: true, selector: "opal-lib-govuk-text-input-prefix-suffix", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", errors: "errors", prefixText: "prefixText", suffixText: "suffixText", forceTwoDecimalPoints: "forceTwoDecimalPoints", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <div class=\"govuk-input__wrapper\">\n    @if (prefixText) {\n      <div class=\"govuk-input__prefix\" aria-hidden=\"true\">{{ prefixText }}</div>\n    }\n    <input\n      class=\"govuk-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      [formControl]=\"getControl\"\n      [attr.aria-describedby]=\"describedBy\"\n      (blur)=\"forceTwoDecimalPoints && onBlurFormatToTwoDecimalPlaces()\"\n    />\n    @if (suffixText) {\n      <div class=\"govuk-input__suffix\" aria-hidden=\"true\">{{ suffixText }}</div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTextInputPrefixSuffixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTextInputPrefixSuffixComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-text-input-prefix-suffix', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <div class=\"govuk-input__wrapper\">\n    @if (prefixText) {\n      <div class=\"govuk-input__prefix\" aria-hidden=\"true\">{{ prefixText }}</div>\n    }\n    <input\n      class=\"govuk-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      [formControl]=\"getControl\"\n      [attr.aria-describedby]=\"describedBy\"\n      (blur)=\"forceTwoDecimalPoints && onBlurFormatToTwoDecimalPlaces()\"\n    />\n    @if (suffixText) {\n      <div class=\"govuk-input__suffix\" aria-hidden=\"true\">{{ suffixText }}</div>\n    }\n  </div>\n</div>\n" }]
         }], propDecorators: { labelText: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-text-input.mjs CHANGED Viewed

@@ -31,10 +31,10 @@ class GovukTextInputComponent {
         }
         return ids.length ? ids.join(' ') : null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: GovukTextInputComponent, isStandalone: true, selector: "opal-lib-govuk-text-input", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", hintHtml: "hintHtml", errors: "errors", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <div class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </div>\n  @if (hintText || hintHtml) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      @if (hintHtml) {\n        <ng-content></ng-content>\n      } @else {\n        {{ hintText }}\n      }\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <input\n    class=\"govuk-input {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [formControl]=\"getControl\"\n    [attr.aria-describedby]=\"describedBy\"\n  />\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: GovukTextInputComponent, isStandalone: true, selector: "opal-lib-govuk-text-input", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", hintHtml: "hintHtml", errors: "errors", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <div class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </div>\n  @if (hintText || hintHtml) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      @if (hintHtml) {\n        <ng-content></ng-content>\n      } @else {\n        {{ hintText }}\n      }\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <input\n    class=\"govuk-input {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [formControl]=\"getControl\"\n    [attr.aria-describedby]=\"describedBy\"\n  />\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: GovukTextInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GovukTextInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-text-input', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <div class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </div>\n  @if (hintText || hintHtml) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      @if (hintHtml) {\n        <ng-content></ng-content>\n      } @else {\n        {{ hintText }}\n      }\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <input\n    class=\"govuk-input {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [formControl]=\"getControl\"\n    [attr.aria-describedby]=\"describedBy\"\n  />\n</div>\n" }]
         }], propDecorators: { labelText: [{