@nova-ui/bits
Version:
SolarWinds Nova Framework
129 lines (128 loc) • 107 kB
JavaScript
// © 2022 SolarWinds Worldwide, LLC. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to
// deal in the Software without restriction, including without limitation the
// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
// sell copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE.
import { LiveAnnouncer } from "@angular/cdk/a11y";
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, forwardRef, Input, TemplateRef, ViewEncapsulation, } from "@angular/core";
import { NG_VALUE_ACCESSOR } from "@angular/forms";
import { merge } from "rxjs";
import { takeUntil } from "rxjs/operators";
import { NuiFormFieldControl } from "../../public-api";
import { BaseSelectV2 } from "../base-select-v2";
import { NUI_SELECT_V2_OPTION_PARENT_COMPONENT } from "../constants";
import { OptionKeyControlService } from "../option-key-control.service";
import * as i0 from "@angular/core";
import * as i1 from "../option-key-control.service";
import * as i2 from "@angular/cdk/a11y";
import * as i3 from "../../icon/icon.component";
import * as i4 from "@angular/common";
import * as i5 from "../../overlay/overlay-component/overlay.component";
// <example-url>./../examples/index.html#/select-v2</example-url>
// Will be renamed in scope of the NUI-5797
export class SelectV2Component extends BaseSelectV2 {
constructor(elRef, optionKeyControlService, cdRef, liveAnnouncer) {
super(optionKeyControlService, cdRef, elRef, liveAnnouncer);
this.liveAnnouncer = liveAnnouncer;
}
ngOnChanges(changes) {
super.ngOnChanges(changes);
}
ngAfterContentInit() {
// applying changes to content immediately after it was initialized (checked)
// causes "Expression has changed after it was checked" error
setTimeout(() => {
super.ngAfterContentInit();
if (!this.multiselect) {
this.defineDisplayText();
}
this.cdRef.markForCheck();
});
// options may be received after value changes, that's why
// we check "selectedOptions" and "valueChanged" to be set per "value" again in "handleValueChange"
merge(this.optionsChanged(), this.valueChanged.pipe(takeUntil(this.destroy$))).subscribe(() => {
if (!this.multiselect) {
this.defineDisplayText();
}
this.cdRef.markForCheck();
});
}
/** Selects specific Option and set its value to the model */
selectOption(option) {
if (option.outfiltered || option.isDisabled) {
return;
}
super.selectOption(option);
if (!this.multiselect) {
this.defineDisplayText();
}
this.cdRef.markForCheck();
}
/** Sets value to the model */
writeValue(value) {
super.writeValue(value);
this.defineDisplayText();
this.cdRef.markForCheck();
}
/** Checks whether value of the Select is empty */
get isEmpty() {
return !this.getLastSelectedOption();
}
/**
* Calls to ngOnDestroy do not automatically get propagated to base classes.
* This can lead to memory leaks.
* This is a safe guard for preventing memory leaks in derived classes.
*/
ngOnDestroy() {
super.ngOnDestroy();
}
defineDisplayText() {
this.displayText = this.selectedOptions[0]?.viewValue || "";
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectV2Component, deps: [{ token: i0.ElementRef }, { token: i1.OptionKeyControlService }, { token: i0.ChangeDetectorRef }, { token: i2.LiveAnnouncer }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SelectV2Component, selector: "nui-select-v2", inputs: { displayValueTemplate: "displayValueTemplate" }, host: { attributes: { "role": "button" }, classAttribute: "nui-select-v2" }, providers: [
OptionKeyControlService,
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => SelectV2Component),
multi: true,
},
{
provide: NuiFormFieldControl,
useExisting: forwardRef(() => SelectV2Component),
multi: true,
},
{
provide: NUI_SELECT_V2_OPTION_PARENT_COMPONENT,
useExisting: SelectV2Component,
},
], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n tabindex=\"0\"\n #input\n class=\"nui-select-v2__container\"\n [attr.aria-label]=\"ariaLabel\"\n (keydown)=\"onKeyDown($event)\"\n>\n <div *ngIf=\"!displayValueTemplate\" class=\"nui-select-v2__value\">\n <div *ngIf=\"!isEmpty\" class=\"nui-select-v2__value-content\">\n <span>{{ displayText || \"\\u00A0\" }}</span>\n </div>\n <span class=\"nui-select-v2__placeholder\" *ngIf=\"isEmpty\">{{\n placeholder || \"\\u00A0\"\n }}</span>\n\n <nui-icon\n [style.transform]=\"isDropdownOpen ? 'rotate(180deg)' : ''\"\n [icon]=\"caretIcon\"\n ></nui-icon>\n </div>\n\n <ng-container\n *ngIf=\"displayValueTemplate\"\n [ngTemplateOutlet]=\"displayValueTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: getLastSelectedOption()?.displayValueContext || value,\n open: isDropdownOpen\n }\"\n ></ng-container>\n</div>\n<nui-overlay\n roleAttr=\"listbox\"\n [toggleReference]=\"elRef.nativeElement\"\n [viewportMargin]=\"popupViewportMargin\"\n [overlayConfig]=\"overlayConfig\"\n>\n <ng-content></ng-content>\n</nui-overlay>\n", styles: [".nui-select-v2{border-width:1px;border-style:solid;border-radius:3px;color:var(--nui-color-text-link,#0079aa);background-color:var(--transparent,transparent);border-color:var(--nui-color-line-default,#d9d9d9);display:flex;position:relative;color:var(--nui-color-text-default,#111);box-sizing:border-box;min-height:28px;min-width:100px}.nui-select-v2.default{color:var(--nui-color-text-link,#0079aa);background-color:var(--transparent,transparent);border-color:var(--nui-color-line-default,#d9d9d9)}.nui-select-v2.default:focus,.nui-select-v2.default.focus{color:var(--nui-color-text-link,#0079aa);background-color:var(--nui-color-bg-transparent-hover,rgba(17, 17, 17, .05));border-color:var(--nui-color-btn1-focusBrd,#cbcbcb);outline:none;z-index:500;box-shadow:0 0 0 2px #00c4d280}.nui-select-v2.default:hover{color:var(--nui-color-text-link,#0079aa);background-color:var(--nui-color-bg-transparent-hover,rgba(17, 17, 17, .05));border-color:var(--nui-color-btn1-focusBrd,#cbcbcb)}.nui-select-v2.default:active,.nui-select-v2.default.active,.open>.dropdown-toggle.nui-select-v2.default{color:var(--nui-color-text-link,#0079aa);background-color:var(--transparent,transparent);border-color:var(--nui-color-btn1-activeOpenBrd,#bababa)}.nui-select-v2.default:active:hover,.nui-select-v2.default.active:hover,.open>.dropdown-toggle.nui-select-v2.default:hover,.nui-select-v2.default:active:focus,.nui-select-v2.default.active:focus,.open>.dropdown-toggle.nui-select-v2.default:focus,.nui-select-v2.default:active.focus,.nui-select-v2.default.active.focus,.open>.dropdown-toggle.nui-select-v2.default.focus{color:var(--nui-color-text-link,#0079aa);background-color:var(--transparent,transparent);border-color:var(--nui-color-btn1-activeHoverBrd,#999999)}.nui-select-v2.default:active,.nui-select-v2.default.active,.open>.dropdown-toggle.nui-select-v2.default{background-image:none}.nui-select-v2.default.disabled,.nui-select-v2.default[disabled],fieldset[disabled] .nui-select-v2.default,.nui-select-v2.default.disabled:hover,.nui-select-v2.default[disabled]:hover,fieldset[disabled] .nui-select-v2.default:hover,.nui-select-v2.default.disabled:focus,.nui-select-v2.default[disabled]:focus,fieldset[disabled] .nui-select-v2.default:focus,.nui-select-v2.default.disabled.focus,.nui-select-v2.default[disabled].focus,fieldset[disabled] .nui-select-v2.default.focus,.nui-select-v2.default.disabled:active,.nui-select-v2.default[disabled]:active,fieldset[disabled] .nui-select-v2.default:active,.nui-select-v2.default.disabled.active,.nui-select-v2.default[disabled].active,fieldset[disabled] .nui-select-v2.default.active{background-color:var(--transparent,transparent);border-color:var(--nui-color-line-default,#d9d9d9);color:var(--nui-color-disabled,#b3b3b3)}.nui-select-v2.default.is-busy .ripple-1,.nui-select-v2.default.is-busy .ripple-2{background:var(--nui-color-busy-default,rgba(0, 196, 210, .2))}.nui-select-v2.default.has-error{border-color:var(--nui-color-line-critical,#dd2c00)}.nui-select-v2.default.has-error:hover,.nui-select-v2.default.has-error:focus,.nui-select-v2.default.has-error:active{border-color:var(--nui-color-line-critical,#dd2c00)}.nui-select-v2.default .badge{color:var(--transparent,transparent);background-color:var(--nui-color-text-link,#0079aa)}.nui-select-v2.default .nui-icon:not(.custom-icon-color) path,.nui-select-v2.default .nui-icon:not(.custom-icon-color) polygon{fill:var(--nui-color-text-link,#0079aa)}.nui-select-v2.default.disabled .nui-icon:not(.custom-icon-color) path,.nui-select-v2.default[disabled] .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.default .nui-icon:not(.custom-icon-color) path,.nui-select-v2.default.disabled:hover .nui-icon:not(.custom-icon-color) path,.nui-select-v2.default[disabled]:hover .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.default:hover .nui-icon:not(.custom-icon-color) path,.nui-select-v2.default.disabled:focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.default[disabled]:focus .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.default:focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.default.disabled.focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.default[disabled].focus .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.default.focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.default.disabled:active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.default[disabled]:active .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.default:active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.default.disabled.active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.default[disabled].active .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.default.active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.default.disabled .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.default[disabled] .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.default .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.default.disabled:hover .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.default[disabled]:hover .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.default:hover .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.default.disabled:focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.default[disabled]:focus .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.default:focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.default.disabled.focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.default[disabled].focus .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.default.focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.default.disabled:active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.default[disabled]:active .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.default:active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.default.disabled.active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.default[disabled].active .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.default.active .nui-icon:not(.custom-icon-color) polygon{fill:var(--nui-color-disabled,#b3b3b3)}.nui-select-v2.primary{color:var(--nui-color-text-light,#fff);background-color:var(--nui-color-active,#0079aa);border-color:var(--transparent,transparent)}.nui-select-v2.primary:focus,.nui-select-v2.primary.focus{color:var(--nui-color-text-light,#fff);background-color:var(--nui-color-active-hover,#006d99);border-color:var(--transparent,transparent);outline:none;z-index:500;box-shadow:0 0 0 2px #00c4d280}.nui-select-v2.primary:hover{color:var(--nui-color-text-light,#fff);background-color:var(--nui-color-active-hover,#006d99);border-color:var(--transparent,transparent)}.nui-select-v2.primary:active,.nui-select-v2.primary.active,.open>.dropdown-toggle.nui-select-v2.primary{color:var(--nui-color-text-light,#fff);background-color:var(--nui-color-btn2-activeOpenBk,#004d6d);border-color:var(--transparent,transparent)}.nui-select-v2.primary:active:hover,.nui-select-v2.primary.active:hover,.open>.dropdown-toggle.nui-select-v2.primary:hover,.nui-select-v2.primary:active:focus,.nui-select-v2.primary.active:focus,.open>.dropdown-toggle.nui-select-v2.primary:focus,.nui-select-v2.primary:active.focus,.nui-select-v2.primary.active.focus,.open>.dropdown-toggle.nui-select-v2.primary.focus{color:var(--nui-color-text-light,#fff);background-color:var(--nui-color-btn2-activeHoverBk,#001e2a);border-color:var(--transparent,transparent)}.nui-select-v2.primary:active,.nui-select-v2.primary.active,.open>.dropdown-toggle.nui-select-v2.primary{background-image:none}.nui-select-v2.primary.disabled,.nui-select-v2.primary[disabled],fieldset[disabled] .nui-select-v2.primary,.nui-select-v2.primary.disabled:hover,.nui-select-v2.primary[disabled]:hover,fieldset[disabled] .nui-select-v2.primary:hover,.nui-select-v2.primary.disabled:focus,.nui-select-v2.primary[disabled]:focus,fieldset[disabled] .nui-select-v2.primary:focus,.nui-select-v2.primary.disabled.focus,.nui-select-v2.primary[disabled].focus,fieldset[disabled] .nui-select-v2.primary.focus,.nui-select-v2.primary.disabled:active,.nui-select-v2.primary[disabled]:active,fieldset[disabled] .nui-select-v2.primary:active,.nui-select-v2.primary.disabled.active,.nui-select-v2.primary[disabled].active,fieldset[disabled] .nui-select-v2.primary.active{background-color:var(--nui-color-disabled,#b3b3b3);border-color:var(--transparent,transparent);color:var(--white,#fff)}.nui-select-v2.primary.is-busy .ripple-1,.nui-select-v2.primary.is-busy .ripple-2{background:var(--nui-color-busy-default,rgba(0, 196, 210, .2))}.nui-select-v2.primary.has-error{border-color:var(--nui-color-line-critical,#dd2c00)}.nui-select-v2.primary.has-error:hover,.nui-select-v2.primary.has-error:focus,.nui-select-v2.primary.has-error:active{border-color:var(--nui-color-line-critical,#dd2c00)}.nui-select-v2.primary .badge{color:var(--nui-color-active,#0079aa);background-color:var(--nui-color-text-light,#fff)}.nui-select-v2.primary .nui-icon:not(.custom-icon-color) path,.nui-select-v2.primary .nui-icon:not(.custom-icon-color) polygon{fill:var(--nui-color-icon-light,#fff)}.nui-select-v2.primary.disabled .nui-icon:not(.custom-icon-color) path,.nui-select-v2.primary[disabled] .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.primary .nui-icon:not(.custom-icon-color) path,.nui-select-v2.primary.disabled:hover .nui-icon:not(.custom-icon-color) path,.nui-select-v2.primary[disabled]:hover .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.primary:hover .nui-icon:not(.custom-icon-color) path,.nui-select-v2.primary.disabled:focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.primary[disabled]:focus .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.primary:focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.primary.disabled.focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.primary[disabled].focus .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.primary.focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.primary.disabled:active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.primary[disabled]:active .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.primary:active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.primary.disabled.active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.primary[disabled].active .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.primary.active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.primary.disabled .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.primary[disabled] .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.primary .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.primary.disabled:hover .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.primary[disabled]:hover .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.primary:hover .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.primary.disabled:focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.primary[disabled]:focus .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.primary:focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.primary.disabled.focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.primary[disabled].focus .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.primary.focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.primary.disabled:active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.primary[disabled]:active .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.primary:active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.primary.disabled.active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.primary[disabled].active .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.primary.active .nui-icon:not(.custom-icon-color) polygon{fill:var(--white,#fff)}.nui-select-v2.action{color:var(--nui-color-text-link,#0079aa);background-color:var(--transparent,transparent);border-color:var(--transparent,transparent)}.nui-select-v2.action:focus,.nui-select-v2.action.focus{color:var(--nui-color-text-link,#0079aa);background-color:var(--nui-color-bg-transparent-hover,rgba(17, 17, 17, .05));border-color:var(--transparent,transparent);outline:none;z-index:500;box-shadow:0 0 0 2px #00c4d280}.nui-select-v2.action:hover{color:var(--nui-color-text-link,#0079aa);background-color:var(--nui-color-bg-transparent-hover,rgba(17, 17, 17, .05));border-color:var(--transparent,transparent)}.nui-select-v2.action:active,.nui-select-v2.action.active,.open>.dropdown-toggle.nui-select-v2.action{color:var(--nui-color-text-link,#0079aa);background-color:var(--nui-color-bg-transparent-hover,rgba(17, 17, 17, .05));border-color:var(--transparent,transparent)}.nui-select-v2.action:active:hover,.nui-select-v2.action.active:hover,.open>.dropdown-toggle.nui-select-v2.action:hover,.nui-select-v2.action:active:focus,.nui-select-v2.action.active:focus,.open>.dropdown-toggle.nui-select-v2.action:focus,.nui-select-v2.action:active.focus,.nui-select-v2.action.active.focus,.open>.dropdown-toggle.nui-select-v2.action.focus{color:var(--nui-color-text-link,#0079aa);background-color:var(--nui-color-bg-transparent-hover,rgba(17, 17, 17, .05));border-color:var(--transparent,transparent)}.nui-select-v2.action:active,.nui-select-v2.action.active,.open>.dropdown-toggle.nui-select-v2.action{background-image:none}.nui-select-v2.action.disabled,.nui-select-v2.action[disabled],fieldset[disabled] .nui-select-v2.action,.nui-select-v2.action.disabled:hover,.nui-select-v2.action[disabled]:hover,fieldset[disabled] .nui-select-v2.action:hover,.nui-select-v2.action.disabled:focus,.nui-select-v2.action[disabled]:focus,fieldset[disabled] .nui-select-v2.action:focus,.nui-select-v2.action.disabled.focus,.nui-select-v2.action[disabled].focus,fieldset[disabled] .nui-select-v2.action.focus,.nui-select-v2.action.disabled:active,.nui-select-v2.action[disabled]:active,fieldset[disabled] .nui-select-v2.action:active,.nui-select-v2.action.disabled.active,.nui-select-v2.action[disabled].active,fieldset[disabled] .nui-select-v2.action.active{background-color:var(--transparent,transparent);border-color:var(--transparent,transparent);color:var(--nui-color-disabled,#b3b3b3)}.nui-select-v2.action.is-busy .ripple-1,.nui-select-v2.action.is-busy .ripple-2{background:var(--nui-color-busy-default,rgba(0, 196, 210, .2))}.nui-select-v2.action.has-error{border-color:var(--nui-color-line-critical,#dd2c00)}.nui-select-v2.action.has-error:hover,.nui-select-v2.action.has-error:focus,.nui-select-v2.action.has-error:active{border-color:var(--nui-color-line-critical,#dd2c00)}.nui-select-v2.action .badge{color:var(--transparent,transparent);background-color:var(--nui-color-text-link,#0079aa)}.nui-select-v2.action .nui-icon:not(.custom-icon-color) path,.nui-select-v2.action .nui-icon:not(.custom-icon-color) polygon{fill:var(--nui-color-text-link,#0079aa)}.nui-select-v2.action.disabled .nui-icon:not(.custom-icon-color) path,.nui-select-v2.action[disabled] .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.action .nui-icon:not(.custom-icon-color) path,.nui-select-v2.action.disabled:hover .nui-icon:not(.custom-icon-color) path,.nui-select-v2.action[disabled]:hover .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.action:hover .nui-icon:not(.custom-icon-color) path,.nui-select-v2.action.disabled:focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.action[disabled]:focus .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.action:focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.action.disabled.focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.action[disabled].focus .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.action.focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.action.disabled:active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.action[disabled]:active .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.action:active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.action.disabled.active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.action[disabled].active .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.action.active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.action.disabled .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.action[disabled] .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.action .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.action.disabled:hover .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.action[disabled]:hover .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.action:hover .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.action.disabled:focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.action[disabled]:focus .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.action:focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.action.disabled.focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.action[disabled].focus .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.action.focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.action.disabled:active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.action[disabled]:active .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.action:active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.action.disabled.active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.action[disabled].active .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.action.active .nui-icon:not(.custom-icon-color) polygon{fill:var(--nui-color-disabled,#b3b3b3)}.nui-select-v2.destructive{color:var(--nui-color-text-critical,#dd2c00);background-color:var(--transparent,transparent);border-color:var(--nui-color-line-default,#d9d9d9)}.nui-select-v2.destructive:focus,.nui-select-v2.destructive.focus{color:var(--nui-color-text-critical,#dd2c00);background-color:var(--nui-color-bg-transparent-hover,rgba(17, 17, 17, .05));border-color:var(--nui-color-btn1-focusBrd,#cbcbcb);outline:none;z-index:500;box-shadow:0 0 0 2px #00c4d280}.nui-select-v2.destructive:hover{color:var(--nui-color-text-critical,#dd2c00);background-color:var(--nui-color-bg-transparent-hover,rgba(17, 17, 17, .05));border-color:var(--nui-color-btn1-focusBrd,#cbcbcb)}.nui-select-v2.destructive:active,.nui-select-v2.destructive.active,.open>.dropdown-toggle.nui-select-v2.destructive{color:var(--nui-color-text-critical,#dd2c00);background-color:var(--nui-color-bg-transparent-hover,rgba(17, 17, 17, .05));border-color:var(--nui-color-btn1-activeOpenBrd,#bababa)}.nui-select-v2.destructive:active:hover,.nui-select-v2.destructive.active:hover,.open>.dropdown-toggle.nui-select-v2.destructive:hover,.nui-select-v2.destructive:active:focus,.nui-select-v2.destructive.active:focus,.open>.dropdown-toggle.nui-select-v2.destructive:focus,.nui-select-v2.destructive:active.focus,.nui-select-v2.destructive.active.focus,.open>.dropdown-toggle.nui-select-v2.destructive.focus{color:var(--nui-color-text-critical,#dd2c00);background-color:var(--nui-color-bg-transparent-hover,rgba(17, 17, 17, .05));border-color:var(--nui-color-btn1-activeHoverBrd,#999999)}.nui-select-v2.destructive:active,.nui-select-v2.destructive.active,.open>.dropdown-toggle.nui-select-v2.destructive{background-image:none}.nui-select-v2.destructive.disabled,.nui-select-v2.destructive[disabled],fieldset[disabled] .nui-select-v2.destructive,.nui-select-v2.destructive.disabled:hover,.nui-select-v2.destructive[disabled]:hover,fieldset[disabled] .nui-select-v2.destructive:hover,.nui-select-v2.destructive.disabled:focus,.nui-select-v2.destructive[disabled]:focus,fieldset[disabled] .nui-select-v2.destructive:focus,.nui-select-v2.destructive.disabled.focus,.nui-select-v2.destructive[disabled].focus,fieldset[disabled] .nui-select-v2.destructive.focus,.nui-select-v2.destructive.disabled:active,.nui-select-v2.destructive[disabled]:active,fieldset[disabled] .nui-select-v2.destructive:active,.nui-select-v2.destructive.disabled.active,.nui-select-v2.destructive[disabled].active,fieldset[disabled] .nui-select-v2.destructive.active{background-color:var(--transparent,transparent);border-color:var(--nui-color-line-default,#d9d9d9);color:var(--nui-color-disabled,#b3b3b3)}.nui-select-v2.destructive.is-busy .ripple-1,.nui-select-v2.destructive.is-busy .ripple-2{background:var(--nui-color-busy-destructive,rgba(221, 44, 0, .2))}.nui-select-v2.destructive.has-error{border-color:var(--nui-color-line-critical,#dd2c00)}.nui-select-v2.destructive.has-error:hover,.nui-select-v2.destructive.has-error:focus,.nui-select-v2.destructive.has-error:active{border-color:var(--nui-color-line-critical,#dd2c00)}.nui-select-v2.destructive .badge{color:var(--transparent,transparent);background-color:var(--nui-color-text-critical,#dd2c00)}.nui-select-v2.destructive .nui-icon:not(.custom-icon-color) path,.nui-select-v2.destructive .nui-icon:not(.custom-icon-color) polygon{fill:var(--nui-color-text-critical,#dd2c00)}.nui-select-v2.destructive.disabled .nui-icon:not(.custom-icon-color) path,.nui-select-v2.destructive[disabled] .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.destructive .nui-icon:not(.custom-icon-color) path,.nui-select-v2.destructive.disabled:hover .nui-icon:not(.custom-icon-color) path,.nui-select-v2.destructive[disabled]:hover .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.destructive:hover .nui-icon:not(.custom-icon-color) path,.nui-select-v2.destructive.disabled:focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.destructive[disabled]:focus .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.destructive:focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.destructive.disabled.focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.destructive[disabled].focus .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.destructive.focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.destructive.disabled:active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.destructive[disabled]:active .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.destructive:active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.destructive.disabled.active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.destructive[disabled].active .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.destructive.active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.destructive.disabled .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.destructive[disabled] .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.destructive .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.destructive.disabled:hover .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.destructive[disabled]:hover .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.destructive:hover .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.destructive.disabled:focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.destructive[disabled]:focus .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.destructive:focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.destructive.disabled.focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.destructive[disabled].focus .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.destructive.focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.destructive.disabled:active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.destructive[disabled]:active .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.destructive:active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.destructive.disabled.active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.destructive[disabled].active .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.destructive.active .nui-icon:not(.custom-icon-color) polygon{fill:var(--nui-color-disabled,#b3b3b3)}.nui-select-v2.selected{color:var(--nui-color-text-link,#0079aa);background-color:var(--nui-color-selected,rgba(0, 196, 210, .1));border-color:var(--transparent,transparent)}.nui-select-v2.selected:focus,.nui-select-v2.selected.focus{color:var(--nui-color-text-link,#0079aa);background-color:var(--nui-color-selected-hover,rgba(0, 196, 210, .2));border-color:var(--transparent,transparent);outline:none;z-index:500;box-shadow:0 0 0 2px #00c4d280}.nui-select-v2.selected:hover{color:var(--nui-color-text-link,#0079aa);background-color:var(--nui-color-selected-hover,rgba(0, 196, 210, .2));border-color:var(--transparent,transparent)}.nui-select-v2.selected:active,.nui-select-v2.selected.active,.open>.dropdown-toggle.nui-select-v2.selected{color:var(--nui-color-text-link,#0079aa);background-color:var(--nui-color-selected-active,rgba(0, 196, 210, .2));border-color:var(--transparent,transparent)}.nui-select-v2.selected:active:hover,.nui-select-v2.selected.active:hover,.open>.dropdown-toggle.nui-select-v2.selected:hover,.nui-select-v2.selected:active:focus,.nui-select-v2.selected.active:focus,.open>.dropdown-toggle.nui-select-v2.selected:focus,.nui-select-v2.selected:active.focus,.nui-select-v2.selected.active.focus,.open>.dropdown-toggle.nui-select-v2.selected.focus{color:var(--nui-color-text-link,#0079aa);background-color:var(--nui-color-selected-active,rgba(0, 196, 210, .2));border-color:var(--transparent,transparent)}.nui-select-v2.selected:active,.nui-select-v2.selected.active,.open>.dropdown-toggle.nui-select-v2.selected{background-image:none}.nui-select-v2.selected.disabled,.nui-select-v2.selected[disabled],fieldset[disabled] .nui-select-v2.selected,.nui-select-v2.selected.disabled:hover,.nui-select-v2.selected[disabled]:hover,fieldset[disabled] .nui-select-v2.selected:hover,.nui-select-v2.selected.disabled:focus,.nui-select-v2.selected[disabled]:focus,fieldset[disabled] .nui-select-v2.selected:focus,.nui-select-v2.selected.disabled.focus,.nui-select-v2.selected[disabled].focus,fieldset[disabled] .nui-select-v2.selected.focus,.nui-select-v2.selected.disabled:active,.nui-select-v2.selected[disabled]:active,fieldset[disabled] .nui-select-v2.selected:active,.nui-select-v2.selected.disabled.active,.nui-select-v2.selected[disabled].active,fieldset[disabled] .nui-select-v2.selected.active{background-color:var(--nui-color-disabled,#b3b3b3);border-color:var(--transparent,transparent);color:var(--white,#fff)}.nui-select-v2.selected.is-busy .ripple-1,.nui-select-v2.selected.is-busy .ripple-2{background:var(--nui-color-busy-default,rgba(0, 196, 210, .2))}.nui-select-v2.selected.has-error{border-color:var(--nui-color-line-critical,#dd2c00)}.nui-select-v2.selected.has-error:hover,.nui-select-v2.selected.has-error:focus,.nui-select-v2.selected.has-error:active{border-color:var(--nui-color-line-critical,#dd2c00)}.nui-select-v2.selected .badge{color:var(--nui-color-selected,rgba(0, 196, 210, .1));background-color:var(--nui-color-text-link,#0079aa)}.nui-select-v2.selected .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected .nui-icon:not(.custom-icon-color) polygon{fill:var(--nui-color-text-link,#0079aa)}.nui-select-v2.selected.disabled .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected[disabled] .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.selected .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected.disabled:hover .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected[disabled]:hover .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.selected:hover .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected.disabled:focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected[disabled]:focus .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.selected:focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected.disabled.focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected[disabled].focus .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.selected.focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected.disabled:active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected[disabled]:active .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.selected:active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected.disabled.active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected[disabled].active .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.selected.active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected.disabled .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected[disabled] .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.selected .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected.disabled:hover .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected[disabled]:hover .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.selected:hover .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected.disabled:focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected[disabled]:focus .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.selected:focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected.disabled.focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected[disabled].focus .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.selected.focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected.disabled:active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected[disabled]:active .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.selected:active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected.disabled.active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected[disabled].active .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.selected.active .nui-icon:not(.custom-icon-color) polygon{fill:var(--white,#fff)}.nui-select-v2.selected-contrast{color:var(--white,#fff);background-color:var(--nui-color-selected-contrast,#00c4d2);border-color:var(--transparent,transparent)}.nui-select-v2.selected-contrast:focus,.nui-select-v2.selected-contrast.focus{color:var(--white,#fff);background-color:var(--nui-color-selected-contrast-hover,#00b0bd);border-color:var(--transparent,transparent);outline:none;z-index:500;box-shadow:0 0 0 2px #00c4d280}.nui-select-v2.selected-contrast:hover{color:var(--white,#fff);background-color:var(--nui-color-selected-contrast-hover,#00b0bd);border-color:var(--transparent,transparent)}.nui-select-v2.selected-contrast:active,.nui-select-v2.selected-contrast.active,.open>.dropdown-toggle.nui-select-v2.selected-contrast{color:var(--white,#fff);background-color:var(--nui-color-selected-contrast-hover,#00b0bd);border-color:var(--transparent,transparent)}.nui-select-v2.selected-contrast:active:hover,.nui-select-v2.selected-contrast.active:hover,.open>.dropdown-toggle.nui-select-v2.selected-contrast:hover,.nui-select-v2.selected-contrast:active:focus,.nui-select-v2.selected-contrast.active:focus,.open>.dropdown-toggle.nui-select-v2.selected-contrast:focus,.nui-select-v2.selected-contrast:active.focus,.nui-select-v2.selected-contrast.active.focus,.open>.dropdown-toggle.nui-select-v2.selected-contrast.focus{color:var(--white,#fff);background-color:var(--nui-color-selected-contrast-hover,#00b0bd);border-color:var(--transparent,transparent)}.nui-select-v2.selected-contrast:active,.nui-select-v2.selected-contrast.active,.open>.dropdown-toggle.nui-select-v2.selected-contrast{background-image:none}.nui-select-v2.selected-contrast.disabled,.nui-select-v2.selected-contrast[disabled],fieldset[disabled] .nui-select-v2.selected-contrast,.nui-select-v2.selected-contrast.disabled:hover,.nui-select-v2.selected-contrast[disabled]:hover,fieldset[disabled] .nui-select-v2.selected-contrast:hover,.nui-select-v2.selected-contrast.disabled:focus,.nui-select-v2.selected-contrast[disabled]:focus,fieldset[disabled] .nui-select-v2.selected-contrast:focus,.nui-select-v2.selected-contrast.disabled.focus,.nui-select-v2.selected-contrast[disabled].focus,fieldset[disabled] .nui-select-v2.selected-contrast.focus,.nui-select-v2.selected-contrast.disabled:active,.nui-select-v2.selected-contrast[disabled]:active,fieldset[disabled] .nui-select-v2.selected-contrast:active,.nui-select-v2.selected-contrast.disabled.active,.nui-select-v2.selected-contrast[disabled].active,fieldset[disabled] .nui-select-v2.selected-contrast.active{background-color:var(--nui-color-disabled,#b3b3b3);border-color:var(--transparent,transparent);color:var(--white,#fff)}.nui-select-v2.selected-contrast.is-busy .ripple-1,.nui-select-v2.selected-contrast.is-busy .ripple-2{background:var(--nui-color-busy-default,rgba(0, 196, 210, .2))}.nui-select-v2.selected-contrast.has-error{border-color:var(--nui-color-line-critical,#dd2c00)}.nui-select-v2.selected-contrast.has-error:hover,.nui-select-v2.selected-contrast.has-error:focus,.nui-select-v2.selected-contrast.has-error:active{border-color:var(--nui-color-line-critical,#dd2c00)}.nui-select-v2.selected-contrast .badge{color:var(--nui-color-selected-contrast,#00c4d2);background-color:var(--white,#fff)}.nui-select-v2.selected-contrast .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected-contrast .nui-icon:not(.custom-icon-color) polygon{fill:var(--nui-color-icon-light,#fff)}.nui-select-v2.selected-contrast.disabled .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected-contrast[disabled] .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.selected-contrast .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected-contrast.disabled:hover .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected-contrast[disabled]:hover .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.selected-contrast:hover .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected-contrast.disabled:focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected-contrast[disabled]:focus .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.selected-contrast:focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected-contrast.disabled.focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected-contrast[disabled].focus .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.selected-contrast.focus .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected-contrast.disabled:active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected-contrast[disabled]:active .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.selected-contrast:active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected-contrast.disabled.active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected-contrast[disabled].active .nui-icon:not(.custom-icon-color) path,fieldset[disabled] .nui-select-v2.selected-contrast.active .nui-icon:not(.custom-icon-color) path,.nui-select-v2.selected-contrast.disabled .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected-contrast[disabled] .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.selected-contrast .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected-contrast.disabled:hover .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected-contrast[disabled]:hover .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.selected-contrast:hover .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected-contrast.disabled:focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected-contrast[disabled]:focus .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.selected-contrast:focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected-contrast.disabled.focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected-contrast[disabled].focus .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.selected-contrast.focus .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected-contrast.disabled:active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected-contrast[disabled]:active .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.selected-contrast:active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected-contrast.disabled.active .nui-icon:not(.custom-icon-color) polygon,.nui-select-v2.selected-contrast[disabled].active .nui-icon:not(.custom-icon-color) polygon,fieldset[disabled] .nui-select-v2.selected-contrast.active .nui-icon:not(.custom-icon-color) polygon{fill:var(--white,#fff)}.nui-select-v2:focus,.nui-select-v2.focus{color:var(--nui-color-text-link,#0079aa);background-color:var(--nui-color-bg-transparent-hover,rgba(17, 17, 17, .05));border-color:var(--nui-color-btn1-focusBrd,#cbcbcb);outline:none;z-index:500;box-shadow:0 0 0 2px #00c4d280}.nui-select-v2:hover{color:var(--nui-color-text-link,#0079aa);background-color:var(--nui-color-bg-transparent-hover,rgba(17, 17, 17, .05));border-color:var(--nui-color-btn1-focusBrd,#cbcbcb)}.nui-select-v2:active,.nui-select-v2.active,.open>.dropdown-toggle.nui-select-v2{color:var(--nui-color-text-link,#0079aa);background-color:var(--transparent,transparent);border-color:var(--nui-color-btn1-activeOpenBrd,#bababa)}.nui-select-v2:active:hover,.nui-select-v2.active:hover,.open>.dropdown-toggle.nui-select-v2:hover,.nui-select-v2:active:focus,.nui-select-v2.active:focus,.open>.dropdown-toggle.nui-select-v2:focus,.nui-select-v2:active.focus,.nui-select-v2.active.focus,.open>.dropdown-toggle.nui-select-v2.focus{color:var(--nui-color-text-link,#0079aa);background-color:var(--transparent,transparent);border-color:var(--nui-color-btn1-activeHoverBrd,#999999)}.nui-select-v2:active,.nui-select-v2.active,.open>.dropdown-toggle.nui-select-v2{background-image:none}.nui-select-v2.disabled,.nui-select-v2[disabled],fieldset[disabled] .nui-select-v2,.nui-select-v2.disabled:hover,.nui-select-v2[disabled]:hover,fieldset[disabled] .nui-select-v2:hover,.nui-select-v2.disabled:focus,.nui-select-v2[disabled]:focus,fieldset[disabled] .nui-select-v2:focus,.nui-select-v2.disabled.focus,.nui-select-v2[disabled].focus,fieldset[disabled] .nui-select-v2.focus,.nui-select-v2.disabled:active,.nui-select-v2[disabled]:active,fieldset[disabled] .nui-select-v2:active,.nui-select-v2.disabled.active,.nui-select-v2[disabled].active,fieldset[disabled] .nui-select-v2.active{background-color:var(--transparent,transparent);border-color:var(--nui-color-line-default,#d9d9d9);color:var(--nui-color-disabled,#b3b3b3)}.nui-select-v2.is-busy .ripple-1,.nui-select-v2.is-busy .ripple-2{background:var(--nui-color-busy-default,rgba(0, 196, 210, .2))}.nui-select-v2.has-error{border-color:var(--nui-color-line-critical,#dd2c00)}.nui-select-v2.has-error:hover,.nui-select-v2.has-error:focus,.nui-select-v2.has-error:active{border-color:var(--nui-color-line-critical,#dd2c00)}.nui-select-v2 .badge{color:var(--transparent,transparent);background-color:var(--nui-color-text-link,#0079aa)}.nui-select-v2:focus-within{background-color:var(--nui-color-bg-transparent-hover,rgba(17, 17, 17, .05))}.nui-select-v2.disabled .nui-select-v2__value{color:var(--nui-color-text-disabled,rgba(17, 17, 17, .3));cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.nui-select-v2.disabled .nui-select-v2__value .nui-select-v2__placeholder{color:var(--nui-color-text-disabled,rgba(17, 17, 17, .3))}.nui-select-v2__container{width:100%;height:100%}.nui-select-v2__container:hover,.nui-select-v2__container:focus,.nui-select-v2__container:active,.nui-select-v2__container:active:hover{transform:unset;outline:unset}.nui-select-v2__value{touch-action:manipulation;cursor:pointer;white-space:nowrap;position:relative;overflow:hidden;align-items:center;min-width:inherit;justify-content:space-between;padding:5px 10px;display:flex;flex-grow:1}.nui-select-v2__value-text{font-size:13px;margin-right:5px}.nui-select-v2__value:hover,.nui-select-v2__value:focus,.nui-select-v2__value:active,.nui-select-v2__value:active:hover{color:var(--nui-color-text-default,#111);transform:none;outline:none}.nui-select-v2__value-content{width:100%;line-height:18px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}.nui-select-v2__placeholder{color:var(--nui-color-text-secondary,rgba(17, 17, 17, .6));font-size:13px;line-height:18px;font-weight:400;margin-right:5px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}\n"], dependencies: [{ kind: "component", type: i3.IconComponent, selector: "nui-icon", inputs: ["iconColor", "brushType", "iconHoverColor", "iconSize", "cssClass", "fillContainer", "status", "childStatus", "icon", "counter"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.OverlayComponent, selector: "nui-overlay", inputs: ["overlayConfig", "toggleReference", "viewportMargin", "customContainer", "roleAttr"], outputs: ["clickOutside"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectV2Component, decorators: [{
type: Component,
args: [{ selector: "nui-select-v2", encapsulation: ViewEncapsulation.None, providers: [
OptionKeyControlService,
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => SelectV2Component),
multi: true,
},
{
provide: NuiFormFieldControl,
useExisting: forwardRef(() => SelectV2Component),
multi: true,
},