@huntsman-cancer-institute/navigation 17.5.0 → 17.6.0

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.
@@ -2577,7 +2577,7 @@ let SearchListControllerComponent = class SearchListControllerComponent extends
2577
2577
  <div id="search-title" class="d-flex flex-column">
2578
2578
  <div *ngIf="showTitle" class="d-flex ps-2">
2579
2579
  <div *ngIf="showBackButton" class="me-auto ms-1 backButton">
2580
- <button (click)="backButtonClicked()">
2580
+ <button (click)="backButtonClicked()" aria-label="hci-ng-sidebar-back-button">
2581
2581
  <i class="hci-white fas fa-angle-double-left"></i>
2582
2582
  </button>
2583
2583
  </div>
@@ -2590,7 +2590,7 @@ let SearchListControllerComponent = class SearchListControllerComponent extends
2590
2590
  <div *ngIf="showToggleOptions">
2591
2591
  <div class="card-header-component">
2592
2592
  <div style="margin-left: auto">
2593
- <button class="card-header-button btn closeable" (click)="toggleShowOptions($event)">
2593
+ <button class="card-header-button btn closeable" (click)="toggleShowOptions($event)" aria-label="hci-ng-sidebar-toggle-options">
2594
2594
  <i class="fas fa-times" card-header-text></i>
2595
2595
  </button>
2596
2596
  </div>
@@ -2671,10 +2671,10 @@ let SearchListControllerComponent = class SearchListControllerComponent extends
2671
2671
 
2672
2672
  <div class="ri-modal-footer ri-full-width">
2673
2673
  <div class="ri-modal-header-right-container ri-full-width">
2674
- <button [ngClass]="{'ri-btn-cancel': !this.changed, 'ri-btn-cancel-dirty': this.changed}" [disabled] ="!this.changed" (click)="setupFilters(false)">CLEAR
2674
+ <button [ngClass]="{'ri-btn-cancel': !this.changed, 'ri-btn-cancel-dirty': this.changed}" [disabled] ="!this.changed" (click)="setupFilters(false)" aria-label="hci-ng-sidebar-clear-basic-search-filters">CLEAR
2675
2675
  </button>
2676
2676
  <button [ngClass]="{'ri-btn-save': !this.changed, 'ri-btn-save-dirty': this.changed}"
2677
- [disabled]="!this.changed " (click)="applyFilters($event)">SEARCH
2677
+ [disabled]="!this.changed " (click)="applyFilters($event)" aria-label="hci-ng-sidebar-apply-basic-filter-search">SEARCH
2678
2678
  </button>
2679
2679
  </div>
2680
2680
  </div>
@@ -2755,10 +2755,10 @@ let SearchListControllerComponent = class SearchListControllerComponent extends
2755
2755
 
2756
2756
  <div class="ri-modal-footer ri-full-width">
2757
2757
  <div class="ri-modal-header-right-container ri-full-width">
2758
- <button [ngClass]="{'ri-btn-cancel': !this.changed, 'ri-btn-cancel-dirty': this.changed}" [disabled]="!this.changed" (click)="setupFilters(false)">CLEAR
2758
+ <button [ngClass]="{'ri-btn-cancel': !this.changed, 'ri-btn-cancel-dirty': this.changed}" [disabled]="!this.changed" (click)="setupFilters(false)" aria-label="hci-ng-sidebar-clear-advance-search-filters">CLEAR
2759
2759
  </button>
2760
2760
  <button [ngClass] ="{'ri-btn-save': !this.changed, 'ri-btn-save-dirty': this.changed}"
2761
- [disabled]="!this.changed" (click)="applyAdvancedSearchFilters($event)">SEARCH
2761
+ [disabled]="!this.changed" (click)="applyAdvancedSearchFilters($event)" aria-label="hci-ng-sidebar-apply-advance-filter-search">SEARCH
2762
2762
  </button>
2763
2763
  </div>
2764
2764
  </div>
@@ -2876,10 +2876,10 @@ let SearchListControllerComponent = class SearchListControllerComponent extends
2876
2876
  <div class="ri-modal-header-right-container ri-full-width">
2877
2877
  <ng-container *ngTemplateOutlet="buttonRowTemplate">
2878
2878
  </ng-container>
2879
- <button class="ri-btn-cancel ri-btn-cancel-dirty" (click)="setupFilters(true)">RESET
2879
+ <button class="ri-btn-cancel ri-btn-cancel-dirty" (click)="setupFilters(true)" aria-label="hci-ng-sidebar-filter-reset">RESET
2880
2880
  </button>
2881
2881
  <button class="ri-btn-save" [ngClass]="{'ri-btn-save-dirty': this.changed}"
2882
- [disabled]="!this.changed " (click)="applyFilters()">FILTER
2882
+ [disabled]="!this.changed " (click)="applyFilters()" aria-label="hci-ng-sidebar-filter-apply-filter">FILTER
2883
2883
  </button>
2884
2884
  </div>
2885
2885
  </div>
@@ -2938,7 +2938,7 @@ let SearchListControllerComponent = class SearchListControllerComponent extends
2938
2938
  {{searchType}}
2939
2939
  </option>
2940
2940
  </select>
2941
- <button class="pl-1 pr-1 search-button" style="height: 100%" [disabled] = "!quickSearchEnabled" [ngClass] = "{'disabled-button':!quickSearchEnabled}" (click)="searchButtonClicked()">
2941
+ <button class="pl-1 pr-1 search-button" style="height: 100%" [disabled] = "!quickSearchEnabled" [ngClass] = "{'disabled-button':!quickSearchEnabled}" (click)="searchButtonClicked()" aria-label="hci-ng-sidebar-quick-search">
2942
2942
  <i class="fas fa-search"></i>
2943
2943
  </button>
2944
2944
  </div>
@@ -2952,7 +2952,7 @@ let SearchListControllerComponent = class SearchListControllerComponent extends
2952
2952
  {{searchType}}
2953
2953
  </option>
2954
2954
  </select>
2955
- <button aria-label="searchButton" class="ps-1 pe-1 search-button multiline-search-button" [ngStyle]="getCustomStyles('search-button multiline-search-button')" [disabled] = "!quickSearchEnabled" [ngClass] = "{'disabled-button':!quickSearchEnabled}" (click)="searchButtonClicked()">
2955
+ <button aria-label="searchButton" class="ps-1 pe-1 search-button multiline-search-button" [ngStyle]="getCustomStyles('search-button multiline-search-button')" [disabled] = "!quickSearchEnabled" [ngClass] = "{'disabled-button':!quickSearchEnabled}" (click)="searchButtonClicked()" aria-label="hci-ng-sidebar-quick-search">
2956
2956
  <i class="fas fa-search"></i>
2957
2957
  </button>
2958
2958
  </div>
@@ -2982,7 +2982,7 @@ let SearchListControllerComponent = class SearchListControllerComponent extends
2982
2982
  </mat-button-toggle-group>
2983
2983
  </div>
2984
2984
  </div>
2985
- `, isInline: true, styles: ["select{padding:.25em 0 .25em .25em;outline-offset:-1px;border:0;color:#8a9499;font-size:.8rem;background-color:#fff}.search-box{border:none;border-right:.1px solid #5B6266;padding-left:.5rem!important;color:#8a9499;font-size:.8rem}.search-options{border-radius:10px}.search-button{width:30%;height:2rem;background-image:linear-gradient(#6da9c7,#3d7a99);margin:0;color:#fff;border:none}.global-search{align-items:center;width:100%;border-radius:2px;border:.04em solid #727b80}.tab-title-class{display:flex;height:50px;background:#d3d3d3}.tab-pane{width:min-content!important}.search-options.expanded{height:fit-content}.backButton .fa-angle-double-left{color:#fff}.svg-inline--fas fa-angle-double-left{color:#fff}.sort-item{display:flex;color:#000}.sort-icon{width:1.5rem}.sort-text:hover{cursor:pointer}.hci-white{color:#fff!important}.textarea-search-box{align-content:center;width:100%;min-height:30px}.multiline-search-button{height:100%;max-width:3rem;min-width:3rem}.filter-sorting-panel{margin-top:30px}.disabled-button{cursor:not-allowed;background-image:linear-gradient(var(--greywarm-light),var(--greywarm-medlight))}.nav-container{display:flex!important;flex-wrap:nowrap}.no-user-select-text{-webkit-user-select:none;-ms-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.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: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i3$2.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i3$2.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i3$2.NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "directive", type: i3$2.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i3$2.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i7.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i7.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i8.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatLegacySuffix, selector: "[matSuffix]" }, { kind: "directive", type: i9.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i11.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i11.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i12.MatLegacyCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i13.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i14.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }] }); }
2985
+ `, isInline: true, styles: ["select{padding:.25em 0 .25em .25em;outline-offset:-1px;border:0;color:#8a9499;font-size:.8rem;background-color:#fff}.search-box{border:none;border-right:.1px solid #5B6266;padding-left:.5rem!important;color:#8a9499;font-size:.8rem}.search-options{border-radius:10px}.search-button:enabled{width:30%;height:2rem;background:linear-gradient(0deg,var(--bluewarm-dark) 30%,var(--bluewarm-meddark) 100%);margin:0;color:var(--white-lightest);border:1px solid var(--bluewarm-dark)}.search-button:hover{background:linear-gradient(0deg,var(--bluewarm-meddark) 0%,var(--bluewarm-dark) 100%);color:var(--white-lightest);border:1px solid var(--bluewarm-darker)}.search-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:linear-gradient(0deg,var(--bluewarm-dark) 30%,var(--bluewarm-meddark) 100%);border:1px solid var(--bluewarm-dark);color:var(--white-lightest)}.global-search{align-items:center;width:100%;border-radius:2px;border:.04em solid #727b80}.tab-title-class{display:flex;height:50px;background:#d3d3d3}.tab-pane{width:min-content!important}.search-options.expanded{height:fit-content}.backButton .fa-angle-double-left{color:#fff}.svg-inline--fas fa-angle-double-left{color:#fff}.sort-item{display:flex;color:#000}.sort-icon{width:1.5rem}.sort-text:hover{cursor:pointer}.hci-white{color:#fff!important}.textarea-search-box{align-content:center;width:100%;min-height:30px}.multiline-search-button{height:100%;max-width:3rem;min-width:3rem}.filter-sorting-panel{margin-top:30px}.disabled-button{opacity:.5;cursor:not-allowed;box-shadow:none;background:linear-gradient(0deg,var(--bluewarm-dark) 30%,var(--bluewarm-meddark) 100%);border:1px solid var(--bluewarm-dark);color:var(--white-lightest)}.nav-container{display:flex!important;flex-wrap:nowrap}.no-user-select-text{-webkit-user-select:none;-ms-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.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: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i3$2.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i3$2.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i3$2.NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "directive", type: i3$2.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i3$2.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i7.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i7.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i8.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatLegacySuffix, selector: "[matSuffix]" }, { kind: "directive", type: i9.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i11.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i11.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i12.MatLegacyCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i13.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i14.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }] }); }
2986
2986
  };
2987
2987
  SearchListControllerComponent = __decorate$3([
2988
2988
  ComponentType("SearchListControllerComponent"),
@@ -3000,7 +3000,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
3000
3000
  <div id="search-title" class="d-flex flex-column">
3001
3001
  <div *ngIf="showTitle" class="d-flex ps-2">
3002
3002
  <div *ngIf="showBackButton" class="me-auto ms-1 backButton">
3003
- <button (click)="backButtonClicked()">
3003
+ <button (click)="backButtonClicked()" aria-label="hci-ng-sidebar-back-button">
3004
3004
  <i class="hci-white fas fa-angle-double-left"></i>
3005
3005
  </button>
3006
3006
  </div>
@@ -3013,7 +3013,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
3013
3013
  <div *ngIf="showToggleOptions">
3014
3014
  <div class="card-header-component">
3015
3015
  <div style="margin-left: auto">
3016
- <button class="card-header-button btn closeable" (click)="toggleShowOptions($event)">
3016
+ <button class="card-header-button btn closeable" (click)="toggleShowOptions($event)" aria-label="hci-ng-sidebar-toggle-options">
3017
3017
  <i class="fas fa-times" card-header-text></i>
3018
3018
  </button>
3019
3019
  </div>
@@ -3094,10 +3094,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
3094
3094
 
3095
3095
  <div class="ri-modal-footer ri-full-width">
3096
3096
  <div class="ri-modal-header-right-container ri-full-width">
3097
- <button [ngClass]="{'ri-btn-cancel': !this.changed, 'ri-btn-cancel-dirty': this.changed}" [disabled] ="!this.changed" (click)="setupFilters(false)">CLEAR
3097
+ <button [ngClass]="{'ri-btn-cancel': !this.changed, 'ri-btn-cancel-dirty': this.changed}" [disabled] ="!this.changed" (click)="setupFilters(false)" aria-label="hci-ng-sidebar-clear-basic-search-filters">CLEAR
3098
3098
  </button>
3099
3099
  <button [ngClass]="{'ri-btn-save': !this.changed, 'ri-btn-save-dirty': this.changed}"
3100
- [disabled]="!this.changed " (click)="applyFilters($event)">SEARCH
3100
+ [disabled]="!this.changed " (click)="applyFilters($event)" aria-label="hci-ng-sidebar-apply-basic-filter-search">SEARCH
3101
3101
  </button>
3102
3102
  </div>
3103
3103
  </div>
@@ -3178,10 +3178,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
3178
3178
 
3179
3179
  <div class="ri-modal-footer ri-full-width">
3180
3180
  <div class="ri-modal-header-right-container ri-full-width">
3181
- <button [ngClass]="{'ri-btn-cancel': !this.changed, 'ri-btn-cancel-dirty': this.changed}" [disabled]="!this.changed" (click)="setupFilters(false)">CLEAR
3181
+ <button [ngClass]="{'ri-btn-cancel': !this.changed, 'ri-btn-cancel-dirty': this.changed}" [disabled]="!this.changed" (click)="setupFilters(false)" aria-label="hci-ng-sidebar-clear-advance-search-filters">CLEAR
3182
3182
  </button>
3183
3183
  <button [ngClass] ="{'ri-btn-save': !this.changed, 'ri-btn-save-dirty': this.changed}"
3184
- [disabled]="!this.changed" (click)="applyAdvancedSearchFilters($event)">SEARCH
3184
+ [disabled]="!this.changed" (click)="applyAdvancedSearchFilters($event)" aria-label="hci-ng-sidebar-apply-advance-filter-search">SEARCH
3185
3185
  </button>
3186
3186
  </div>
3187
3187
  </div>
@@ -3299,10 +3299,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
3299
3299
  <div class="ri-modal-header-right-container ri-full-width">
3300
3300
  <ng-container *ngTemplateOutlet="buttonRowTemplate">
3301
3301
  </ng-container>
3302
- <button class="ri-btn-cancel ri-btn-cancel-dirty" (click)="setupFilters(true)">RESET
3302
+ <button class="ri-btn-cancel ri-btn-cancel-dirty" (click)="setupFilters(true)" aria-label="hci-ng-sidebar-filter-reset">RESET
3303
3303
  </button>
3304
3304
  <button class="ri-btn-save" [ngClass]="{'ri-btn-save-dirty': this.changed}"
3305
- [disabled]="!this.changed " (click)="applyFilters()">FILTER
3305
+ [disabled]="!this.changed " (click)="applyFilters()" aria-label="hci-ng-sidebar-filter-apply-filter">FILTER
3306
3306
  </button>
3307
3307
  </div>
3308
3308
  </div>
@@ -3361,7 +3361,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
3361
3361
  {{searchType}}
3362
3362
  </option>
3363
3363
  </select>
3364
- <button class="pl-1 pr-1 search-button" style="height: 100%" [disabled] = "!quickSearchEnabled" [ngClass] = "{'disabled-button':!quickSearchEnabled}" (click)="searchButtonClicked()">
3364
+ <button class="pl-1 pr-1 search-button" style="height: 100%" [disabled] = "!quickSearchEnabled" [ngClass] = "{'disabled-button':!quickSearchEnabled}" (click)="searchButtonClicked()" aria-label="hci-ng-sidebar-quick-search">
3365
3365
  <i class="fas fa-search"></i>
3366
3366
  </button>
3367
3367
  </div>
@@ -3375,7 +3375,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
3375
3375
  {{searchType}}
3376
3376
  </option>
3377
3377
  </select>
3378
- <button aria-label="searchButton" class="ps-1 pe-1 search-button multiline-search-button" [ngStyle]="getCustomStyles('search-button multiline-search-button')" [disabled] = "!quickSearchEnabled" [ngClass] = "{'disabled-button':!quickSearchEnabled}" (click)="searchButtonClicked()">
3378
+ <button aria-label="searchButton" class="ps-1 pe-1 search-button multiline-search-button" [ngStyle]="getCustomStyles('search-button multiline-search-button')" [disabled] = "!quickSearchEnabled" [ngClass] = "{'disabled-button':!quickSearchEnabled}" (click)="searchButtonClicked()" aria-label="hci-ng-sidebar-quick-search">
3379
3379
  <i class="fas fa-search"></i>
3380
3380
  </button>
3381
3381
  </div>
@@ -3405,7 +3405,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
3405
3405
  </mat-button-toggle-group>
3406
3406
  </div>
3407
3407
  </div>
3408
- `, styles: ["select{padding:.25em 0 .25em .25em;outline-offset:-1px;border:0;color:#8a9499;font-size:.8rem;background-color:#fff}.search-box{border:none;border-right:.1px solid #5B6266;padding-left:.5rem!important;color:#8a9499;font-size:.8rem}.search-options{border-radius:10px}.search-button{width:30%;height:2rem;background-image:linear-gradient(#6da9c7,#3d7a99);margin:0;color:#fff;border:none}.global-search{align-items:center;width:100%;border-radius:2px;border:.04em solid #727b80}.tab-title-class{display:flex;height:50px;background:#d3d3d3}.tab-pane{width:min-content!important}.search-options.expanded{height:fit-content}.backButton .fa-angle-double-left{color:#fff}.svg-inline--fas fa-angle-double-left{color:#fff}.sort-item{display:flex;color:#000}.sort-icon{width:1.5rem}.sort-text:hover{cursor:pointer}.hci-white{color:#fff!important}.textarea-search-box{align-content:center;width:100%;min-height:30px}.multiline-search-button{height:100%;max-width:3rem;min-width:3rem}.filter-sorting-panel{margin-top:30px}.disabled-button{cursor:not-allowed;background-image:linear-gradient(var(--greywarm-light),var(--greywarm-medlight))}.nav-container{display:flex!important;flex-wrap:nowrap}.no-user-select-text{-webkit-user-select:none;-ms-user-select:none;user-select:none}\n"] }]
3408
+ `, styles: ["select{padding:.25em 0 .25em .25em;outline-offset:-1px;border:0;color:#8a9499;font-size:.8rem;background-color:#fff}.search-box{border:none;border-right:.1px solid #5B6266;padding-left:.5rem!important;color:#8a9499;font-size:.8rem}.search-options{border-radius:10px}.search-button:enabled{width:30%;height:2rem;background:linear-gradient(0deg,var(--bluewarm-dark) 30%,var(--bluewarm-meddark) 100%);margin:0;color:var(--white-lightest);border:1px solid var(--bluewarm-dark)}.search-button:hover{background:linear-gradient(0deg,var(--bluewarm-meddark) 0%,var(--bluewarm-dark) 100%);color:var(--white-lightest);border:1px solid var(--bluewarm-darker)}.search-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:linear-gradient(0deg,var(--bluewarm-dark) 30%,var(--bluewarm-meddark) 100%);border:1px solid var(--bluewarm-dark);color:var(--white-lightest)}.global-search{align-items:center;width:100%;border-radius:2px;border:.04em solid #727b80}.tab-title-class{display:flex;height:50px;background:#d3d3d3}.tab-pane{width:min-content!important}.search-options.expanded{height:fit-content}.backButton .fa-angle-double-left{color:#fff}.svg-inline--fas fa-angle-double-left{color:#fff}.sort-item{display:flex;color:#000}.sort-icon{width:1.5rem}.sort-text:hover{cursor:pointer}.hci-white{color:#fff!important}.textarea-search-box{align-content:center;width:100%;min-height:30px}.multiline-search-button{height:100%;max-width:3rem;min-width:3rem}.filter-sorting-panel{margin-top:30px}.disabled-button{opacity:.5;cursor:not-allowed;box-shadow:none;background:linear-gradient(0deg,var(--bluewarm-dark) 30%,var(--bluewarm-meddark) 100%);border:1px solid var(--bluewarm-dark);color:var(--white-lightest)}.nav-container{display:flex!important;flex-wrap:nowrap}.no-user-select-text{-webkit-user-select:none;-ms-user-select:none;user-select:none}\n"] }]
3409
3409
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }, { type: NavigationGlobalService }, { type: NavigationService, decorators: [{
3410
3410
  type: Optional
3411
3411
  }] }, { type: i3$3.HttpClient }, { type: i0.ChangeDetectorRef }], propDecorators: { showTitle: [{