@huntsman-cancer-institute/navigation 17.7.0 → 17.7.2

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, Directive, HostListener, EventEmitter, Optional, Output, TemplateRef, ViewChildren, 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';
@@ -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{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"] }] }); }
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}}
@@ -1845,49 +1888,6 @@ class RowGroup {
1845
1888
  }
1846
1889
  }
1847
1890
 
1848
- class RIRippleEffectDirective {
1849
- constructor(el, renderer) {
1850
- this.el = el;
1851
- this.renderer = renderer;
1852
- this.hostClass = 'ri-ripple-host';
1853
- this.rippleClass = 'ri-ripple-effect-container';
1854
- const hostElement = this.el.nativeElement;
1855
- this.renderer.addClass(hostElement, this.hostClass);
1856
- }
1857
- onMouseDown(event) {
1858
- const hostElement = this.el.nativeElement;
1859
- const ripple = this.renderer.createElement('span');
1860
- this.renderer.addClass(ripple, this.rippleClass);
1861
- this.renderer.appendChild(hostElement, ripple);
1862
- const styles = getComputedStyle(ripple);
1863
- const animationDuration = styles.getPropertyValue("animation-duration");
1864
- const animationDurationInMs = Number(animationDuration.substr(0, animationDuration.length - 1)) * 1000;
1865
- const rect = hostElement.getBoundingClientRect();
1866
- const left = event.pageX - rect.left;
1867
- const top = event.pageY - rect.top;
1868
- this.renderer.setStyle(ripple, 'left', `${left}px`);
1869
- this.renderer.setStyle(ripple, 'top', `${top}px`);
1870
- setTimeout(() => {
1871
- this.renderer.removeChild(hostElement, ripple);
1872
- }, animationDurationInMs); // Matching the jQuery animation duration
1873
- }
1874
- 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 }); }
1875
- 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 }); }
1876
- }
1877
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: RIRippleEffectDirective, decorators: [{
1878
- type: Directive,
1879
- args: [{
1880
- selector: '[riRippleEffect]'
1881
- }]
1882
- }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { hostClass: [{
1883
- type: Input
1884
- }], rippleClass: [{
1885
- type: Input
1886
- }], onMouseDown: [{
1887
- type: HostListener,
1888
- args: ['mousedown', ['$event']]
1889
- }] } });
1890
-
1891
1891
  var __decorate$3 = (this && this.__decorate) || function (decorators, target, key, desc) {
1892
1892
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
1893
1893
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -3031,7 +3031,7 @@ let SearchListControllerComponent = class SearchListControllerComponent extends
3031
3031
  </mat-button-toggle-group>
3032
3032
  </div>
3033
3033
  </div>
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"] }] }); }
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 var(--greywarm-dark)}.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"] }] }); }
3035
3035
  };
3036
3036
  SearchListControllerComponent = __decorate$3([
3037
3037
  ComponentType("SearchListControllerComponent"),
@@ -3460,7 +3460,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
3460
3460
  </mat-button-toggle-group>
3461
3461
  </div>
3462
3462
  </div>
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"] }]
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 var(--greywarm-dark)}.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"] }]
3464
3464
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }, { type: NavigationGlobalService }, { type: NavigationService, decorators: [{
3465
3465
  type: Optional
3466
3466
  }] }, { type: i3$3.HttpClient }, { type: i0.ChangeDetectorRef }], propDecorators: { showTitle: [{
@@ -4738,7 +4738,7 @@ let SearchListComponent = class SearchListComponent extends NavComponent {
4738
4738
  <div class="font-weight-bold me-auto">{{getGroupDisplay(rowGroup)}}</div>
4739
4739
  </div>
4740
4740
  </ng-template>
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"] }] }); }
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-medlight)!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"] }] }); }
4742
4742
  };
4743
4743
  SearchListComponent = __decorate$2([
4744
4744
  ComponentType("SearchListComponent"),
@@ -4912,7 +4912,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
4912
4912
  <div class="font-weight-bold me-auto">{{getGroupDisplay(rowGroup)}}</div>
4913
4913
  </div>
4914
4914
  </ng-template>
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"] }]
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-medlight)!important}:host::ng-deep .ri-sidebar-cell{background-color:transparent!important}\n"] }]
4916
4916
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }, { type: NavigationGlobalService }, { type: NavigationService, decorators: [{
4917
4917
  type: Optional
4918
4918
  }] }, { type: i0.ChangeDetectorRef }], propDecorators: { controller: [{