@vismaux/ngx-nordic-cool
Version:
Common Nordic-Cool components for Angular.
266 lines • 73.5 kB
JavaScript
import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, forwardRef, Input, Output, TemplateRef, ViewEncapsulation, ViewChild, RendererStyleFlags2, } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
import { NgSelectComponent } from '@ng-select/ng-select';
import { fromEvent, Subject } from 'rxjs';
import { filter, takeUntil } from 'rxjs/operators';
import { SelectValueAccessor } from './select-value-accessor';
import { NcFooterTemplateDirective, NcHeaderTemplateDirective, NcLabelTemplateDirective, NcLoadingTextTemplateDirective, NcMultiLabelTemplateDirective, NcNotFoundTemplateDirective, NcOptGroupTemplateDirective, NcOptionTemplateDirective, NcTagTemplateDirective, NcTypeToSearchTemplateDirective, } from './select.templates.directive';
import * as i0 from "@angular/core";
import * as i1 from "@ng-select/ng-select";
import * as i2 from "@angular/forms";
import * as i3 from "@angular/common";
import * as i4 from "./option-highlight.directive";
export class NcSelectComponent extends SelectValueAccessor {
constructor(cdRef, renderer, ngZone) {
super(cdRef);
this.cdRef = cdRef;
this.renderer = renderer;
this.ngZone = ngZone;
this.destroyed$ = new Subject();
this.multiple = false;
this.loading = false;
this.clearOnBackspace = true;
this.markFirst = true;
this.openOnEnter = true;
this.selectOnTab = false;
this.addTag = false;
this.dropdownPosition = 'auto';
this.bufferAmount = 4;
this.selectableGroup = false;
this.selectableGroupAsModel = true;
this.searchFn = null;
// Custom inputs
this.autoPanelWidth = false;
this.blurEvent = new EventEmitter();
this.focusEvent = new EventEmitter();
this.changeEvent = new EventEmitter();
this.openEvent = new EventEmitter();
this.closeEvent = new EventEmitter();
this.searchEvent = new EventEmitter();
this.clearEvent = new EventEmitter();
this.addEvent = new EventEmitter();
this.removeEvent = new EventEmitter();
this.scrollEvent = new EventEmitter();
this.scrollToEndEvent = new EventEmitter();
}
set disabledBinding(value) {
this.disabled = value;
}
set valueBinding(value) {
this.value = value;
}
get searchTerm() {
return this.ngSelect.searchTerm;
}
ngOnInit() {
if (this.multiple) {
this.closeOnSelect = this.defaultValue(this.closeOnSelect, false);
this.hideSelected = this.defaultValue(this.hideSelected, true);
}
else {
this.closeOnSelect = this.defaultValue(this.closeOnSelect, true);
this.hideSelected = this.defaultValue(this.hideSelected, false);
}
this.clearable = this.defaultValue(this.clearable, true);
this.ngZone.runOutsideAngular(() => {
fromEvent(document, 'mouseup')
.pipe(filter((event) => {
if (!this.ngSelect.isOpen) {
return false;
}
const dropdownPanelElement = this.ngSelect.dropdownPanel
.scrollElementRef.nativeElement.parentElement;
return [dropdownPanelElement, this.ngSelect.element].every((el) => !el.contains(event.target));
}), takeUntil(this.destroyed$))
.subscribe(() => this.ngZone.run(() => this.ngSelect.close()));
});
}
ngOnDestroy() {
this.destroyed$.next();
this.destroyed$.unsubscribe();
}
onOpen(event) {
if (this.autoPanelWidth) {
Promise.resolve().then(() => {
const dropdownPanelEl = this.ngSelect.dropdownPanel.scrollElementRef
.nativeElement;
dropdownPanelEl.parentElement.classList.add('ng-select-auto-panel-width');
const max = this.getDropdownPanelMaxWidth();
this.renderer.setStyle(dropdownPanelEl, 'max-width', max + 'px', RendererStyleFlags2.Important);
});
}
this.openEvent.emit(event);
}
onChange(value) {
super.onChange(value);
this.changeEvent.emit(value);
}
onClose() {
super.onTouched();
this.closeEvent.emit();
}
focus() {
this.ngSelect.focus();
}
filter(term) {
this.ngSelect.filter(term);
}
defaultValue(original, value) {
return original !== undefined ? original : value;
}
getDropdownPanelMaxWidth() {
const rightPadding = 10;
const maxWidthLimit = this.ngSelect.element.clientWidth * 2;
const clientRect = this.ngSelect.element.getBoundingClientRect();
return Math.min(maxWidthLimit, document.body.clientWidth - clientRect.left - rightPadding);
}
}
NcSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NcSelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
NcSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: NcSelectComponent, selector: "nc-select", inputs: { items: "items", clearable: "clearable", multiple: "multiple", loading: "loading", placeholder: "placeholder", bindLabel: "bindLabel", bindValue: "bindValue", hideSelected: "hideSelected", appendTo: "appendTo", clearSearchOnAdd: "clearSearchOnAdd", clearOnBackspace: "clearOnBackspace", markFirst: "markFirst", isOpen: "isOpen", closeOnSelect: "closeOnSelect", maxSelectedItems: "maxSelectedItems", openOnEnter: "openOnEnter", selectOnTab: "selectOnTab", addTag: "addTag", dropdownPosition: "dropdownPosition", groupBy: "groupBy", groupValue: "groupValue", typeahead: "typeahead", virtualScroll: "virtualScroll", bufferAmount: "bufferAmount", selectableGroup: "selectableGroup", selectableGroupAsModel: "selectableGroupAsModel", searchFn: "searchFn", labelForId: "labelForId", autoPanelWidth: "autoPanelWidth", disabledBinding: ["disabled", "disabledBinding"], valueBinding: ["value", "valueBinding"] }, outputs: { blurEvent: "blur", focusEvent: "focus", changeEvent: "change", openEvent: "open", closeEvent: "close", searchEvent: "search", clearEvent: "clear", addEvent: "add", removeEvent: "remove", scrollEvent: "scroll", scrollToEndEvent: "scrollToEnd" }, providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => NcSelectComponent),
multi: true,
},
], queries: [{ propertyName: "optionTemplate", first: true, predicate: NcOptionTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "optgroupTemplate", first: true, predicate: NcOptGroupTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "labelTemplate", first: true, predicate: NcLabelTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "multiLabelTemplate", first: true, predicate: NcMultiLabelTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "headerTemplate", first: true, predicate: NcHeaderTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "footerTemplate", first: true, predicate: NcFooterTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "notFoundTemplate", first: true, predicate: NcNotFoundTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "typeToSearchTemplate", first: true, predicate: NcTypeToSearchTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "loadingTextTemplate", first: true, predicate: NcLoadingTextTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "tagTemplate", first: true, predicate: NcTagTemplateDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "ngSelect", first: true, predicate: NgSelectComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-select\n [class.ng-select-loading]=\"loading\"\n [class.ng-select-clearable]=\"clearable\"\n [items]=\"items\"\n [ngModel]=\"value\"\n (ngModelChange)=\"onChange($event)\"\n [clearable]=\"clearable\"\n [searchable]=\"true\"\n [multiple]=\"multiple\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder\"\n [bindLabel]=\"bindLabel\"\n [bindValue]=\"bindValue\"\n [hideSelected]=\"hideSelected\"\n [appendTo]=\"appendTo\"\n [clearSearchOnAdd]=\"clearSearchOnAdd\"\n [addTag]=\"addTag\"\n [clearOnBackspace]=\"clearOnBackspace\"\n [markFirst]=\"markFirst\"\n [isOpen]=\"isOpen\"\n [closeOnSelect]=\"closeOnSelect\"\n [maxSelectedItems]=\"maxSelectedItems\"\n [openOnEnter]=\"openOnEnter\"\n [selectOnTab]=\"selectOnTab\"\n [dropdownPosition]=\"dropdownPosition\"\n [groupBy]=\"groupBy\"\n [groupValue]=\"groupValue\"\n [typeahead]=\"typeahead\"\n [virtualScroll]=\"virtualScroll\"\n [bufferAmount]=\"bufferAmount\"\n [selectableGroup]=\"selectableGroup\"\n [selectableGroupAsModel]=\"selectableGroupAsModel\"\n [searchFn]=\"searchFn\"\n [labelForId]=\"labelForId\"\n [disabled]=\"disabled\"\n (blur)=\"blurEvent.emit($event)\"\n (focus)=\"focusEvent.emit($event)\"\n (open)=\"onOpen($event)\"\n (close)=\"onClose()\"\n (search)=\"searchEvent.emit($event)\"\n (clear)=\"clearEvent.emit($event)\"\n (add)=\"addEvent.emit($event)\"\n (remove)=\"removeEvent.emit($event)\"\n (scroll)=\"scrollEvent.emit($event)\"\n (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n>\n <ng-template\n ng-option-tmp\n let-item=\"item\"\n let-item$=\"item$\"\n let-index=\"index\"\n let-searchTerm=\"searchTerm\"\n >\n <ng-template\n [ngTemplateOutlet]=\"optionTemplate || defaultOptionTemplate\"\n [ngTemplateOutletContext]=\"{\n item: item,\n item$: item$,\n index: index,\n searchTerm: searchTerm\n }\"\n ></ng-template>\n </ng-template>\n\n <ng-container *ngIf=\"headerTemplate\">\n <ng-template ng-header-tmp let-searchTerm=\"searchTerm\">\n <ng-template\n [ngTemplateOutlet]=\"headerTemplate\"\n [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\"\n >\n </ng-template>\n </ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"labelTemplate\">\n <ng-template\n ng-label-tmp\n let-item=\"item\"\n let-clear=\"clear\"\n let-label=\"label\"\n >\n <ng-template\n [ngTemplateOutlet]=\"labelTemplate\"\n [ngTemplateOutletContext]=\"{ item: item, clear: clear, label: label }\"\n ></ng-template>\n </ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"footerTemplate\">\n <ng-template ng-footer-tmp let-searchTerm=\"searchTerm\">\n <ng-template\n [ngTemplateOutlet]=\"footerTemplate\"\n [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\"\n >\n </ng-template>\n </ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"notFoundTemplate\">\n <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\n <ng-template\n [ngTemplateOutlet]=\"notFoundTemplate\"\n [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\"\n >\n </ng-template>\n </ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"loadingTextTemplate\">\n <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n <ng-template\n [ngTemplateOutlet]=\"loadingTextTemplate\"\n [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\"\n >\n </ng-template>\n </ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"tagTemplate\">\n <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n <ng-template\n [ngTemplateOutlet]=\"tagTemplate\"\n [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\"\n >\n </ng-template>\n </ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"typeToSearchTemplate\">\n <ng-template ng-typetosearch-tmp>\n <ng-template [ngTemplateOutlet]=\"typeToSearchTemplate\"></ng-template>\n </ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"multiLabelTemplate\">\n <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n <ng-template\n [ngTemplateOutlet]=\"multiLabelTemplate\"\n [ngTemplateOutletContext]=\"{ items: items, clear: clear }\"\n >\n </ng-template>\n </ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"optgroupTemplate\">\n <ng-template\n ng-optgroup-tmp\n let-item=\"item\"\n let-item$=\"item$\"\n let-index=\"index\"\n let-searchTerm=\"searchTerm\"\n >\n <ng-template\n [ngTemplateOutlet]=\"optgroupTemplate\"\n [ngTemplateOutletContext]=\"{\n item: item,\n item$: item$,\n index: index,\n searchTerm: searchTerm\n }\"\n ></ng-template>\n </ng-template>\n </ng-container>\n</ng-select>\n\n<ng-template\n #defaultOptionTemplate\n let-item$=\"item$\"\n let-searchTerm=\"searchTerm\"\n>\n <span class=\"ng-option-label\" [ncOptionHighlight]=\"searchTerm\">{{\n item$.label\n }}</span>\n</ng-template>\n", styles: ["nc-select{display:block}.ng-select{text-align:left}.ng-select.ng-select-disabled>.ng-select-container{border-color:var(--input-disabled-border-color);color:var(--input-disabled-text-color)}.ng-select.ng-select-disabled>.ng-select-container .ng-value-container .ng-placeholder{color:var(--input-disabled-text-color)}.ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow{background-color:var(--icon-disabled-bg)}.ng-select:not(.ng-select-disabled):not(.ng-select-opened):not(.ng-select-focused) .ng-select-container:hover{box-shadow:0 2px 4px 0 var(--input-hover-shadow-color);border-color:var(--input-hover-border-color);background-color:var(--input-hover-bg)}.ng-select .ng-arrow-wrapper{width:24px;height:24px}.ng-select .ng-arrow-wrapper .ng-arrow{display:inline-block;position:absolute!important;left:0;right:0;top:0;bottom:0;margin:auto;width:16px!important;height:16px!important;-webkit-mask:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M13 3H2V5H13V3ZM2 8V6H8.70551C9.40388 5.679 10.181 5.5 11 5.5C12.576 5.5 13.9972 6.16289 15 7.22506V3C15 1.89543 14.1046 1 13 1H2C0.895431 1 0 1.89543 0 3V11C0 12.1046 0.89543 13 2 13H5.87494C5.63286 12.3801 5.5 11.7056 5.5 11H2L2 9H5.87494C6.01259 8.64754 6.18555 8.31275 6.38947 8H2ZM11 13C12.1046 13 13 12.1046 13 11C13 9.89543 12.1046 9 11 9C9.89543 9 9 9.89543 9 11C9 12.1046 9.89543 13 11 13ZM11 15C11.7418 15 12.4365 14.7981 13.032 14.4462L14.2929 15.7071C14.6834 16.0976 15.3166 16.0976 15.7071 15.7071C16.0976 15.3166 16.0976 14.6834 15.7071 14.2929L14.4462 13.032C14.7981 12.4365 15 11.7418 15 11C15 8.79086 13.2091 7 11 7C8.79086 7 7 8.79086 7 11C7 13.2091 8.79086 15 11 15Z%22 fill%3D%22%230087E0%22%2F%3E%0D%3C%2Fsvg%3E%0D\") no-repeat;mask:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M13 3H2V5H13V3ZM2 8V6H8.70551C9.40388 5.679 10.181 5.5 11 5.5C12.576 5.5 13.9972 6.16289 15 7.22506V3C15 1.89543 14.1046 1 13 1H2C0.895431 1 0 1.89543 0 3V11C0 12.1046 0.89543 13 2 13H5.87494C5.63286 12.3801 5.5 11.7056 5.5 11H2L2 9H5.87494C6.01259 8.64754 6.18555 8.31275 6.38947 8H2ZM11 13C12.1046 13 13 12.1046 13 11C13 9.89543 12.1046 9 11 9C9.89543 9 9 9.89543 9 11C9 12.1046 9.89543 13 11 13ZM11 15C11.7418 15 12.4365 14.7981 13.032 14.4462L14.2929 15.7071C14.6834 16.0976 15.3166 16.0976 15.7071 15.7071C16.0976 15.3166 16.0976 14.6834 15.7071 14.2929L14.4462 13.032C14.7981 12.4365 15 11.7418 15 11C15 8.79086 13.2091 7 11 7C8.79086 7 7 8.79086 7 11C7 13.2091 8.79086 15 11 15Z%22 fill%3D%22%230087E0%22%2F%3E%0D%3C%2Fsvg%3E%0D\") no-repeat;background-color:var(--icon-bg)}.ng-select:not(.ng-select-disabled){cursor:pointer}.ng-select:not(.ng-select-disabled) .ng-arrow-wrapper:hover .ng-arrow{background-color:var(--icon-hover-bg)}.ng-select.ng-select-clearable .ng-select-container.ng-has-value .ng-arrow-wrapper{display:none}.ng-select.ng-select-opened>.ng-select-container,.ng-select.ng-select-focused>.ng-select-container{border-color:var(--button-focus-border-color);box-shadow:inset 0 0 0 1px var(--button-focus-border-color),0 2px 4px 0 var(--button-focus-shadow-color)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{background:var(--input-bg);padding-right:3px;border:1px solid var(--input-border-color);min-height:32px;align-items:center}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}.ng-select .ng-select-container .ng-value-container .ng-placeholder{font-style:italic;color:var(--input-placeholder-color)}.ng-select.ng-select-single.ng-select-loading .ng-select-container .ng-value-container .ng-input{padding-right:75px}.ng-select.ng-select-single .ng-select-container{height:32px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:0;left:0;padding-left:10px;padding-right:50px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input{height:28px;padding:0}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:4px;padding-left:7px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{line-height:18px;font-size:.9em;position:relative;margin-bottom:4px;background-color:#dceefa;border-radius:2px;margin-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 22px 1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{position:absolute;display:inline-block;padding:1px 5px;right:0;color:#0087e0;font-size:14px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input input{height:13px;padding-left:0;padding-right:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}.ng-select .ng-clear-wrapper{width:24px!important;height:24px!important}.ng-select .ng-clear-wrapper .ng-clear{display:block;position:absolute;width:9px;height:9px;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;text-indent:-9999px;background:url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%228%22 viewBox%3D%220 0 8 8%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M1 1L7 7M7 1L1 7%22 stroke%3D%22%236A6C6D%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\") no-repeat transparent}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}.ng-select .ng-spinner-loader{width:24px!important;height:24px!important;border-radius:0!important;margin-right:0!important;position:relative!important;text-indent:0!important;border:0!important;transform:none!important;-webkit-animation:none!important;animation:none!important;background-image:url(\"data:image/svg+xml,%3Csvg version%3D%221.0%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2248px%22 height%3D%2248px%22 viewBox%3D%220 0 48 48%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E.a%7Bfill%3Aurl(%23g)%7D%3C%2Fstyle%3E%3Cg%3E%3ClinearGradient id%3D%22g%22 gradientUnits%3D%22userSpaceOnUse%22 x1%3D%2216.72%22 y1%3D%2216.97%22 x2%3D%2248%22 y2%3D%2216.97%22%3E%3Cstop offset%3D%220%22 style%3D%22stop-color%3A%23007aca%3Bstop-opacity%3A0%22%2F%3E%3Cstop offset%3D%221%22 style%3D%22stop-color%3A%23007aca%22%2F%3E%3C%2FlinearGradient%3E%3Cpath id%3D%22p%22 class%3D%22a%22 d%3D%22M43.1%2C33.9c-0.4%2C0-0.8-0.1-1.2-0.2c-2.1-0.7-3.3-2.9-2.6-5c0.5-1.5%2C0.7-3.1%2C0.7-4.8 c0-8.8-7.2-16-16-16c-0.9%2C0-1.8%2C0.1-2.6%2C0.2c-2.2%2C0.4-4.2-1.1-4.6-3.3c-0.4-2.2%2C1.1-4.2%2C3.3-4.6C21.4%2C0.1%2C22.7%2C0%2C24%2C0 c13.2%2C0%2C24%2C10.8%2C24%2C24c0%2C2.4-0.4%2C4.8-1.1%2C7.1C46.4%2C32.8%2C44.8%2C33.9%2C43.1%2C33.9z%22%3E%3CanimateTransform attributeName%3D%22transform%22 type%3D%22rotate%22 repeatCount%3D%22indefinite%22 dur%3D%221s%22 keyTimes%3D%220%3B1%22 values%3D%220 24 24%3B360 24 24%22%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E\")!important;background-size:17px;background-repeat:no-repeat;background-position:4px 4px}.ng-select.ng-select-disabled .ng-spinner-loader{background-image:url(\"data:image/svg+xml,%3Csvg version%3D%221.0%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2248px%22 height%3D%2248px%22 viewBox%3D%220 0 48 48%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E.a%7Bfill%3Aurl(%23g)%7D%3C%2Fstyle%3E%3Cg%3E%3ClinearGradient id%3D%22g%22 gradientUnits%3D%22userSpaceOnUse%22 x1%3D%2216.72%22 y1%3D%2216.97%22 x2%3D%2248%22 y2%3D%2216.97%22%3E%3Cstop offset%3D%220%22 style%3D%22stop-color%3A%23959799%3Bstop-opacity%3A0%22%2F%3E%3Cstop offset%3D%221%22 style%3D%22stop-color%3A%23959799%22%2F%3E%3C%2FlinearGradient%3E%3Cpath id%3D%22p%22 class%3D%22a%22 d%3D%22M43.1%2C33.9c-0.4%2C0-0.8-0.1-1.2-0.2c-2.1-0.7-3.3-2.9-2.6-5c0.5-1.5%2C0.7-3.1%2C0.7-4.8 c0-8.8-7.2-16-16-16c-0.9%2C0-1.8%2C0.1-2.6%2C0.2c-2.2%2C0.4-4.2-1.1-4.6-3.3c-0.4-2.2%2C1.1-4.2%2C3.3-4.6C21.4%2C0.1%2C22.7%2C0%2C24%2C0 c13.2%2C0%2C24%2C10.8%2C24%2C24c0%2C2.4-0.4%2C4.8-1.1%2C7.1C46.4%2C32.8%2C44.8%2C33.9%2C43.1%2C33.9z%22%3E%3CanimateTransform attributeName%3D%22transform%22 type%3D%22rotate%22 repeatCount%3D%22indefinite%22 dur%3D%221s%22 keyTimes%3D%220%3B1%22 values%3D%220 24 24%3B360 24 24%22%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E\")!important}.ng-dropdown-panel{background-color:var(--dropdown-menu-bg);box-shadow:0 5px 10px 0 var(--dropdown-menu-shadow-color);left:0;min-width:100%}.ng-dropdown-panel.ng-select-bottom{top:100%}.ng-dropdown-panel.ng-select-top{bottom:100%}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #f0f2f5;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #f0f2f5;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items{margin-bottom:1px;max-height:224px!important}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 10px;font-weight:500;cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-menu-bg);color:var(--dropdown-menu-text-color);padding:4px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-menu-hover-bg)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--button-disabled-text-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-weight:400;padding-right:5px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .nc-highlighted{font-weight:400!important;text-decoration:none!important;background-color:#ffeacc}.ng-select-auto-panel-width.ng-dropdown-panel{width:auto!important}.has-error .ng-select .ng-select-container{border-color:#d93644!important;box-shadow:none!important}.has-error .ng-select.ng-select-focused .ng-select-container{box-shadow:inset 0 0 0 1px #d93644!important}\n"], components: [{ type: i1.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgHeaderTemplateDirective, selector: "[ng-header-tmp]" }, { type: i1.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { type: i1.NgFooterTemplateDirective, selector: "[ng-footer-tmp]" }, { type: i1.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { type: i1.NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]" }, { type: i1.NgTypeToSearchTemplateDirective, selector: "[ng-typetosearch-tmp]" }, { type: i1.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { type: i1.NgOptgroupTemplateDirective, selector: "[ng-optgroup-tmp]" }, { type: i4.NcOptionHighlightDirective, selector: "[ncOptionHighlight]", inputs: ["ncOptionHighlight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NcSelectComponent, decorators: [{
type: Component,
args: [{ selector: 'nc-select', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => NcSelectComponent),
multi: true,
},
], template: "<ng-select\n [class.ng-select-loading]=\"loading\"\n [class.ng-select-clearable]=\"clearable\"\n [items]=\"items\"\n [ngModel]=\"value\"\n (ngModelChange)=\"onChange($event)\"\n [clearable]=\"clearable\"\n [searchable]=\"true\"\n [multiple]=\"multiple\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder\"\n [bindLabel]=\"bindLabel\"\n [bindValue]=\"bindValue\"\n [hideSelected]=\"hideSelected\"\n [appendTo]=\"appendTo\"\n [clearSearchOnAdd]=\"clearSearchOnAdd\"\n [addTag]=\"addTag\"\n [clearOnBackspace]=\"clearOnBackspace\"\n [markFirst]=\"markFirst\"\n [isOpen]=\"isOpen\"\n [closeOnSelect]=\"closeOnSelect\"\n [maxSelectedItems]=\"maxSelectedItems\"\n [openOnEnter]=\"openOnEnter\"\n [selectOnTab]=\"selectOnTab\"\n [dropdownPosition]=\"dropdownPosition\"\n [groupBy]=\"groupBy\"\n [groupValue]=\"groupValue\"\n [typeahead]=\"typeahead\"\n [virtualScroll]=\"virtualScroll\"\n [bufferAmount]=\"bufferAmount\"\n [selectableGroup]=\"selectableGroup\"\n [selectableGroupAsModel]=\"selectableGroupAsModel\"\n [searchFn]=\"searchFn\"\n [labelForId]=\"labelForId\"\n [disabled]=\"disabled\"\n (blur)=\"blurEvent.emit($event)\"\n (focus)=\"focusEvent.emit($event)\"\n (open)=\"onOpen($event)\"\n (close)=\"onClose()\"\n (search)=\"searchEvent.emit($event)\"\n (clear)=\"clearEvent.emit($event)\"\n (add)=\"addEvent.emit($event)\"\n (remove)=\"removeEvent.emit($event)\"\n (scroll)=\"scrollEvent.emit($event)\"\n (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n>\n <ng-template\n ng-option-tmp\n let-item=\"item\"\n let-item$=\"item$\"\n let-index=\"index\"\n let-searchTerm=\"searchTerm\"\n >\n <ng-template\n [ngTemplateOutlet]=\"optionTemplate || defaultOptionTemplate\"\n [ngTemplateOutletContext]=\"{\n item: item,\n item$: item$,\n index: index,\n searchTerm: searchTerm\n }\"\n ></ng-template>\n </ng-template>\n\n <ng-container *ngIf=\"headerTemplate\">\n <ng-template ng-header-tmp let-searchTerm=\"searchTerm\">\n <ng-template\n [ngTemplateOutlet]=\"headerTemplate\"\n [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\"\n >\n </ng-template>\n </ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"labelTemplate\">\n <ng-template\n ng-label-tmp\n let-item=\"item\"\n let-clear=\"clear\"\n let-label=\"label\"\n >\n <ng-template\n [ngTemplateOutlet]=\"labelTemplate\"\n [ngTemplateOutletContext]=\"{ item: item, clear: clear, label: label }\"\n ></ng-template>\n </ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"footerTemplate\">\n <ng-template ng-footer-tmp let-searchTerm=\"searchTerm\">\n <ng-template\n [ngTemplateOutlet]=\"footerTemplate\"\n [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\"\n >\n </ng-template>\n </ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"notFoundTemplate\">\n <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\n <ng-template\n [ngTemplateOutlet]=\"notFoundTemplate\"\n [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\"\n >\n </ng-template>\n </ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"loadingTextTemplate\">\n <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n <ng-template\n [ngTemplateOutlet]=\"loadingTextTemplate\"\n [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\"\n >\n </ng-template>\n </ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"tagTemplate\">\n <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n <ng-template\n [ngTemplateOutlet]=\"tagTemplate\"\n [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\"\n >\n </ng-template>\n </ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"typeToSearchTemplate\">\n <ng-template ng-typetosearch-tmp>\n <ng-template [ngTemplateOutlet]=\"typeToSearchTemplate\"></ng-template>\n </ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"multiLabelTemplate\">\n <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n <ng-template\n [ngTemplateOutlet]=\"multiLabelTemplate\"\n [ngTemplateOutletContext]=\"{ items: items, clear: clear }\"\n >\n </ng-template>\n </ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"optgroupTemplate\">\n <ng-template\n ng-optgroup-tmp\n let-item=\"item\"\n let-item$=\"item$\"\n let-index=\"index\"\n let-searchTerm=\"searchTerm\"\n >\n <ng-template\n [ngTemplateOutlet]=\"optgroupTemplate\"\n [ngTemplateOutletContext]=\"{\n item: item,\n item$: item$,\n index: index,\n searchTerm: searchTerm\n }\"\n ></ng-template>\n </ng-template>\n </ng-container>\n</ng-select>\n\n<ng-template\n #defaultOptionTemplate\n let-item$=\"item$\"\n let-searchTerm=\"searchTerm\"\n>\n <span class=\"ng-option-label\" [ncOptionHighlight]=\"searchTerm\">{{\n item$.label\n }}</span>\n</ng-template>\n", styles: ["nc-select{display:block}.ng-select{text-align:left}.ng-select.ng-select-disabled>.ng-select-container{border-color:var(--input-disabled-border-color);color:var(--input-disabled-text-color)}.ng-select.ng-select-disabled>.ng-select-container .ng-value-container .ng-placeholder{color:var(--input-disabled-text-color)}.ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow{background-color:var(--icon-disabled-bg)}.ng-select:not(.ng-select-disabled):not(.ng-select-opened):not(.ng-select-focused) .ng-select-container:hover{box-shadow:0 2px 4px 0 var(--input-hover-shadow-color);border-color:var(--input-hover-border-color);background-color:var(--input-hover-bg)}.ng-select .ng-arrow-wrapper{width:24px;height:24px}.ng-select .ng-arrow-wrapper .ng-arrow{display:inline-block;position:absolute!important;left:0;right:0;top:0;bottom:0;margin:auto;width:16px!important;height:16px!important;-webkit-mask:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M13 3H2V5H13V3ZM2 8V6H8.70551C9.40388 5.679 10.181 5.5 11 5.5C12.576 5.5 13.9972 6.16289 15 7.22506V3C15 1.89543 14.1046 1 13 1H2C0.895431 1 0 1.89543 0 3V11C0 12.1046 0.89543 13 2 13H5.87494C5.63286 12.3801 5.5 11.7056 5.5 11H2L2 9H5.87494C6.01259 8.64754 6.18555 8.31275 6.38947 8H2ZM11 13C12.1046 13 13 12.1046 13 11C13 9.89543 12.1046 9 11 9C9.89543 9 9 9.89543 9 11C9 12.1046 9.89543 13 11 13ZM11 15C11.7418 15 12.4365 14.7981 13.032 14.4462L14.2929 15.7071C14.6834 16.0976 15.3166 16.0976 15.7071 15.7071C16.0976 15.3166 16.0976 14.6834 15.7071 14.2929L14.4462 13.032C14.7981 12.4365 15 11.7418 15 11C15 8.79086 13.2091 7 11 7C8.79086 7 7 8.79086 7 11C7 13.2091 8.79086 15 11 15Z%22 fill%3D%22%230087E0%22%2F%3E%0D%3C%2Fsvg%3E%0D\") no-repeat;mask:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M13 3H2V5H13V3ZM2 8V6H8.70551C9.40388 5.679 10.181 5.5 11 5.5C12.576 5.5 13.9972 6.16289 15 7.22506V3C15 1.89543 14.1046 1 13 1H2C0.895431 1 0 1.89543 0 3V11C0 12.1046 0.89543 13 2 13H5.87494C5.63286 12.3801 5.5 11.7056 5.5 11H2L2 9H5.87494C6.01259 8.64754 6.18555 8.31275 6.38947 8H2ZM11 13C12.1046 13 13 12.1046 13 11C13 9.89543 12.1046 9 11 9C9.89543 9 9 9.89543 9 11C9 12.1046 9.89543 13 11 13ZM11 15C11.7418 15 12.4365 14.7981 13.032 14.4462L14.2929 15.7071C14.6834 16.0976 15.3166 16.0976 15.7071 15.7071C16.0976 15.3166 16.0976 14.6834 15.7071 14.2929L14.4462 13.032C14.7981 12.4365 15 11.7418 15 11C15 8.79086 13.2091 7 11 7C8.79086 7 7 8.79086 7 11C7 13.2091 8.79086 15 11 15Z%22 fill%3D%22%230087E0%22%2F%3E%0D%3C%2Fsvg%3E%0D\") no-repeat;background-color:var(--icon-bg)}.ng-select:not(.ng-select-disabled){cursor:pointer}.ng-select:not(.ng-select-disabled) .ng-arrow-wrapper:hover .ng-arrow{background-color:var(--icon-hover-bg)}.ng-select.ng-select-clearable .ng-select-container.ng-has-value .ng-arrow-wrapper{display:none}.ng-select.ng-select-opened>.ng-select-container,.ng-select.ng-select-focused>.ng-select-container{border-color:var(--button-focus-border-color);box-shadow:inset 0 0 0 1px var(--button-focus-border-color),0 2px 4px 0 var(--button-focus-shadow-color)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{background:var(--input-bg);padding-right:3px;border:1px solid var(--input-border-color);min-height:32px;align-items:center}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}.ng-select .ng-select-container .ng-value-container .ng-placeholder{font-style:italic;color:var(--input-placeholder-color)}.ng-select.ng-select-single.ng-select-loading .ng-select-container .ng-value-container .ng-input{padding-right:75px}.ng-select.ng-select-single .ng-select-container{height:32px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:0;left:0;padding-left:10px;padding-right:50px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input{height:28px;padding:0}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:4px;padding-left:7px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{line-height:18px;font-size:.9em;position:relative;margin-bottom:4px;background-color:#dceefa;border-radius:2px;margin-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 22px 1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{position:absolute;display:inline-block;padding:1px 5px;right:0;color:#0087e0;font-size:14px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input input{height:13px;padding-left:0;padding-right:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}.ng-select .ng-clear-wrapper{width:24px!important;height:24px!important}.ng-select .ng-clear-wrapper .ng-clear{display:block;position:absolute;width:9px;height:9px;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;text-indent:-9999px;background:url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%228%22 viewBox%3D%220 0 8 8%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M1 1L7 7M7 1L1 7%22 stroke%3D%22%236A6C6D%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\") no-repeat transparent}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}.ng-select .ng-spinner-loader{width:24px!important;height:24px!important;border-radius:0!important;margin-right:0!important;position:relative!important;text-indent:0!important;border:0!important;transform:none!important;-webkit-animation:none!important;animation:none!important;background-image:url(\"data:image/svg+xml,%3Csvg version%3D%221.0%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2248px%22 height%3D%2248px%22 viewBox%3D%220 0 48 48%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E.a%7Bfill%3Aurl(%23g)%7D%3C%2Fstyle%3E%3Cg%3E%3ClinearGradient id%3D%22g%22 gradientUnits%3D%22userSpaceOnUse%22 x1%3D%2216.72%22 y1%3D%2216.97%22 x2%3D%2248%22 y2%3D%2216.97%22%3E%3Cstop offset%3D%220%22 style%3D%22stop-color%3A%23007aca%3Bstop-opacity%3A0%22%2F%3E%3Cstop offset%3D%221%22 style%3D%22stop-color%3A%23007aca%22%2F%3E%3C%2FlinearGradient%3E%3Cpath id%3D%22p%22 class%3D%22a%22 d%3D%22M43.1%2C33.9c-0.4%2C0-0.8-0.1-1.2-0.2c-2.1-0.7-3.3-2.9-2.6-5c0.5-1.5%2C0.7-3.1%2C0.7-4.8 c0-8.8-7.2-16-16-16c-0.9%2C0-1.8%2C0.1-2.6%2C0.2c-2.2%2C0.4-4.2-1.1-4.6-3.3c-0.4-2.2%2C1.1-4.2%2C3.3-4.6C21.4%2C0.1%2C22.7%2C0%2C24%2C0 c13.2%2C0%2C24%2C10.8%2C24%2C24c0%2C2.4-0.4%2C4.8-1.1%2C7.1C46.4%2C32.8%2C44.8%2C33.9%2C43.1%2C33.9z%22%3E%3CanimateTransform attributeName%3D%22transform%22 type%3D%22rotate%22 repeatCount%3D%22indefinite%22 dur%3D%221s%22 keyTimes%3D%220%3B1%22 values%3D%220 24 24%3B360 24 24%22%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E\")!important;background-size:17px;background-repeat:no-repeat;background-position:4px 4px}.ng-select.ng-select-disabled .ng-spinner-loader{background-image:url(\"data:image/svg+xml,%3Csvg version%3D%221.0%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2248px%22 height%3D%2248px%22 viewBox%3D%220 0 48 48%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E.a%7Bfill%3Aurl(%23g)%7D%3C%2Fstyle%3E%3Cg%3E%3ClinearGradient id%3D%22g%22 gradientUnits%3D%22userSpaceOnUse%22 x1%3D%2216.72%22 y1%3D%2216.97%22 x2%3D%2248%22 y2%3D%2216.97%22%3E%3Cstop offset%3D%220%22 style%3D%22stop-color%3A%23959799%3Bstop-opacity%3A0%22%2F%3E%3Cstop offset%3D%221%22 style%3D%22stop-color%3A%23959799%22%2F%3E%3C%2FlinearGradient%3E%3Cpath id%3D%22p%22 class%3D%22a%22 d%3D%22M43.1%2C33.9c-0.4%2C0-0.8-0.1-1.2-0.2c-2.1-0.7-3.3-2.9-2.6-5c0.5-1.5%2C0.7-3.1%2C0.7-4.8 c0-8.8-7.2-16-16-16c-0.9%2C0-1.8%2C0.1-2.6%2C0.2c-2.2%2C0.4-4.2-1.1-4.6-3.3c-0.4-2.2%2C1.1-4.2%2C3.3-4.6C21.4%2C0.1%2C22.7%2C0%2C24%2C0 c13.2%2C0%2C24%2C10.8%2C24%2C24c0%2C2.4-0.4%2C4.8-1.1%2C7.1C46.4%2C32.8%2C44.8%2C33.9%2C43.1%2C33.9z%22%3E%3CanimateTransform attributeName%3D%22transform%22 type%3D%22rotate%22 repeatCount%3D%22indefinite%22 dur%3D%221s%22 keyTimes%3D%220%3B1%22 values%3D%220 24 24%3B360 24 24%22%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E\")!important}.ng-dropdown-panel{background-color:var(--dropdown-menu-bg);box-shadow:0 5px 10px 0 var(--dropdown-menu-shadow-color);left:0;min-width:100%}.ng-dropdown-panel.ng-select-bottom{top:100%}.ng-dropdown-panel.ng-select-top{bottom:100%}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #f0f2f5;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #f0f2f5;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items{margin-bottom:1px;max-height:224px!important}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 10px;font-weight:500;cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-menu-bg);color:var(--dropdown-menu-text-color);padding:4px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-menu-hover-bg)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--button-disabled-text-color)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-weight:400;padding-right:5px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .nc-highlighted{font-weight:400!important;text-decoration:none!important;background-color:#ffeacc}.ng-select-auto-panel-width.ng-dropdown-panel{width:auto!important}.has-error .ng-select .ng-select-container{border-color:#d93644!important;box-shadow:none!important}.has-error .ng-select.ng-select-focused .ng-select-container{box-shadow:inset 0 0 0 1px #d93644!important}\n"] }]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { items: [{
type: Input
}], clearable: [{
type: Input
}], multiple: [{
type: Input
}], loading: [{
type: Input
}], placeholder: [{
type: Input
}], bindLabel: [{
type: Input
}], bindValue: [{
type: Input
}], hideSelected: [{
type: Input
}], appendTo: [{
type: Input
}], clearSearchOnAdd: [{
type: Input
}], clearOnBackspace: [{
type: Input
}], markFirst: [{
type: Input
}], isOpen: [{
type: Input
}], closeOnSelect: [{
type: Input
}], maxSelectedItems: [{
type: Input
}], openOnEnter: [{
type: Input
}], selectOnTab: [{
type: Input
}], addTag: [{
type: Input
}], dropdownPosition: [{
type: Input
}], groupBy: [{
type: Input
}], groupValue: [{
type: Input
}], typeahead: [{
type: Input
}], virtualScroll: [{
type: Input
}], bufferAmount: [{
type: Input
}], selectableGroup: [{
type: Input
}], selectableGroupAsModel: [{
type: Input
}], searchFn: [{
type: Input
}], labelForId: [{
type: Input
}], autoPanelWidth: [{
type: Input
}], disabledBinding: [{
type: Input,
args: ['disabled']
}], valueBinding: [{
type: Input,
args: ['value']
}], blurEvent: [{
type: Output,
args: ['blur']
}], focusEvent: [{
type: Output,
args: ['focus']
}], changeEvent: [{
type: Output,
args: ['change']
}], openEvent: [{
type: Output,
args: ['open']
}], closeEvent: [{
type: Output,
args: ['close']
}], searchEvent: [{
type: Output,
args: ['search']
}], clearEvent: [{
type: Output,
args: ['clear']
}], addEvent: [{
type: Output,
args: ['add']
}], removeEvent: [{
type: Output,
args: ['remove']
}], scrollEvent: [{
type: Output,
args: ['scroll']
}], scrollToEndEvent: [{
type: Output,
args: ['scrollToEnd']
}], optionTemplate: [{
type: ContentChild,
args: [NcOptionTemplateDirective, { read: TemplateRef }]
}], optgroupTemplate: [{
type: ContentChild,
args: [NcOptGroupTemplateDirective, { read: TemplateRef }]
}], labelTemplate: [{
type: ContentChild,
args: [NcLabelTemplateDirective, { read: TemplateRef }]
}], multiLabelTemplate: [{
type: ContentChild,
args: [NcMultiLabelTemplateDirective, { read: TemplateRef }]
}], headerTemplate: [{
type: ContentChild,
args: [NcHeaderTemplateDirective, { read: TemplateRef }]
}], footerTemplate: [{
type: ContentChild,
args: [NcFooterTemplateDirective, { read: TemplateRef }]
}], notFoundTemplate: [{
type: ContentChild,
args: [NcNotFoundTemplateDirective, { read: TemplateRef }]
}], typeToSearchTemplate: [{
type: ContentChild,
args: [NcTypeToSearchTemplateDirective, { read: TemplateRef }]
}], loadingTextTemplate: [{
type: ContentChild,
args: [NcLoadingTextTemplateDirective, { read: TemplateRef }]
}], tagTemplate: [{
type: ContentChild,
args: [NcTagTemplateDirective, { read: TemplateRef }]
}], ngSelect: [{
type: ViewChild,
args: [NgSelectComponent, { static: true }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1ub3JkaWMtY29vbC9zcmMvbGliL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW5vcmRpYy1jb29sL3NyYy9saWIvc2VsZWN0L3NlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLFVBQVUsRUFDVixLQUFLLEVBRUwsTUFBTSxFQUNOLFdBQVcsRUFDWCxpQkFBaUIsRUFDakIsU0FBUyxFQUVULG1CQUFtQixHQUdwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMxQyxPQUFPLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRW5ELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFDTCx5QkFBeUIsRUFDekIseUJBQXlCLEVBQ3pCLHdCQUF3QixFQUN4Qiw4QkFBOEIsRUFDOUIsNkJBQTZCLEVBQzdCLDJCQUEyQixFQUMzQiwyQkFBMkIsRUFDM0IseUJBQXlCLEVBQ3pCLHNCQUFzQixFQUN0QiwrQkFBK0IsR0FDaEMsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7O0FBZ0J0QyxNQUFNLE9BQU8saUJBQ1gsU0FBUSxtQkFBd0I7SUFpRmhDLFlBQ1ksS0FBd0IsRUFDMUIsUUFBbUIsRUFDbkIsTUFBYztRQUV0QixLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFKSCxVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQUMxQixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLFdBQU0sR0FBTixNQUFNLENBQVE7UUFqRmhCLGVBQVUsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO1FBSTFCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQU9oQixxQkFBZ0IsR0FBRyxJQUFJLENBQUM7UUFDeEIsY0FBUyxHQUFHLElBQUksQ0FBQztRQUlqQixnQkFBVyxHQUFHLElBQUksQ0FBQztRQUNuQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixXQUFNLEdBQXFELEtBQUssQ0FBQztRQUNqRSxxQkFBZ0IsR0FBOEIsTUFBTSxDQUFDO1FBUXJELGlCQUFZLEdBQUcsQ0FBQyxDQUFDO1FBQ2pCLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLDJCQUFzQixHQUFHLElBQUksQ0FBQztRQUM5QixhQUFRLEdBQXlDLElBQUksQ0FBQztRQUcvRCxnQkFBZ0I7UUFDUCxtQkFBYyxHQUFHLEtBQUssQ0FBQztRQVFoQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM5QixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMvQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbkMsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDOUIsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDL0IsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2xDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2xDLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzNCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNqQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDNUIscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQStCN0QsQ0FBQztJQWhERCxJQUF1QixlQUFlLENBQUMsS0FBYztRQUNuRCxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBQ0QsSUFBb0I