@huntsman-cancer-institute/navigation 17.6.0 → 17.7.1

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.
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { isDevMode, Injectable, Component, Input, ViewContainerRef, ElementRef, Renderer2, ComponentFactoryResolver, ChangeDetectorRef, ViewChild, SimpleChange, EventEmitter, Optional, Output, HostListener, TemplateRef, ViewChildren, Directive, HostBinding, NgModule } from '@angular/core';
2
+ import { isDevMode, Injectable, Component, Input, ViewContainerRef, ElementRef, Renderer2, ComponentFactoryResolver, ChangeDetectorRef, ViewChild, Directive, HostListener, SimpleChange, EventEmitter, Optional, Output, TemplateRef, ViewChildren, HostBinding, NgModule } from '@angular/core';
3
3
  import * as i3 from '@angular/common';
4
4
  import { CommonModule } from '@angular/common';
5
5
  import * as i5 from '@angular/forms';
@@ -817,7 +817,7 @@ let UlNavComponent = class UlNavComponent extends NavComponent {
817
817
  <ul [id]="id + '-ul'" class="hci-ul {{ulClass}}">
818
818
  <ng-container #containerRef></ng-container>
819
819
  </ul>
820
- `, isInline: true, styles: [".hci-dic-ul-class{color:#fff;background-color:var(--greywarm-meddark)}\n"] }); }
820
+ `, isInline: true, styles: [".hci-dic-ul-class{color:var(--grey-darkest);background-color:var(--greywarm-light)}\n"] }); }
821
821
  };
822
822
  UlNavComponent = __decorate$b([
823
823
  ComponentType("UlNavComponent"),
@@ -833,7 +833,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
833
833
  <ul [id]="id + '-ul'" class="hci-ul {{ulClass}}">
834
834
  <ng-container #containerRef></ng-container>
835
835
  </ul>
836
- `, styles: [".hci-dic-ul-class{color:#fff;background-color:var(--greywarm-meddark)}\n"] }]
836
+ `, styles: [".hci-dic-ul-class{color:var(--grey-darkest);background-color:var(--greywarm-light)}\n"] }]
837
837
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }, { type: NavigationService }, { type: i0.ChangeDetectorRef }], propDecorators: { ulClass: [{
838
838
  type: Input
839
839
  }], containerRefSetter: [{
@@ -906,6 +906,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
906
906
  type: Input
907
907
  }] } });
908
908
 
909
+ class RIRippleEffectDirective {
910
+ constructor(el, renderer) {
911
+ this.el = el;
912
+ this.renderer = renderer;
913
+ this.hostClass = 'ri-ripple-host';
914
+ this.rippleClass = 'ri-ripple-effect-container';
915
+ const hostElement = this.el.nativeElement;
916
+ this.renderer.addClass(hostElement, this.hostClass);
917
+ }
918
+ onMouseDown(event) {
919
+ const hostElement = this.el.nativeElement;
920
+ const ripple = this.renderer.createElement('span');
921
+ this.renderer.addClass(ripple, this.rippleClass);
922
+ this.renderer.appendChild(hostElement, ripple);
923
+ const styles = getComputedStyle(ripple);
924
+ const animationDuration = styles.getPropertyValue("animation-duration");
925
+ const animationDurationInMs = Number(animationDuration.substr(0, animationDuration.length - 1)) * 1000;
926
+ const rect = hostElement.getBoundingClientRect();
927
+ const left = event.pageX - rect.left;
928
+ const top = event.pageY - rect.top;
929
+ this.renderer.setStyle(ripple, 'left', `${left}px`);
930
+ this.renderer.setStyle(ripple, 'top', `${top}px`);
931
+ setTimeout(() => {
932
+ this.renderer.removeChild(hostElement, ripple);
933
+ }, animationDurationInMs); // Matching the jQuery animation duration
934
+ }
935
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: RIRippleEffectDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
936
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.2", type: RIRippleEffectDirective, selector: "[riRippleEffect]", inputs: { hostClass: "hostClass", rippleClass: "rippleClass" }, host: { listeners: { "mousedown": "onMouseDown($event)" } }, ngImport: i0 }); }
937
+ }
938
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: RIRippleEffectDirective, decorators: [{
939
+ type: Directive,
940
+ args: [{
941
+ selector: '[riRippleEffect]'
942
+ }]
943
+ }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { hostClass: [{
944
+ type: Input
945
+ }], rippleClass: [{
946
+ type: Input
947
+ }], onMouseDown: [{
948
+ type: HostListener,
949
+ args: ['mousedown', ['$event']]
950
+ }] } });
951
+
909
952
  var __decorate$9 = (this && this.__decorate) || function (decorators, target, key, desc) {
910
953
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
911
954
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -1012,7 +1055,7 @@ let LiNavComponent = class LiNavComponent extends NavComponent {
1012
1055
  <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true"/>
1013
1056
  <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1014
1057
  </i>
1015
- <span class="hci-li-span {{spanClass}}">{{title}}</span>
1058
+ <span riRippleEffect class="hci-li-span {{spanClass}}">{{title}}</span>
1016
1059
  <i *ngIf="!imgSrc && iClass && iRight" class="hci-li-i">
1017
1060
  <span class="{{iClass}}"></span>
1018
1061
  {{iText}}
@@ -1078,7 +1121,7 @@ let LiNavComponent = class LiNavComponent extends NavComponent {
1078
1121
  {{showValue}}
1079
1122
  </p>
1080
1123
  </ng-container>
1081
- `, isInline: true, styles: [".hci-dic-li-l{float:left;border:0 var(--greywarm-meddark)!important;padding:0;margin:0}.hci-dic-li-r{float:right;border:0 var(--greywarm-meddark)!important;padding-right:10px;margin:0}.hci-dic-span-1{border-radius:5px;padding-right:5px;padding-left:2px!important;padding-top:3px;background:linear-gradient(0deg,var(--bluewarm-dark) 50%,var(--bluewarm-meddark) 100%)}.hci-dic-span-3{color:var(--pure-yellow);border-radius:5px;padding-right:5px;padding-left:5px;padding-top:3px;background:linear-gradient(0deg,var(--bluewarm-dark) 50%,var(--bluewarm-meddark) 100%)}#filterReadOnly{float:left}.hci-dic-show-value{padding-left:10px;padding-top:3px;font-size:15px!important;float:left}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: BadgeComponent, selector: "hci-badge", inputs: ["countSubject", "countLoading"] }] }); }
1124
+ `, isInline: true, styles: [".hci-dic-li-l{float:left;border:0 var(--greywarm-meddark)!important;padding:0;margin:0}.hci-dic-li-r{float:right;border:0 var(--greywarm-meddark)!important;padding-right:10px;margin:0}.hci-dic-span-1{color:var(--white-lightest);border-radius:5px;padding-right:5px;padding-left:2px!important;padding-top:3px;background:linear-gradient(0deg,var(--bluewarm-dark) 30%,var(--bluewarm-meddark) 100%)}.hci-dic-span-3{color:var(--white-lightest);border-radius:5px;padding-right:5px;padding-left:2px!important;padding-top:3px;background:linear-gradient(0deg,var(--bluewarm-meddark) 0%,var(--bluewarm-dark) 100%)}#filterReadOnly{float:left}.hci-dic-show-value{padding-left:10px;padding-top:3px;font-size:15px!important;float:left}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: BadgeComponent, selector: "hci-badge", inputs: ["countSubject", "countLoading"] }, { kind: "directive", type: RIRippleEffectDirective, selector: "[riRippleEffect]", inputs: ["hostClass", "rippleClass"] }] }); }
1082
1125
  };
1083
1126
  LiNavComponent = __decorate$9([
1084
1127
  ComponentType("LiNavComponent"),
@@ -1099,7 +1142,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
1099
1142
  <img src="{{imgSrc}}" [class]="iClass" [class.hci-li-img]="true"/>
1100
1143
  <hci-badge *ngIf="badgeCount" [countSubject]="badgeCount" [countLoading]="badgeLoading"></hci-badge>
1101
1144
  </i>
1102
- <span class="hci-li-span {{spanClass}}">{{title}}</span>
1145
+ <span riRippleEffect class="hci-li-span {{spanClass}}">{{title}}</span>
1103
1146
  <i *ngIf="!imgSrc && iClass && iRight" class="hci-li-i">
1104
1147
  <span class="{{iClass}}"></span>
1105
1148
  {{iText}}
@@ -1165,7 +1208,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
1165
1208
  {{showValue}}
1166
1209
  </p>
1167
1210
  </ng-container>
1168
- `, styles: [".hci-dic-li-l{float:left;border:0 var(--greywarm-meddark)!important;padding:0;margin:0}.hci-dic-li-r{float:right;border:0 var(--greywarm-meddark)!important;padding-right:10px;margin:0}.hci-dic-span-1{border-radius:5px;padding-right:5px;padding-left:2px!important;padding-top:3px;background:linear-gradient(0deg,var(--bluewarm-dark) 50%,var(--bluewarm-meddark) 100%)}.hci-dic-span-3{color:var(--pure-yellow);border-radius:5px;padding-right:5px;padding-left:5px;padding-top:3px;background:linear-gradient(0deg,var(--bluewarm-dark) 50%,var(--bluewarm-meddark) 100%)}#filterReadOnly{float:left}.hci-dic-show-value{padding-left:10px;padding-top:3px;font-size:15px!important;float:left}\n"] }]
1211
+ `, styles: [".hci-dic-li-l{float:left;border:0 var(--greywarm-meddark)!important;padding:0;margin:0}.hci-dic-li-r{float:right;border:0 var(--greywarm-meddark)!important;padding-right:10px;margin:0}.hci-dic-span-1{color:var(--white-lightest);border-radius:5px;padding-right:5px;padding-left:2px!important;padding-top:3px;background:linear-gradient(0deg,var(--bluewarm-dark) 30%,var(--bluewarm-meddark) 100%)}.hci-dic-span-3{color:var(--white-lightest);border-radius:5px;padding-right:5px;padding-left:2px!important;padding-top:3px;background:linear-gradient(0deg,var(--bluewarm-meddark) 0%,var(--bluewarm-dark) 100%)}#filterReadOnly{float:left}.hci-dic-show-value{padding-left:10px;padding-top:3px;font-size:15px!important;float:left}\n"] }]
1169
1212
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }, { type: NavigationService }, { type: i0.ChangeDetectorRef }], propDecorators: { liClass: [{
1170
1213
  type: Input
1171
1214
  }], href: [{
@@ -2575,10 +2618,10 @@ let SearchListControllerComponent = class SearchListControllerComponent extends
2575
2618
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SearchListControllerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }, { token: NavigationGlobalService }, { token: NavigationService, optional: true }, { token: i3$3.HttpClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
2576
2619
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SearchListControllerComponent, selector: "hci-search-list-controller", inputs: { showTitle: "showTitle", inputMultiline: "inputMultiline", searchOptionsWidth: "searchOptionsWidth", fields: "fields", customStyles: "customStyles", basicSearch: "basicSearch", advancedSearch: "advancedSearch", filterByAllowedFields: "filterByAllowedFields", quickSearchFields: "quickSearchFields", advancedSearchFields: "advancedSearchFields", sortByAllowedFields: "sortByAllowedFields", sorts: "sorts", showQuickSearchOptions: "showQuickSearchOptions", showAdvancedSearchOptions: "showAdvancedSearchOptions", searchTypeArray: "searchTypeArray", searchType: "searchType", searchTypeSelected: "searchTypeSelected", basicSearchHeader: "basicSearchHeader", globalSearchPlaceholder: "globalSearchPlaceholder", globalSearchValidator: "globalSearchValidator", buttonRowTemplate: "buttonRowTemplate", searchSortingOptions: "searchSortingOptions", labelText: "labelText" }, outputs: { searchListChange: "searchListChange" }, host: { listeners: { "document:click": "documentClick($event,$event.target)" } }, exportAs: ["searchListControllerComponent"], usesInheritance: true, ngImport: i0, template: `
2577
2620
  <div id="search-title" class="d-flex flex-column">
2578
- <div *ngIf="showTitle" class="d-flex ps-2">
2621
+ <div *ngIf="showTitle" class="d-flex ps-2 hci-grey-darkest">
2579
2622
  <div *ngIf="showBackButton" class="me-auto ms-1 backButton">
2580
2623
  <button (click)="backButtonClicked()" aria-label="hci-ng-sidebar-back-button">
2581
- <i class="hci-white fas fa-angle-double-left"></i>
2624
+ <i class="fas fa-angle-double-left"></i>
2582
2625
  </button>
2583
2626
  </div>
2584
2627
  {{title}}
@@ -2671,10 +2714,12 @@ let SearchListControllerComponent = class SearchListControllerComponent extends
2671
2714
 
2672
2715
  <div class="ri-modal-footer ri-full-width">
2673
2716
  <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)" aria-label="hci-ng-sidebar-clear-basic-search-filters">CLEAR
2717
+ <button riRippleEffect class = "ri-btn-cancel" [ngClass]="{'ri-btn-cancel-dirty': this.changed}" [disabled] ="!this.changed" (click)="setupFilters(false)" aria-label="hci-ng-sidebar-clear-basic-search-filters">
2718
+ CLEAR
2675
2719
  </button>
2676
- <button [ngClass]="{'ri-btn-save': !this.changed, 'ri-btn-save-dirty': this.changed}"
2677
- [disabled]="!this.changed " (click)="applyFilters($event)" aria-label="hci-ng-sidebar-apply-basic-filter-search">SEARCH
2720
+ <button riRippleEffect class="ri-btn-save" [ngClass]="{ 'ri-btn-save-dirty': this.changed}"
2721
+ [disabled]="!this.changed " (click)="applyFilters($event)" aria-label="hci-ng-sidebar-apply-basic-filter-search">
2722
+ SEARCH
2678
2723
  </button>
2679
2724
  </div>
2680
2725
  </div>
@@ -2755,10 +2800,12 @@ let SearchListControllerComponent = class SearchListControllerComponent extends
2755
2800
 
2756
2801
  <div class="ri-modal-footer ri-full-width">
2757
2802
  <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)" aria-label="hci-ng-sidebar-clear-advance-search-filters">CLEAR
2803
+ <button riRippleEffect class = "ri-btn-cancel" [ngClass]="{'ri-btn-cancel-dirty': this.changed}" [disabled]="!this.changed" (click)="setupFilters(false)" aria-label="hci-ng-sidebar-clear-advance-search-filters">
2804
+ CLEAR
2759
2805
  </button>
2760
- <button [ngClass] ="{'ri-btn-save': !this.changed, 'ri-btn-save-dirty': this.changed}"
2761
- [disabled]="!this.changed" (click)="applyAdvancedSearchFilters($event)" aria-label="hci-ng-sidebar-apply-advance-filter-search">SEARCH
2806
+ <button riRippleEffect class = "ri-btn-save" [ngClass] ="{'ri-btn-save-dirty': this.changed}"
2807
+ [disabled]="!this.changed" (click)="applyAdvancedSearchFilters($event)" aria-label="hci-ng-sidebar-apply-advance-filter-search">
2808
+ SEARCH
2762
2809
  </button>
2763
2810
  </div>
2764
2811
  </div>
@@ -2876,10 +2923,12 @@ let SearchListControllerComponent = class SearchListControllerComponent extends
2876
2923
  <div class="ri-modal-header-right-container ri-full-width">
2877
2924
  <ng-container *ngTemplateOutlet="buttonRowTemplate">
2878
2925
  </ng-container>
2879
- <button class="ri-btn-cancel ri-btn-cancel-dirty" (click)="setupFilters(true)" aria-label="hci-ng-sidebar-filter-reset">RESET
2926
+ <button riRippleEffect class="ri-btn-cancel ri-btn-cancel-dirty" (click)="setupFilters(true)" aria-label="hci-ng-sidebar-filter-reset">
2927
+ RESET
2880
2928
  </button>
2881
- <button class="ri-btn-save" [ngClass]="{'ri-btn-save-dirty': this.changed}"
2882
- [disabled]="!this.changed " (click)="applyFilters()" aria-label="hci-ng-sidebar-filter-apply-filter">FILTER
2929
+ <button riRippleEffect class="ri-btn-save" [ngClass]="{'ri-btn-save-dirty': this.changed}"
2930
+ [disabled]="!this.changed " (click)="applyFilters()" aria-label="hci-ng-sidebar-filter-apply-filter">
2931
+ FILTER
2883
2932
  </button>
2884
2933
  </div>
2885
2934
  </div>
@@ -2938,7 +2987,7 @@ let SearchListControllerComponent = class SearchListControllerComponent extends
2938
2987
  {{searchType}}
2939
2988
  </option>
2940
2989
  </select>
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">
2990
+ <button riRippleEffect 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
2991
  <i class="fas fa-search"></i>
2943
2992
  </button>
2944
2993
  </div>
@@ -2952,7 +3001,7 @@ let SearchListControllerComponent = class SearchListControllerComponent extends
2952
3001
  {{searchType}}
2953
3002
  </option>
2954
3003
  </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()" aria-label="hci-ng-sidebar-quick-search">
3004
+ <button riRippleEffect 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
3005
  <i class="fas fa-search"></i>
2957
3006
  </button>
2958
3007
  </div>
@@ -2982,7 +3031,7 @@ let SearchListControllerComponent = class SearchListControllerComponent extends
2982
3031
  </mat-button-toggle-group>
2983
3032
  </div>
2984
3033
  </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: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"] }] }); }
3034
+ `, 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-grey-darkest{color:var(--grey-darkest)!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"] }, { kind: "directive", type: RIRippleEffectDirective, selector: "[riRippleEffect]", inputs: ["hostClass", "rippleClass"] }] }); }
2986
3035
  };
2987
3036
  SearchListControllerComponent = __decorate$3([
2988
3037
  ComponentType("SearchListControllerComponent"),
@@ -2998,10 +3047,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
2998
3047
  type: Component,
2999
3048
  args: [{ selector: "hci-search-list-controller", exportAs: "searchListControllerComponent", template: `
3000
3049
  <div id="search-title" class="d-flex flex-column">
3001
- <div *ngIf="showTitle" class="d-flex ps-2">
3050
+ <div *ngIf="showTitle" class="d-flex ps-2 hci-grey-darkest">
3002
3051
  <div *ngIf="showBackButton" class="me-auto ms-1 backButton">
3003
3052
  <button (click)="backButtonClicked()" aria-label="hci-ng-sidebar-back-button">
3004
- <i class="hci-white fas fa-angle-double-left"></i>
3053
+ <i class="fas fa-angle-double-left"></i>
3005
3054
  </button>
3006
3055
  </div>
3007
3056
  {{title}}
@@ -3094,10 +3143,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
3094
3143
 
3095
3144
  <div class="ri-modal-footer ri-full-width">
3096
3145
  <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)" aria-label="hci-ng-sidebar-clear-basic-search-filters">CLEAR
3146
+ <button riRippleEffect class = "ri-btn-cancel" [ngClass]="{'ri-btn-cancel-dirty': this.changed}" [disabled] ="!this.changed" (click)="setupFilters(false)" aria-label="hci-ng-sidebar-clear-basic-search-filters">
3147
+ CLEAR
3098
3148
  </button>
3099
- <button [ngClass]="{'ri-btn-save': !this.changed, 'ri-btn-save-dirty': this.changed}"
3100
- [disabled]="!this.changed " (click)="applyFilters($event)" aria-label="hci-ng-sidebar-apply-basic-filter-search">SEARCH
3149
+ <button riRippleEffect class="ri-btn-save" [ngClass]="{ 'ri-btn-save-dirty': this.changed}"
3150
+ [disabled]="!this.changed " (click)="applyFilters($event)" aria-label="hci-ng-sidebar-apply-basic-filter-search">
3151
+ SEARCH
3101
3152
  </button>
3102
3153
  </div>
3103
3154
  </div>
@@ -3178,10 +3229,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
3178
3229
 
3179
3230
  <div class="ri-modal-footer ri-full-width">
3180
3231
  <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)" aria-label="hci-ng-sidebar-clear-advance-search-filters">CLEAR
3232
+ <button riRippleEffect class = "ri-btn-cancel" [ngClass]="{'ri-btn-cancel-dirty': this.changed}" [disabled]="!this.changed" (click)="setupFilters(false)" aria-label="hci-ng-sidebar-clear-advance-search-filters">
3233
+ CLEAR
3182
3234
  </button>
3183
- <button [ngClass] ="{'ri-btn-save': !this.changed, 'ri-btn-save-dirty': this.changed}"
3184
- [disabled]="!this.changed" (click)="applyAdvancedSearchFilters($event)" aria-label="hci-ng-sidebar-apply-advance-filter-search">SEARCH
3235
+ <button riRippleEffect class = "ri-btn-save" [ngClass] ="{'ri-btn-save-dirty': this.changed}"
3236
+ [disabled]="!this.changed" (click)="applyAdvancedSearchFilters($event)" aria-label="hci-ng-sidebar-apply-advance-filter-search">
3237
+ SEARCH
3185
3238
  </button>
3186
3239
  </div>
3187
3240
  </div>
@@ -3299,10 +3352,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
3299
3352
  <div class="ri-modal-header-right-container ri-full-width">
3300
3353
  <ng-container *ngTemplateOutlet="buttonRowTemplate">
3301
3354
  </ng-container>
3302
- <button class="ri-btn-cancel ri-btn-cancel-dirty" (click)="setupFilters(true)" aria-label="hci-ng-sidebar-filter-reset">RESET
3355
+ <button riRippleEffect class="ri-btn-cancel ri-btn-cancel-dirty" (click)="setupFilters(true)" aria-label="hci-ng-sidebar-filter-reset">
3356
+ RESET
3303
3357
  </button>
3304
- <button class="ri-btn-save" [ngClass]="{'ri-btn-save-dirty': this.changed}"
3305
- [disabled]="!this.changed " (click)="applyFilters()" aria-label="hci-ng-sidebar-filter-apply-filter">FILTER
3358
+ <button riRippleEffect class="ri-btn-save" [ngClass]="{'ri-btn-save-dirty': this.changed}"
3359
+ [disabled]="!this.changed " (click)="applyFilters()" aria-label="hci-ng-sidebar-filter-apply-filter">
3360
+ FILTER
3306
3361
  </button>
3307
3362
  </div>
3308
3363
  </div>
@@ -3361,7 +3416,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
3361
3416
  {{searchType}}
3362
3417
  </option>
3363
3418
  </select>
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">
3419
+ <button riRippleEffect 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
3420
  <i class="fas fa-search"></i>
3366
3421
  </button>
3367
3422
  </div>
@@ -3375,7 +3430,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
3375
3430
  {{searchType}}
3376
3431
  </option>
3377
3432
  </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()" aria-label="hci-ng-sidebar-quick-search">
3433
+ <button riRippleEffect 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
3434
  <i class="fas fa-search"></i>
3380
3435
  </button>
3381
3436
  </div>
@@ -3405,7 +3460,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
3405
3460
  </mat-button-toggle-group>
3406
3461
  </div>
3407
3462
  </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: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"] }]
3463
+ `, 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-grey-darkest{color:var(--grey-darkest)!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
3464
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }, { type: NavigationGlobalService }, { type: NavigationService, decorators: [{
3410
3465
  type: Optional
3411
3466
  }] }, { type: i3$3.HttpClient }, { type: i0.ChangeDetectorRef }], propDecorators: { showTitle: [{
@@ -4683,7 +4738,7 @@ let SearchListComponent = class SearchListComponent extends NavComponent {
4683
4738
  <div class="font-weight-bold me-auto">{{getGroupDisplay(rowGroup)}}</div>
4684
4739
  </div>
4685
4740
  </ng-template>
4686
- `, isInline: true, styles: [".results-count{background-color:var(--greywarm-meddark);color:#fff;font-size:17.3px;padding-left:18px}.format-bottom-padding{padding-bottom:25px}:host::ng-deep div[id^=row-]:nth-child(2n){background-color:var(--white-medium)!important}:host::ng-deep div[id^=row-]{border:0!important}:host::ng-deep div.row-parent.active{color:#fff!important;background-color:var(--bluewarmvivid-lightest)!important}:host::ng-deep .ri-sidebar-cell{background-color:transparent!important}\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$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i5$1.BusyComponent, selector: "hci-busy", inputs: ["busy", "busySubjects", "getBusySubjects", "parentSelector", "rootClass", "icon", "iconSize", "showIcon", "mxAuto", "myAuto", "text", "template", "config"] }] }); }
4741
+ `, isInline: true, styles: [".results-count{background-color:var(--greywarm-light);color:var(--grey-darkest);font-size:17.3px;padding-left:18px}.format-bottom-padding{padding-bottom:25px}:host::ng-deep div[id^=row-]:nth-child(2n){background-color:var(--white-medium)!important}:host::ng-deep div[id^=row-]:nth-child(odd){background-color:var(--white-lightest)!important}:host::ng-deep div[id^=row-]{border:0!important}:host::ng-deep div.row-parent.active{color:#fff!important;background-color:var(--bluewarmvivid-lightest)!important}:host::ng-deep .ri-sidebar-cell{background-color:transparent!important}\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$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i5$1.BusyComponent, selector: "hci-busy", inputs: ["busy", "busySubjects", "getBusySubjects", "parentSelector", "rootClass", "icon", "iconSize", "showIcon", "mxAuto", "myAuto", "text", "template", "config"] }] }); }
4687
4742
  };
4688
4743
  SearchListComponent = __decorate$2([
4689
4744
  ComponentType("SearchListComponent"),
@@ -4857,7 +4912,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
4857
4912
  <div class="font-weight-bold me-auto">{{getGroupDisplay(rowGroup)}}</div>
4858
4913
  </div>
4859
4914
  </ng-template>
4860
- `, styles: [".results-count{background-color:var(--greywarm-meddark);color:#fff;font-size:17.3px;padding-left:18px}.format-bottom-padding{padding-bottom:25px}:host::ng-deep div[id^=row-]:nth-child(2n){background-color:var(--white-medium)!important}:host::ng-deep div[id^=row-]{border:0!important}:host::ng-deep div.row-parent.active{color:#fff!important;background-color:var(--bluewarmvivid-lightest)!important}:host::ng-deep .ri-sidebar-cell{background-color:transparent!important}\n"] }]
4915
+ `, styles: [".results-count{background-color:var(--greywarm-light);color:var(--grey-darkest);font-size:17.3px;padding-left:18px}.format-bottom-padding{padding-bottom:25px}:host::ng-deep div[id^=row-]:nth-child(2n){background-color:var(--white-medium)!important}:host::ng-deep div[id^=row-]:nth-child(odd){background-color:var(--white-lightest)!important}:host::ng-deep div[id^=row-]{border:0!important}:host::ng-deep div.row-parent.active{color:#fff!important;background-color:var(--bluewarmvivid-lightest)!important}:host::ng-deep .ri-sidebar-cell{background-color:transparent!important}\n"] }]
4861
4916
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }, { type: NavigationGlobalService }, { type: NavigationService, decorators: [{
4862
4917
  type: Optional
4863
4918
  }] }, { type: i0.ChangeDetectorRef }], propDecorators: { controller: [{
@@ -6487,7 +6542,8 @@ class NavigationModule {
6487
6542
  SearchListComponent,
6488
6543
  SearchTreeControllerComponent,
6489
6544
  SearchTreeComponent,
6490
- TopMarginDirective], imports: [CommonModule,
6545
+ TopMarginDirective,
6546
+ RIRippleEffectDirective], imports: [CommonModule,
6491
6547
  FormsModule,
6492
6548
  RouterModule,
6493
6549
  MiscModule,
@@ -6517,7 +6573,8 @@ class NavigationModule {
6517
6573
  SearchListComponent,
6518
6574
  SearchTreeControllerComponent,
6519
6575
  SearchTreeComponent,
6520
- TopMarginDirective] }); }
6576
+ TopMarginDirective,
6577
+ RIRippleEffectDirective] }); }
6521
6578
  static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: NavigationModule, providers: [
6522
6579
  MatDatepickerModule,
6523
6580
  ], imports: [CommonModule,
@@ -6578,7 +6635,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
6578
6635
  SearchListComponent,
6579
6636
  SearchTreeControllerComponent,
6580
6637
  SearchTreeComponent,
6581
- TopMarginDirective
6638
+ TopMarginDirective,
6639
+ RIRippleEffectDirective
6582
6640
  ],
6583
6641
  exports: [
6584
6642
  AppHeaderComponent,
@@ -6596,7 +6654,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
6596
6654
  SearchListComponent,
6597
6655
  SearchTreeControllerComponent,
6598
6656
  SearchTreeComponent,
6599
- TopMarginDirective
6657
+ TopMarginDirective,
6658
+ RIRippleEffectDirective
6600
6659
  ]
6601
6660
  }]
6602
6661
  }] });
@@ -6614,5 +6673,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
6614
6673
  * Generated bundle index. Do not edit.
6615
6674
  */
6616
6675
 
6617
- export { AppFooterComponent, AppHeaderComponent, BadgeComponent, BrandNavComponent, DivNavComponent, LiDdNavComponent, LiExpNavComponent, LiNavComponent, NavComponent, NavigationGlobalService, NavigationModule, NavigationService, RowGroup, SearchListComponent, SearchListControllerComponent, SearchTreeComponent, SearchTreeControllerComponent, SidebarComponent, TemplateComponent, TopMarginDirective, UlNavComponent };
6676
+ export { AppFooterComponent, AppHeaderComponent, BadgeComponent, BrandNavComponent, DivNavComponent, LiDdNavComponent, LiExpNavComponent, LiNavComponent, NavComponent, NavigationGlobalService, NavigationModule, NavigationService, RIRippleEffectDirective, RowGroup, SearchListComponent, SearchListControllerComponent, SearchTreeComponent, SearchTreeControllerComponent, SidebarComponent, TemplateComponent, TopMarginDirective, UlNavComponent };
6618
6677
  //# sourceMappingURL=huntsman-cancer-institute-navigation.mjs.map