@nova-ui/bits
Version:
SolarWinds Nova Framework
69 lines • 11.3 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 { ChangeDetectionStrategy, Component, ContentChildren, forwardRef, HostBinding, Inject, Optional, QueryList, } from "@angular/core";
import every from "lodash/every";
import { merge, Subject } from "rxjs";
import { takeUntil } from "rxjs/operators";
import { NUI_SELECT_V2_OPTION_PARENT_COMPONENT } from "../constants";
import { SelectV2OptionComponent } from "../option/select-v2-option.component";
import * as i0 from "@angular/core";
/**
* @ignore
* Will be renamed in scope of the NUI-5797
*/
export class SelectV2OptionGroupComponent {
constructor(parent) {
/** Whether the Option Group outfiltered */
this.outfiltered = false;
this.onDestroy$ = new Subject();
this.select = parent;
}
ngAfterContentInit() {
if (this.select.isTypeaheadEnabled) {
merge([this.select.valueChanged, this.select.valueSelected])
.pipe(takeUntil(this.onDestroy$))
.subscribe(() => {
this.outfiltered = every(this.options.toArray(), (option) => option.outfiltered);
});
}
}
ngOnDestroy() {
this.onDestroy$.next();
this.onDestroy$.complete();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectV2OptionGroupComponent, deps: [{ token: NUI_SELECT_V2_OPTION_PARENT_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SelectV2OptionGroupComponent, selector: "nui-select-v2-option-group", host: { attributes: { "role": "group" }, properties: { "class.hidden": "this.outfiltered" } }, queries: [{ propertyName: "options", predicate: i0.forwardRef(() => SelectV2OptionComponent) }], ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [":host{display:block;width:100%}:host ::ng-deep .nui-select-v2-option-group--header{padding:5px 10px;text-transform:uppercase;cursor:default;font-size:11px;color:var(--nui-color-text-secondary,rgba(17, 17, 17, .6));line-height:14px;height:30px;display:flex;align-items:center}:host.hidden{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectV2OptionGroupComponent, decorators: [{
type: Component,
args: [{ selector: "nui-select-v2-option-group", template: "<ng-content></ng-content>", changeDetection: ChangeDetectionStrategy.OnPush, host: { role: "group" }, styles: [":host{display:block;width:100%}:host ::ng-deep .nui-select-v2-option-group--header{padding:5px 10px;text-transform:uppercase;cursor:default;font-size:11px;color:var(--nui-color-text-secondary,rgba(17, 17, 17, .6));line-height:14px;height:30px;display:flex;align-items:center}:host.hidden{display:none}\n"] }]
}], ctorParameters: () => [{ type: undefined, decorators: [{
type: Optional
}, {
type: Inject,
args: [NUI_SELECT_V2_OPTION_PARENT_COMPONENT]
}] }], propDecorators: { outfiltered: [{
type: HostBinding,
args: ["class.hidden"]
}], options: [{
type: ContentChildren,
args: [forwardRef(() => SelectV2OptionComponent)]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXYyLW9wdGlvbi1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3NlbGVjdC12Mi9vcHRpb24tZ3JvdXAvc2VsZWN0LXYyLW9wdGlvbi1ncm91cC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEseURBQXlEO0FBQ3pELEVBQUU7QUFDRiwrRUFBK0U7QUFDL0UsNEVBQTRFO0FBQzVFLDhFQUE4RTtBQUM5RSwrRUFBK0U7QUFDL0UsOEVBQThFO0FBQzlFLDREQUE0RDtBQUM1RCxFQUFFO0FBQ0YsNkVBQTZFO0FBQzdFLHVEQUF1RDtBQUN2RCxFQUFFO0FBQ0YsNkVBQTZFO0FBQzdFLDRFQUE0RTtBQUM1RSwrRUFBK0U7QUFDL0UsMEVBQTBFO0FBQzFFLGlGQUFpRjtBQUNqRiw2RUFBNkU7QUFDN0UsaUJBQWlCO0FBRWpCLE9BQU8sRUFFSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGVBQWUsRUFDZixVQUFVLEVBQ1YsV0FBVyxFQUNYLE1BQU0sRUFFTixRQUFRLEVBQ1IsU0FBUyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLGNBQWMsQ0FBQztBQUNqQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLHFDQUFxQyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDOztBQUcvRTs7O0dBR0c7QUFRSCxNQUFNLE9BQU8sNEJBQTRCO0lBWXJDLFlBR0ksTUFBMEI7UUFaOUIsMkNBQTJDO1FBRXBDLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBSzVCLGVBQVUsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1FBT3JDLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0lBQ3pCLENBQUM7SUFFTSxrQkFBa0I7UUFDckIsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLGtCQUFrQixFQUFFO1lBQ2hDLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUM7aUJBQ3ZELElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2lCQUNoQyxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUNaLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUNwQixJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sRUFBRSxFQUN0QixDQUFDLE1BQStCLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQzFELENBQUM7WUFDTixDQUFDLENBQUMsQ0FBQztTQUNWO0lBQ0wsQ0FBQztJQUVNLFdBQVc7UUFDZCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDL0IsQ0FBQzsrR0FwQ1EsNEJBQTRCLGtCQWN6QixxQ0FBcUM7bUdBZHhDLDRCQUE0Qiw2TUFPSCx1QkFBdUIsOEJBWi9DLDJCQUEyQjs7NEZBSzVCLDRCQUE0QjtrQkFQeEMsU0FBUzsrQkFDSSw0QkFBNEIsWUFDNUIsMkJBQTJCLG1CQUVwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRTs7MEJBZWxCLFFBQVE7OzBCQUNSLE1BQU07MkJBQUMscUNBQXFDO3lDQVQxQyxXQUFXO3NCQURqQixXQUFXO3VCQUFDLGNBQWM7Z0JBSW5CLE9BQU87c0JBRGQsZUFBZTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyDCqSAyMDIyIFNvbGFyV2luZHMgV29ybGR3aWRlLCBMTEMuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvXG4vLyAgZGVhbCBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGVcbi8vICByaWdodHMgdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Jcbi8vICBzZWxsIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vICBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyAgSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyAgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyAgQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyAgT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IHtcbiAgICBBZnRlckNvbnRlbnRJbml0LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBDb250ZW50Q2hpbGRyZW4sXG4gICAgZm9yd2FyZFJlZixcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbmplY3QsXG4gICAgT25EZXN0cm95LFxuICAgIE9wdGlvbmFsLFxuICAgIFF1ZXJ5TGlzdCxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCBldmVyeSBmcm9tIFwibG9kYXNoL2V2ZXJ5XCI7XG5pbXBvcnQgeyBtZXJnZSwgU3ViamVjdCB9IGZyb20gXCJyeGpzXCI7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tIFwicnhqcy9vcGVyYXRvcnNcIjtcblxuaW1wb3J0IHsgTlVJX1NFTEVDVF9WMl9PUFRJT05fUEFSRU5UX0NPTVBPTkVOVCB9IGZyb20gXCIuLi9jb25zdGFudHNcIjtcbmltcG9ydCB7IFNlbGVjdFYyT3B0aW9uQ29tcG9uZW50IH0gZnJvbSBcIi4uL29wdGlvbi9zZWxlY3QtdjItb3B0aW9uLmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgSU9wdGlvbmVkQ29tcG9uZW50IH0gZnJvbSBcIi4uL3R5cGVzXCI7XG5cbi8qKlxuICogQGlnbm9yZVxuICogV2lsbCBiZSByZW5hbWVkIGluIHNjb3BlIG9mIHRoZSBOVUktNTc5N1xuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJudWktc2VsZWN0LXYyLW9wdGlvbi1ncm91cFwiLFxuICAgIHRlbXBsYXRlOiBcIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cIixcbiAgICBzdHlsZVVybHM6IFtcIi4vc2VsZWN0LXYyLW9wdGlvbi1ncm91cC5jb21wb25lbnQubGVzc1wiXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0OiB7IHJvbGU6IFwiZ3JvdXBcIiB9LFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RWMk9wdGlvbkdyb3VwQ29tcG9uZW50XG4gICAgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBPbkRlc3Ryb3lcbntcbiAgICAvKiogV2hldGhlciB0aGUgT3B0aW9uIEdyb3VwIG91dGZpbHRlcmVkICovXG4gICAgQEhvc3RCaW5kaW5nKFwiY2xhc3MuaGlkZGVuXCIpXG4gICAgcHVibGljIG91dGZpbHRlcmVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICBAQ29udGVudENoaWxkcmVuKGZvcndhcmRSZWYoKCkgPT4gU2VsZWN0VjJPcHRpb25Db21wb25lbnQpKVxuICAgIHByaXZhdGUgb3B0aW9uczogUXVlcnlMaXN0PFNlbGVjdFYyT3B0aW9uQ29tcG9uZW50PjtcbiAgICBwcml2YXRlIHNlbGVjdDogSU9wdGlvbmVkQ29tcG9uZW50O1xuICAgIHByaXZhdGUgb25EZXN0cm95JCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQE9wdGlvbmFsKClcbiAgICAgICAgQEluamVjdChOVUlfU0VMRUNUX1YyX09QVElPTl9QQVJFTlRfQ09NUE9ORU5UKVxuICAgICAgICBwYXJlbnQ6IElPcHRpb25lZENvbXBvbmVudFxuICAgICkge1xuICAgICAgICB0aGlzLnNlbGVjdCA9IHBhcmVudDtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5zZWxlY3QuaXNUeXBlYWhlYWRFbmFibGVkKSB7XG4gICAgICAgICAgICBtZXJnZShbdGhpcy5zZWxlY3QudmFsdWVDaGFuZ2VkLCB0aGlzLnNlbGVjdC52YWx1ZVNlbGVjdGVkXSlcbiAgICAgICAgICAgICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5vbkRlc3Ryb3kkKSlcbiAgICAgICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5vdXRmaWx0ZXJlZCA9IGV2ZXJ5KFxuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5vcHRpb25zLnRvQXJyYXkoKSxcbiAgICAgICAgICAgICAgICAgICAgICAgIChvcHRpb246IFNlbGVjdFYyT3B0aW9uQ29tcG9uZW50KSA9PiBvcHRpb24ub3V0ZmlsdGVyZWRcbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbkRlc3Ryb3kkLm5leHQoKTtcbiAgICAgICAgdGhpcy5vbkRlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gICAgfVxufVxuIl19