@hmcts/ccd-case-ui-toolkit 4.12.7-task-event-completion-release → 4.12.9-strip-trailing-input

package/dist/shared/components/search-result/search-result.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"SearchResultComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ccd-search-result","template":"\n    <table *ngIf=\"hasResults() || hasDrafts()\">\n      <caption>\n        <h2 class=\"heading-h2\" id=\"search-result-heading__text\" tabindex=\"-1\">{{ caseState ? 'Your cases' : 'Search result' }}</h2>\n        <div *ngIf=\"(hasResults() || hasDrafts())\" class=\"pagination-top\"\n          attr.aria-label=\"{{ getTotalResults() }} results have been found\" role=\"status\">\n          <span class=\"text-16\" id=\"search-result-summary__text\">Showing \n            <span class=\"govuk-!-font-weight-bold\">{{ getFirstResult() }}</span>\n            to\n            <span class=\"govuk-!-font-weight-bold\">{{ getLastResult() }}</span>\n            of\n            <span class=\"govuk-!-font-weight-bold\">{{ getTotalResults() }}</span> results</span>\n        </div>\n        <div *ngIf=\"(hasResults() || hasDrafts()) && selectionEnabled\" class=\"reset-selection\"\n          attr.aria-label=\"Reset selection\">\n          <span><a class=\"search-result-reset-link\" href=\"javascript:void()\" (click)=\"clearSelection()\">Reset case selection</a></span>\n        </div>\n      </caption>\n      <thead>\n        <tr scope=\"row\">\n          <th *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n            <div class=\"govuk-checkboxes__item\">\n              <input class=\"govuk-checkboxes__input\" id=\"select-all\" name=\"select-all\" type=\"checkbox\" (change)=\"selectAll()\" [checked]=\"allOnPageSelected()\" [disabled]=\"!canAnyBeShared()\" />\n              <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-all\">\n              </label>\n            </div>\n          </th>\n          <th *ngFor=\"let col of resultView.columns\">\n            <table class=\"search-result-column-header\"\n              attr.aria-label=\"Sort by {{col.label}} {{ isSortAscending(col)? 'ascending' : 'descending' }}\">\n              <tr>\n                <div class=\"search-result-column-label\" (click)=\"sort(col)\">{{col.label}}</div>\n                <div *ngIf=\"comparator(col)\" class=\"search-result-column-sort\">\n                  <a (click)=\"sort(col)\" class=\"sort-widget\" [innerHTML]=\"sortWidget(col)\" href=\"javascript:void(0)\"></a>\n                </div>\n              </tr>\n            </table>\n          </th>\n          <th *ngIf=\"activityEnabled()\" style=\"width: 110px;\"></th>\n        </tr>\n      </thead>\n      <tbody>\n\n        <!-- sorted by consumer -->\n        <ng-container *ngIf=\"consumerSortingEnabled\">\n          <tr *ngFor=\"let result of resultView.results | paginate: { itemsPerPage: paginationPageSize, currentPage: selected.page, totalItems: paginationMetadata.total_results_count }\">\n            <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n              <div class=\"govuk-checkboxes__item\">\n                <input class=\"govuk-checkboxes__input\" id=\"select-{{ result.case_id }}\" name=\"select-{{ result.case_id }}\"\n                  type=\"checkbox\" (change)=\"changeSelection(result)\" [checked]=\"isSelected(result)\" [disabled]=\"!canBeShared(result)\" />\n                <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-{{ result.case_id }}\">\n                </label>\n              </div>\n            </td>\n            <td class=\"search-result-column-cell\" *ngFor=\"let col of resultView.columns; let colIndex = index\" scope=\"row\">\n              <a *ngIf=\"colIndex == 0\" [routerLink]=\"prepareCaseLinkUrl(result.case_id)\"\n                attr.aria-label=\"go to case with Case reference:{{ result.case_id | ccdCaseReference }}\" class=\"govuk-link\">\n                <ng-container class=\"text-16\" *ngIf=\"!hideRows\">\n                  <ccd-field-read *ngIf=\"draftPrefixOrGet(col, result); else case_reference\"\n                                  ccdLabelSubstitutor [caseField]=\"getColumnsWithPrefix(result.columns[col.case_field_id], result)\"\n                                  [contextFields]=\"result.hydrated_case_fields\"\n                                  [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n                  <ng-template #case_reference>{{result.case_id | ccdCaseReference}}</ng-template>\n                </ng-container>\n              </a>\n              <div *ngIf=\"colIndex != 0\" class=\"text-16\" [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n                <ccd-field-read ccdLabelSubstitutor\n                                [caseField]=\"result.columns[col.case_field_id]\"\n                                [contextFields]=\"result.hydrated_case_fields\"\n                                [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n              </div>\n            </td>\n            <td *ngIf=\"activityEnabled()\">\n              <div [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n                <ccd-activity [caseId]=\"result.case_id\" [displayMode]=\"ICON\"></ccd-activity>\n              </div>\n            </td>\n          </tr>\n        </ng-container>\n        <!-- sorted by toolkit -->\n        <ng-container *ngIf=\"!consumerSortingEnabled\">\n          <tr *ngFor=\"let result of resultView.results | ccdSortSearchResult : sortParameters | paginate: { itemsPerPage: paginationPageSize, currentPage: selected.page, totalItems: paginationMetadata.total_results_count }\">\n            <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n              <div class=\"govuk-checkboxes__item\">\n                <input class=\"govuk-checkboxes__input\" id=\"select-{{ result.case_id }}\" name=\"select-{{ result.case_id }}\"\n                  type=\"checkbox\" (change)=\"changeSelection(result)\" [checked]=\"isSelected(result)\" [disabled]=\"!canBeShared(result)\" (keyup)=\"onKeyUp($event, result)\" />\n                <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-{{ result.case_id }}\">\n                </label>\n              </div>\n            </td>\n            <td class=\"search-result-column-cell\" *ngFor=\"let col of resultView.columns; let colIndex = index\" scope=\"row\">\n\n              <a *ngIf=\"colIndex == 0\" [routerLink]=\"prepareCaseLinkUrl(result.case_id)\"\n                attr.aria-label=\"go to case with Case reference:{{ result.case_id | ccdCaseReference }}\" class=\"govuk-link\">\n                <ng-container class=\"text-16\" *ngIf=\"!hideRows\">\n                  <ccd-field-read *ngIf=\"draftPrefixOrGet(col, result); else case_reference\"\n                                  ccdLabelSubstitutor [caseField]=\"getColumnsWithPrefix(result.columns[col.case_field_id], result)\"\n                                  [contextFields]=\"result.hydrated_case_fields\"\n                                  [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n                  <ng-template #case_reference>{{result.case_id | ccdCaseReference}}</ng-template>\n                </ng-container>\n              </a>\n              <div *ngIf=\"colIndex != 0\" class=\"text-16\" [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n                <ccd-field-read ccdLabelSubstitutor\n                                [caseField]=\"result.columns[col.case_field_id]\"\n                                [contextFields]=\"result.hydrated_case_fields\"\n                                [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n              </div>\n            </td>\n            <td *ngIf=\"activityEnabled()\">\n              <div [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n                <ccd-activity [caseId]=\"result.case_id\" [displayMode]=\"ICON\"></ccd-activity>\n              </div>\n            </td>\n          </tr>\n        </ng-container>\n\n      </tbody>\n    </table>\n\n    <ccd-pagination \n      *ngIf=\"hasResults()\"\n      (pageChange)=\"goToPage($event)\"\n      [visibilityLabel]=\"hideRows ? 'hidden' : 'visible'\" \n      [autoHide]=\"true\"\n      [maxSize]=\"8\"\n      [screenReaderPaginationLabel]=\"Pagination\"\n      [screenReaderPageLabel]=\"page\"\n      [screenReaderCurrentLabel]=\"'You\\'re on page'\"></ccd-pagination>\n\n    <div *ngIf=\"!(hasResults() || hasDrafts())\" class=\"notification\"\n      aria-label=\"No cases found. Try using different filters.\">\n      No cases found. Try using different filters.\n    </div>\n  ","styles":["\n    table thead tr th{vertical-align:top}table tbody tr td{font-size:16px;word-wrap:break-word}table tbody tr td a{float:left}table .caseid-col{white-space:nowrap}.notification{text-align:center;padding:30px 0px 30px 0px;margin-top:75px}a:hover{color:#005ea5}.search-result-reset-link{padding-right:15px;padding-left:15px}.search-result-column-header{width:unset;table-layout:normal}.search-result-column-header div{display:table-cell;width:auto}@media screen and (max-width: 379px){.search-result-column-header div{display:block;float:right}}.search-result-column-label{font-size:16px;font-weight:bold;word-wrap:break-word;cursor:pointer;padding-right:15px}.search-result-column-sort{font-size:16px}.sort-widget{cursor:pointer;text-decoration:none;color:#231F20}span.heading-medium{margin-top:-20px}.govuk-table__checkbox{vertical-align:middle;padding-left:3px}#search-result-heading__text:focus{outline:none}\n  "]}]}],"members":{"caseLinkUrlTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":3}}]}],"jurisdiction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":3}}]}],"caseType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":3}}]}],"caseState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":3}}]}],"caseFilterFG":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":171,"character":3}}]}],"resultView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":3}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":3}}]}],"paginationMetadata":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":180,"character":3}}]}],"metadataFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":183,"character":3}}]}],"selectionEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":3}}]}],"showOnlySelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":189,"character":3}}]}],"preSelectedCases":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":3}}]}],"consumerSortingEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":3}}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":198,"character":3}}]}],"changePage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":201,"character":3}}]}],"clickCase":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":204,"character":3}}]}],"sortHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":207,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../services","name":"SearchResultViewItemComparatorFactory","line":233,"character":43},{"__symbolic":"reference","module":"../../../app.config","name":"AbstractAppConfig","line":234,"character":15},{"__symbolic":"reference","module":"../../services","name":"ActivityService","line":235,"character":29},{"__symbolic":"reference","module":"../../pipes","name":"CaseReferencePipe","line":236,"character":31},{"__symbolic":"reference","module":"../../directives","name":"PlaceholderService","line":237,"character":32},{"__symbolic":"reference","module":"../../services","name":"BrowserService","line":238,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"clearSelection":[{"__symbolic":"method"}],"canBeShared":[{"__symbolic":"method"}],"canAnyBeShared":[{"__symbolic":"method"}],"selectAll":[{"__symbolic":"method"}],"changeSelection":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}],"allOnPageSelected":[{"__symbolic":"method"}],"hydrateResultView":[{"__symbolic":"method"}],"goToPage":[{"__symbolic":"method"}],"buildCaseField":[{"__symbolic":"method"}],"getColumnsWithPrefix":[{"__symbolic":"method"}],"hasResults":[{"__symbolic":"method"}],"hasDrafts":[{"__symbolic":"method"}],"comparator":[{"__symbolic":"method"}],"sort":[{"__symbolic":"method"}],"sortWidget":[{"__symbolic":"method"}],"activityEnabled":[{"__symbolic":"method"}],"hyphenateIfCaseReferenceOrGet":[{"__symbolic":"method"}],"draftPrefixOrGet":[{"__symbolic":"method"}],"isSortAscending":[{"__symbolic":"method"}],"currentSortOrder":[{"__symbolic":"method"}],"getFirstResult":[{"__symbolic":"method"}],"getLastResult":[{"__symbolic":"method"}],"getTotalResults":[{"__symbolic":"method"}],"prepareCaseLinkUrl":[{"__symbolic":"method"}],"getDraftsCountIfNotPageOne":[{"__symbolic":"method"}],"numberOfDrafts":[{"__symbolic":"method"}],"goToCase":[{"__symbolic":"method"}],"onKeyUp":[{"__symbolic":"method"}]},"statics":{"PARAM_JURISDICTION":"jurisdiction","PARAM_CASE_TYPE":"case-type","PARAM_CASE_STATE":"case-state"}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"SearchResultComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ccd-search-result","template":"\n    <table *ngIf=\"hasResults() || hasDrafts()\">\n      <caption>\n        <h2 class=\"heading-h2\" id=\"search-result-heading__text\" tabindex=\"-1\">{{ caseState ? 'Your cases' : 'Search result' }}</h2>\n\n        <div class=\"govuk-warning-text pagination-limit-warning\" *ngIf=\"paginationLimitEnforced\">\n          <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n          <strong class=\"govuk-warning-text__text\">\n            <span class=\"govuk-warning-text__assistive\">Warning</span>\n            The total size of the result set is {{paginationMetadata.total_results_count | number}}. Only the first 10,000 records are available for display.\n          </strong>\n        </div>\n\n        <div *ngIf=\"(hasResults() || hasDrafts())\" class=\"pagination-top\"\n          attr.aria-label=\"{{ getTotalResults() }} results have been found\" role=\"status\">\n          <span class=\"text-16\" id=\"search-result-summary__text\">Showing \n            <span class=\"govuk-!-font-weight-bold\">{{ getFirstResult() }}</span>\n            to\n            <span class=\"govuk-!-font-weight-bold\">{{ getLastResult() }}</span>\n            of\n            <span class=\"govuk-!-font-weight-bold\">{{ getTotalResults() }}</span> results</span>\n        </div>\n        <div *ngIf=\"(hasResults() || hasDrafts()) && selectionEnabled\" class=\"reset-selection\"\n          attr.aria-label=\"Reset selection\">\n          <span><a class=\"search-result-reset-link\" href=\"javascript:void()\" (click)=\"clearSelection()\">Reset case selection</a></span>\n        </div>\n      </caption>\n      <thead>\n        <tr scope=\"row\">\n          <th *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n            <div class=\"govuk-checkboxes__item\">\n              <input class=\"govuk-checkboxes__input\" id=\"select-all\" name=\"select-all\" type=\"checkbox\" (change)=\"selectAll()\" [checked]=\"allOnPageSelected()\" [disabled]=\"!canAnyBeShared()\" />\n              <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-all\">\n              </label>\n            </div>\n          </th>\n          <th *ngFor=\"let col of resultView.columns\">\n            <table class=\"search-result-column-header\"\n              attr.aria-label=\"Sort by {{col.label}} {{ isSortAscending(col)? 'ascending' : 'descending' }}\">\n              <tr>\n                <div class=\"search-result-column-label\" (click)=\"sort(col)\">{{col.label}}</div>\n                <div *ngIf=\"comparator(col)\" class=\"search-result-column-sort\">\n                  <a (click)=\"sort(col)\" class=\"sort-widget\" [innerHTML]=\"sortWidget(col)\" href=\"javascript:void(0)\"></a>\n                </div>\n              </tr>\n            </table>\n          </th>\n          <th *ngIf=\"activityEnabled()\" style=\"width: 110px;\"></th>\n        </tr>\n      </thead>\n      <tbody>\n\n        <!-- sorted by consumer -->\n        <ng-container *ngIf=\"consumerSortingEnabled\">\n          <tr *ngFor=\"let result of resultView.results | paginate: { itemsPerPage: paginationPageSize, currentPage: selected.page, totalItems: resultTotal }\">\n            <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n              <div class=\"govuk-checkboxes__item\">\n                <input class=\"govuk-checkboxes__input\" id=\"select-{{ result.case_id }}\" name=\"select-{{ result.case_id }}\"\n                  type=\"checkbox\" (change)=\"changeSelection(result)\" [checked]=\"isSelected(result)\" [disabled]=\"!canBeShared(result)\" />\n                <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-{{ result.case_id }}\">\n                </label>\n              </div>\n            </td>\n            <td class=\"search-result-column-cell\" *ngFor=\"let col of resultView.columns; let colIndex = index\" scope=\"row\">\n              <a *ngIf=\"colIndex == 0\" [routerLink]=\"prepareCaseLinkUrl(result.case_id)\"\n                attr.aria-label=\"go to case with Case reference:{{ result.case_id | ccdCaseReference }}\" class=\"govuk-link\">\n                <ng-container class=\"text-16\" *ngIf=\"!hideRows\">\n                  <ccd-field-read *ngIf=\"draftPrefixOrGet(col, result); else case_reference\"\n                                  ccdLabelSubstitutor [caseField]=\"getColumnsWithPrefix(result.columns[col.case_field_id], result)\"\n                                  [contextFields]=\"result.hydrated_case_fields\"\n                                  [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n                  <ng-template #case_reference>{{result.case_id | ccdCaseReference}}</ng-template>\n                </ng-container>\n              </a>\n              <div *ngIf=\"colIndex != 0\" class=\"text-16\" [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n                <ccd-field-read ccdLabelSubstitutor\n                                [caseField]=\"result.columns[col.case_field_id]\"\n                                [contextFields]=\"result.hydrated_case_fields\"\n                                [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n              </div>\n            </td>\n            <td *ngIf=\"activityEnabled()\">\n              <div [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n                <ccd-activity [caseId]=\"result.case_id\" [displayMode]=\"ICON\"></ccd-activity>\n              </div>\n            </td>\n          </tr>\n        </ng-container>\n        <!-- sorted by toolkit -->\n        <ng-container *ngIf=\"!consumerSortingEnabled\">\n          <tr *ngFor=\"let result of resultView.results | ccdSortSearchResult : sortParameters | paginate: { itemsPerPage: paginationPageSize, currentPage: selected.page, totalItems: resultTotal }\">\n            <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n              <div class=\"govuk-checkboxes__item\">\n                <input class=\"govuk-checkboxes__input\" id=\"select-{{ result.case_id }}\" name=\"select-{{ result.case_id }}\"\n                  type=\"checkbox\" (change)=\"changeSelection(result)\" [checked]=\"isSelected(result)\" [disabled]=\"!canBeShared(result)\" (keyup)=\"onKeyUp($event, result)\" />\n                <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-{{ result.case_id }}\">\n                </label>\n              </div>\n            </td>\n            <td class=\"search-result-column-cell\" *ngFor=\"let col of resultView.columns; let colIndex = index\" scope=\"row\">\n\n              <a *ngIf=\"colIndex == 0\" [routerLink]=\"prepareCaseLinkUrl(result.case_id)\"\n                attr.aria-label=\"go to case with Case reference:{{ result.case_id | ccdCaseReference }}\" class=\"govuk-link\">\n                <ng-container class=\"text-16\" *ngIf=\"!hideRows\">\n                  <ccd-field-read *ngIf=\"draftPrefixOrGet(col, result); else case_reference\"\n                                  ccdLabelSubstitutor [caseField]=\"getColumnsWithPrefix(result.columns[col.case_field_id], result)\"\n                                  [contextFields]=\"result.hydrated_case_fields\"\n                                  [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n                  <ng-template #case_reference>{{result.case_id | ccdCaseReference}}</ng-template>\n                </ng-container>\n              </a>\n              <div *ngIf=\"colIndex != 0\" class=\"text-16\" [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n                <ccd-field-read ccdLabelSubstitutor\n                                [caseField]=\"result.columns[col.case_field_id]\"\n                                [contextFields]=\"result.hydrated_case_fields\"\n                                [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n              </div>\n            </td>\n            <td *ngIf=\"activityEnabled()\">\n              <div [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n                <ccd-activity [caseId]=\"result.case_id\" [displayMode]=\"ICON\"></ccd-activity>\n              </div>\n            </td>\n          </tr>\n        </ng-container>\n\n      </tbody>\n    </table>\n\n    <ccd-pagination \n      *ngIf=\"hasResults()\"\n      (pageChange)=\"goToPage($event)\"\n      [visibilityLabel]=\"hideRows ? 'hidden' : 'visible'\" \n      [autoHide]=\"true\"\n      [maxSize]=\"8\"\n      [screenReaderPaginationLabel]=\"Pagination\"\n      [screenReaderPageLabel]=\"page\"\n      [screenReaderCurrentLabel]=\"'You\\'re on page'\"></ccd-pagination>\n\n    <div *ngIf=\"!(hasResults() || hasDrafts())\" class=\"notification\"\n      aria-label=\"No cases found. Try using different filters.\">\n      No cases found. Try using different filters.\n    </div>\n  ","styles":["\n    table thead tr th{vertical-align:top}table tbody tr td{font-size:16px;word-wrap:break-word}table tbody tr td a{float:left}table .caseid-col{white-space:nowrap}.notification{text-align:center;padding:30px 0px 30px 0px;margin-top:75px}a:hover{color:#005ea5}.search-result-reset-link{padding-right:15px;padding-left:15px}.search-result-column-header{width:unset;table-layout:normal}.search-result-column-header div{display:table-cell;width:auto}@media screen and (max-width: 379px){.search-result-column-header div{display:block;float:right}}.search-result-column-label{font-size:16px;font-weight:bold;word-wrap:break-word;cursor:pointer;padding-right:15px}.search-result-column-sort{font-size:16px}.sort-widget{cursor:pointer;text-decoration:none;color:#231F20}span.heading-medium{margin-top:-20px}.govuk-table__checkbox{vertical-align:middle;padding-left:3px}#search-result-heading__text:focus{outline:none}\n  "]}]}],"members":{"caseLinkUrlTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3}}]}],"jurisdiction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":173,"character":3}}]}],"caseType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":176,"character":3}}]}],"caseState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":179,"character":3}}]}],"caseFilterFG":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":182,"character":3}}]}],"resultView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":185,"character":3}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":188,"character":3}}]}],"paginationMetadata":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":3}}]}],"metadataFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3}}]}],"selectionEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":197,"character":3}}]}],"showOnlySelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":200,"character":3}}]}],"preSelectedCases":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":203,"character":3}}]}],"consumerSortingEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":206,"character":3}}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":209,"character":3}}]}],"changePage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":212,"character":3}}]}],"clickCase":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":215,"character":3}}]}],"sortHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":218,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../services","name":"SearchResultViewItemComparatorFactory","line":246,"character":43},{"__symbolic":"reference","module":"../../../app.config","name":"AbstractAppConfig","line":247,"character":15},{"__symbolic":"reference","module":"../../services","name":"ActivityService","line":248,"character":29},{"__symbolic":"reference","module":"../../pipes","name":"CaseReferencePipe","line":249,"character":31},{"__symbolic":"reference","module":"../../directives","name":"PlaceholderService","line":250,"character":32},{"__symbolic":"reference","module":"../../services","name":"BrowserService","line":251,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"clearSelection":[{"__symbolic":"method"}],"canBeShared":[{"__symbolic":"method"}],"canAnyBeShared":[{"__symbolic":"method"}],"selectAll":[{"__symbolic":"method"}],"changeSelection":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}],"allOnPageSelected":[{"__symbolic":"method"}],"hydrateResultView":[{"__symbolic":"method"}],"goToPage":[{"__symbolic":"method"}],"buildCaseField":[{"__symbolic":"method"}],"getColumnsWithPrefix":[{"__symbolic":"method"}],"hasResults":[{"__symbolic":"method"}],"hasDrafts":[{"__symbolic":"method"}],"comparator":[{"__symbolic":"method"}],"sort":[{"__symbolic":"method"}],"sortWidget":[{"__symbolic":"method"}],"activityEnabled":[{"__symbolic":"method"}],"hyphenateIfCaseReferenceOrGet":[{"__symbolic":"method"}],"draftPrefixOrGet":[{"__symbolic":"method"}],"isSortAscending":[{"__symbolic":"method"}],"currentSortOrder":[{"__symbolic":"method"}],"getFirstResult":[{"__symbolic":"method"}],"getLastResult":[{"__symbolic":"method"}],"getTotalResults":[{"__symbolic":"method"}],"prepareCaseLinkUrl":[{"__symbolic":"method"}],"getDraftsCountIfNotPageOne":[{"__symbolic":"method"}],"numberOfDrafts":[{"__symbolic":"method"}],"goToCase":[{"__symbolic":"method"}],"onKeyUp":[{"__symbolic":"method"}]},"statics":{"PARAM_JURISDICTION":"jurisdiction","PARAM_CASE_TYPE":"case-type","PARAM_CASE_STATE":"case-state"}}}}]

package/dist/shared/services/form/form-validators.service.d.ts

@@ -1,7 +1,8 @@
-import { AbstractControl } from '@angular/forms';
+import { AbstractControl, ValidatorFn } from '@angular/forms';
 import { CaseField } from '../../domain/definition/case-field.model';
 export declare class FormValidatorsService {
     private static CUSTOM_VALIDATED_TYPES;
     static addValidators(caseField: CaseField, control: AbstractControl): AbstractControl;
+    static emptyValidator(): ValidatorFn;
     addValidators(caseField: CaseField, control: AbstractControl): AbstractControl;
 }

package/dist/shared/services/form/form-validators.service.js

@@ -22,7 +22,7 @@ var FormValidatorsService = /** @class */ (function () {
                     validators.push(forms_1.Validators.pattern(caseField.field_type.regular_expression));
                 }
                 else {
-                    validators.push(forms_1.Validators.pattern(constants_1.Constants.REGEX_WHITESPACES));
+                    validators.push(this.emptyValidator());
                 }
                 if (caseField.field_type.min && (typeof caseField.field_type.min === 'number')) {
                     validators.push(forms_1.Validators.minLength(caseField.field_type.min));
@@ -38,6 +38,15 @@ var FormValidatorsService = /** @class */ (function () {
         }
         return control;
     };
+    FormValidatorsService.emptyValidator = function () {
+        var validator = function (control) {
+            if (control && control.value && control.value.toString().trim().length === 0) {
+                return { required: {} };
+            }
+            return null;
+        };
+        return validator;
+    };
     // TODO: Strip this out as it's only here for the moment because
     // the service is being injected all over the place but it doesn't
     // need to be as FormValidatorsService.addValidators is perfectly

package/dist/shared/services/form/form-validators.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-validators.service.js","sourceRoot":"","sources":["../../../../tmp/src-inlined/shared/services/form/form-validators.service.ts"],"names":[],"mappings":";;;;;;;;AAAA,sCAA2C;AAC3C,wCAA6D;AAE7D,qDAAoD;AAKpD;IAAA;IAwCA,CAAC;8BAxCY,qBAAqB;IAMlB,mCAAa,GAA3B,UAA4B,SAAoB,EAAE,OAAwB;QACxE,IACE,SAAS,CAAC,eAAe,KAAK,qBAAS,CAAC,SAAS;YACjD,uBAAqB,CAAC,sBAAsB,CAAC,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EACpF;YACF,IAAI,UAAU,GAAG,CAAC,kBAAU,CAAC,QAAQ,CAAC,CAAC;YACvC,IAAI,SAAS,CAAC,UAAU,CAAC,IAAI,KAAK,MAAM,EAAE;gBACxC,IAAI,SAAS,CAAC,UAAU,CAAC,kBAAkB,EAAE;oBAC3C,UAAU,CAAC,IAAI,CAAC,kBAAU,CAAC,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC,CAAC;iBAC9E;qBAAM;oBACL,UAAU,CAAC,IAAI,CAAC,kBAAU,CAAC,OAAO,CAAC,qBAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC;iBAClE;gBACD,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,OAAO,SAAS,CAAC,UAAU,CAAC,GAAG,KAAK,QAAQ,CAAC,EAAE;oBAC9E,UAAU,CAAC,IAAI,CAAC,kBAAU,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;iBACjE;gBACD,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,OAAO,SAAS,CAAC,UAAU,CAAC,GAAG,KAAK,QAAQ,CAAC,EAAE;oBAC9E,UAAU,CAAC,IAAI,CAAC,kBAAU,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;iBACjE;aACF;YACD,IAAI,OAAO,CAAC,SAAS,EAAE;gBACrB,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;aACpC;YACD,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;SACnC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,gEAAgE;IAChE,kEAAkE;IAClE,iEAAiE;IACjE,sBAAsB;IACf,6CAAa,GAApB,UAAqB,SAAoB,EAAE,OAAwB;QACjE,OAAO,uBAAqB,CAAC,aAAa,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACjE,CAAC;;IArCc,4CAAsB,GAAoB;QACvD,MAAM,EAAE,UAAU,EAAE,OAAO;KAC5B,CAAC;IAJS,qBAAqB;QADjC,iBAAU,EAAE;OACA,qBAAqB,CAwCjC;IAAD,4BAAC;CAAA,AAxCD,IAwCC;AAxCY,sDAAqB"}
+{"version":3,"file":"form-validators.service.js","sourceRoot":"","sources":["../../../../tmp/src-inlined/shared/services/form/form-validators.service.ts"],"names":[],"mappings":";;;;;;;;AAAA,sCAA2C;AAC3C,wCAA4F;AAE5F,qDAAoD;AAKpD;IAAA;IAmDA,CAAC;8BAnDY,qBAAqB;IAMlB,mCAAa,GAA3B,UAA4B,SAAoB,EAAE,OAAwB;QACxE,IACE,SAAS,CAAC,eAAe,KAAK,qBAAS,CAAC,SAAS;YACjD,uBAAqB,CAAC,sBAAsB,CAAC,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EACpF;YACF,IAAI,UAAU,GAAG,CAAC,kBAAU,CAAC,QAAQ,CAAC,CAAC;YACvC,IAAI,SAAS,CAAC,UAAU,CAAC,IAAI,KAAK,MAAM,EAAE;gBACxC,IAAI,SAAS,CAAC,UAAU,CAAC,kBAAkB,EAAE;oBAC3C,UAAU,CAAC,IAAI,CAAC,kBAAU,CAAC,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC,CAAC;iBAC9E;qBAAM;oBACL,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;iBACxC;gBACD,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,OAAO,SAAS,CAAC,UAAU,CAAC,GAAG,KAAK,QAAQ,CAAC,EAAE;oBAC9E,UAAU,CAAC,IAAI,CAAC,kBAAU,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;iBACjE;gBACD,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,OAAO,SAAS,CAAC,UAAU,CAAC,GAAG,KAAK,QAAQ,CAAC,EAAE;oBAC9E,UAAU,CAAC,IAAI,CAAC,kBAAU,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;iBACjE;aACF;YACD,IAAI,OAAO,CAAC,SAAS,EAAE;gBACrB,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;aACpC;YACD,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;SACnC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;IAEa,oCAAc,GAA5B;QACE,IAAM,SAAS,GAAG,UAAS,OAAwB;YAClD,IAAI,OAAO,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC3E,OAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;aAC1B;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;QACF,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,gEAAgE;IAChE,kEAAkE;IAClE,iEAAiE;IACjE,sBAAsB;IACf,6CAAa,GAApB,UAAqB,SAAoB,EAAE,OAAwB;QACjE,OAAO,uBAAqB,CAAC,aAAa,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACjE,CAAC;;IA/Cc,4CAAsB,GAAoB;QACvD,MAAM,EAAE,UAAU,EAAE,OAAO;KAC5B,CAAC;IAJS,qBAAqB;QADjC,iBAAU,EAAE;OACA,qBAAqB,CAmDjC;IAAD,4BAAC;CAAA,AAnDD,IAmDC;AAnDY,sDAAqB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/ccd-case-ui-toolkit",
-  "version": "v4.12.7-task-event-completion-release",
+  "version": "v4.12.9-strip-trailing-input",
   "engines": {
     "yarn": "^1.12.3",
     "npm": "^5.6.0"