ng-select2-component 18.0.0 → 19.0.1

package/fesm2022/ng-select2-component.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Pipe, Directive, ChangeDetectorRef, input, numberAttribute, booleanAttribute, computed, output, viewChild, viewChildren, signal, TemplateRef, Component } from '@angular/core';
+import { inject, ElementRef, input, signal, Directive, booleanAttribute, contentChildren, Pipe, ChangeDetectorRef, numberAttribute, computed, output, viewChild, viewChildren, effect, untracked, TemplateRef, Component } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { moveItemInArray, CdkDropList, CdkDrag } from '@angular/cdk/drag-drop';
 import { CdkConnectedOverlay, ConnectionPositionPair, CdkOverlayOrigin } from '@angular/cdk/overlay';
@@ -209,6 +209,163 @@ const unicodePatterns = [
 const defaultMinCountForSearch = 6;
 const protectRegexp = new RegExp('[\\-\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\|]', 'g');
 
+/**
+ * Shared base for the <ng-option> and <ng-group> directives.
+ *
+ * Holds the inputs common to both (classes, templateId, data, dir) and the projected-content
+ * reactivity: plain text content (interpolation in the element body) is not a tracked signal, so
+ * the host component dirty-checks it in ngDoCheck and pushes changes into {@link _projectedContent},
+ * which the rebuild effect depends on through {@link _resolveLabel}.
+ */
+class Select2ContentDirective {
+    constructor() {
+        this._elementRef = inject((ElementRef));
+        /** Additional CSS classes */
+        this.classes = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+        /** Template id */
+        this.templateId = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "templateId" }] : /* istanbul ignore next */ []));
+        /** Arbitrary data attached to the option/group */
+        this.data = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+        /** Force text direction */
+        this.dir = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dir" }] : /* istanbul ignore next */ []));
+        /**
+         * Reactive trigger for the projected text content (interpolation in the element body).
+         * The host component dirty-checks the DOM in its ngDoCheck and updates this signal when the
+         * rendered text changes, so the component's rebuild effect re-runs even though plain text
+         * content is not otherwise a tracked dependency.
+         */
+        this._projectedContent = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_projectedContent" }] : /* istanbul ignore next */ []));
+    }
+    /** Read the host element's rendered text content (innerHTML, then textContent, then ''). */
+    _readContent() {
+        const el = this._elementRef.nativeElement;
+        return el.innerHTML?.trim() || el.textContent?.trim() || '';
+    }
+    /**
+     * Re-read the host element's rendered content and update {@link _projectedContent} when it
+     * changed. Returns true if a change was detected. Called from the host component's ngDoCheck.
+     */
+    _refreshProjectedContent() {
+        const content = this._readContent();
+        if (content !== this._projectedContent()) {
+            this._projectedContent.set(content);
+            return true;
+        }
+        return false;
+    }
+    /**
+     * Resolve the label: prefer the explicit [label] input, then the cached projected content,
+     * then a one-off DOM read. Reading _projectedContent() registers it as a dependency of the
+     * rebuild effect so interpolation/content changes propagate; the cached value avoids a second
+     * DOM read, and _readContent() only runs on the initial pass.
+     */
+    _resolveLabel(label) {
+        return label ?? this._projectedContent() ?? this._readContent();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: Select2ContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: Select2ContentDirective, isStandalone: true, inputs: { classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null }, templateId: { classPropertyName: "templateId", publicName: "templateId", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: Select2ContentDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { classes: [{ type: i0.Input, args: [{ isSignal: true, alias: "classes", required: false }] }], templateId: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateId", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }] } });
+
+/**
+ * Directive representing a single option inside a <ng-select2> or <ng-group>.
+ *
+ * Usage:
+ * ```html
+ * <ng-select2>
+ *   <ng-option value="foo">Foo</ng-option>
+ *   <ng-option value="bar" [disabled]="true">Bar</ng-option>
+ * </ng-select2>
+ * ```
+ */
+class Select2OptionDirective extends Select2ContentDirective {
+    constructor() {
+        super(...arguments);
+        /** The option value */
+        this.value = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        /** Explicit label — falls back to the element's text content if omitted */
+        this.label = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        /** Whether the option is disabled */
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Template selection id */
+        this.templateSelectionId = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "templateSelectionId" }] : /* istanbul ignore next */ []));
+        /** Hide this option */
+        this.hide = input(false, { ...(ngDevMode ? { debugName: "hide" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    }
+    /** Build a plain Select2Option object from the current input values */
+    toOption() {
+        return {
+            value: this.value(),
+            label: this._resolveLabel(this.label()),
+            disabled: this.disabled() || undefined,
+            classes: this.classes(),
+            templateId: this.templateId(),
+            templateSelectionId: this.templateSelectionId(),
+            data: this.data(),
+            hide: this.hide() || undefined,
+            dir: this.dir(),
+        };
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: Select2OptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: Select2OptionDirective, isStandalone: true, selector: "ng-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, templateSelectionId: { classPropertyName: "templateSelectionId", publicName: "templateSelectionId", isSignal: true, isRequired: false, transformFunction: null }, hide: { classPropertyName: "hide", publicName: "hide", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: Select2OptionDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-option' }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], templateSelectionId: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateSelectionId", required: false }] }], hide: [{ type: i0.Input, args: [{ isSignal: true, alias: "hide", required: false }] }] } });
+
+/**
+ * Directive representing an option group inside a <ng-select2>.
+ *
+ * Usage:
+ * ```html
+ * <ng-select2>
+ *   <ng-group label="Fruits">
+ *     <ng-option value="apple">Apple</ng-option>
+ *     <ng-option value="banana">Banana</ng-option>
+ *   </ng-group>
+ * </ng-select2>
+ * ```
+ */
+class Select2GroupDirective extends Select2ContentDirective {
+    constructor() {
+        super(...arguments);
+        /** The group label (required) */
+        this.label = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        /** Child <ng-option> directives nested inside this group */
+        this._ngOptions = contentChildren(Select2OptionDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_ngOptions" }] : /* istanbul ignore next */ []));
+    }
+    /** Build a plain Select2Group object from the current input values */
+    toGroup() {
+        return {
+            label: this._resolveLabel(this.label()),
+            options: this._ngOptions().map(o => o.toOption()),
+            classes: this.classes(),
+            templateId: this.templateId(),
+            data: this.data(),
+            dir: this.dir(),
+        };
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: Select2GroupDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.2", type: Select2GroupDirective, isStandalone: true, selector: "ng-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, queries: [{ propertyName: "_ngOptions", predicate: Select2OptionDirective, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: Select2GroupDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-group' }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], _ngOptions: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => Select2OptionDirective), { isSignal: true }] }] } });
+
 class Select2Utils {
     static getOptionByValue(data, value) {
         for (const groupOrOption of data) {
@@ -520,28 +677,28 @@ class Select2HighlightPipe {
         const result = value.replace(new RegExp(`(${escapedSearch})`, 'gi'), '<span class="select2-highlight-text">$1</span>');
         return this.sanitizer.bypassSecurityTrustHtml(result);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: Select2HighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: Select2HighlightPipe, isStandalone: true, name: "highlightText" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: Select2HighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.2", ngImport: i0, type: Select2HighlightPipe, isStandalone: true, name: "highlightText" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: Select2HighlightPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: Select2HighlightPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'highlightText' }]
         }] });
 
 class Select2Hint {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: Select2Hint, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.1", type: Select2Hint, isStandalone: true, selector: "select2-hint, ng-select2-hint", ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: Select2Hint, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: Select2Hint, isStandalone: true, selector: "select2-hint, ng-select2-hint", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: Select2Hint, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: Select2Hint, decorators: [{
             type: Directive,
             args: [{ selector: 'select2-hint, ng-select2-hint' }]
         }] });
 
 class Select2Label {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: Select2Label, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.1", type: Select2Label, isStandalone: true, selector: "select2-label, ng-select2-label", ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: Select2Label, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: Select2Label, isStandalone: true, selector: "select2-label, ng-select2-label", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: Select2Label, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: Select2Label, decorators: [{
             type: Directive,
             args: [{ selector: 'select2-label, ng-select2-label' }]
         }] });
@@ -585,7 +742,7 @@ class Select2 {
         this._uid = `select2-${nextUniqueId++}`;
         // ----------------------- signal-input
         /** data of options & option groups */
-        this.data = input.required(/* @ts-ignore */
+        this.data = input([], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
         /** minimum characters to start filter search */
         this.minCharForSearch = input(0, { ...(ngDevMode ? { debugName: "minCharForSearch" } : /* istanbul ignore next */ {}), transform: numberAttribute });
@@ -698,6 +855,8 @@ class Select2 {
         this.selectionNoWrap = input(false, { ...(ngDevMode ? { debugName: "selectionNoWrap" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /** Add an option to select or remove all (if all is selected) */
         this.showSelectAll = input(false, { ...(ngDevMode ? { debugName: "showSelectAll" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Show a checkbox next to each option */
+        this.showOptionCheckbox = input(false, { ...(ngDevMode ? { debugName: "showOptionCheckbox" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /** Text for remove all options */
         this.removeAllText = input('Remove all', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "removeAllText" }] : /* istanbul ignore next */ []));
@@ -740,6 +899,13 @@ class Select2 {
         ...(ngDevMode ? [{ debugName: "searchInput" }] : /* istanbul ignore next */ []));
         this.dropdown = viewChild('dropdown', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "dropdown" }] : /* istanbul ignore next */ []));
+        // ----------------------- content children (ng-option / ng-group template mode)
+        /** Top-level <ng-option> elements (not inside a <ng-group>) */
+        this._ngOptions = contentChildren(Select2OptionDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_ngOptions" }] : /* istanbul ignore next */ []));
+        /** <ng-group> elements */
+        this._ngGroups = contentChildren(Select2GroupDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_ngGroups" }] : /* istanbul ignore next */ []));
         // ----------------------- internal var
         this.classMaterial = computed(() => this.styleMode() === 'material', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "classMaterial" }] : /* istanbul ignore next */ []));
@@ -808,11 +974,64 @@ class Select2 {
         this.toObservable.add(toObservable(this.disabled).subscribe(disabled => {
             this._disabled = disabled;
         }));
+        // Rebuild _data whenever content children or any of their inputs change (template mode).
+        // effect() re-runs synchronously in Angular's reactive context whenever any signal it
+        // reads changes — including contentChildren signals and every input() of each directive.
+        // untracked() isolates the side-effect (updateFilteredData reads many other signals)
+        // so only _ngGroups/_ngOptions and the directive inputs are tracked dependencies.
+        effect(() => {
+            const grps = this._ngGroups();
+            const opts = this._ngOptions();
+            if (grps.length === 0 && opts.length === 0) {
+                return;
+            }
+            // Read directive input signals here (tracked zone) so the effect re-runs
+            // when any input changes. Guard against required inputs not yet initialized
+            // (NG0950) by wrapping in try/catch — the effect will re-run once bindings resolve.
+            let data;
+            try {
+                data = [
+                    ...grps.map(g => g.toGroup()),
+                    ...opts
+                        .filter(o => !grps.some(g => g._ngOptions().includes(o)))
+                        .map(o => o.toOption()),
+                ];
+            }
+            catch {
+                // Required inputs not yet available — skip this run, effect will re-trigger
+                return;
+            }
+            untracked(() => {
+                this._data = data;
+                this.updateFilteredData();
+                // If selectedOption was never initialized (ngOnInit ran before content children
+                // were available), resolve it now from the freshly populated _data.
+                if (this.selectedOption === null) {
+                    const controlValue = this._control ? this._control.value : this.value();
+                    const option = Select2Utils.getOptionsByValue(this._data, controlValue, this.multiple());
+                    if (option !== null) {
+                        this.selectedOption = option;
+                    }
+                    this.hoveringOption.set(Select2Utils.getOptionByValue(this._data, this.value));
+                }
+                // Use a microtask to schedule change detection after Angular completes
+                // its current initialization cycle. This avoids issues on direct page reload
+                // where detectChanges() during effect() can fail silently.
+                Promise.resolve().then(() => {
+                    if (!this._destroyed) {
+                        this._changeDetectorRef.markForCheck();
+                    }
+                });
+            });
+        });
     }
     ngOnChanges(changes) {
         let updateFilterData;
         if (changes['data']) {
-            this._data = changes['data'].currentValue;
+            // Only use the bound data if no content children are present (template mode takes priority)
+            if (this._ngOptions().length === 0 && this._ngGroups().length === 0) {
+                this._data = changes['data'].currentValue;
+            }
             updateFilterData = true;
         }
         if (changes['value']) {
@@ -879,7 +1098,7 @@ class Select2 {
                 this._overlayPosition() !== posChange.connectionPair.originY) {
                 this.triggerRect();
                 this._overlayPosition.set(posChange.connectionPair.originY);
-                this._changeDetectorRef.detectChanges();
+                this._changeDetectorRef.markForCheck();
             }
         });
         this.selectionElement = this.selection().nativeElement;
@@ -889,10 +1108,11 @@ class Select2 {
     ngDoCheck() {
         this.updateSearchBox();
         this._dirtyCheckNativeValue();
+        this._refreshProjectedContent();
         if (this._triggerRect) {
             if (this.overlayWidth !== this._triggerRect.width) {
                 this.overlayWidth = this._triggerRect.width;
-                this._changeDetectorRef.detectChanges();
+                this._changeDetectorRef.markForCheck();
             }
             if (this._dropdownRect &&
                 this._dropdownRect.height > 0 &&
@@ -906,6 +1126,27 @@ class Select2 {
         this._destroyed = true;
         this.toObservable.unsubscribe();
     }
+    /**
+     * Template mode only: dirty-check the rendered text content of every projected <ng-option>
+     * (top-level and nested in <ng-group>) so interpolation changes ({{ }}) are picked up.
+     * Updating an option's _projectedContent signal re-triggers the data rebuild effect.
+     */
+    _refreshProjectedContent() {
+        const groups = this._ngGroups();
+        const topOptions = this._ngOptions();
+        if (groups.length === 0 && topOptions.length === 0) {
+            return;
+        }
+        for (const opt of topOptions) {
+            opt._refreshProjectedContent();
+        }
+        for (const grp of groups) {
+            grp._refreshProjectedContent();
+            for (const opt of grp._ngOptions()) {
+                opt._refreshProjectedContent();
+            }
+        }
+    }
     fixValue() {
         if (!Array.isArray(this.selectedOption) && this.multiple()) {
             const selectedOption = this.selectedOption;
@@ -913,7 +1154,7 @@ class Select2 {
             setTimeout(() => {
                 if (!this._destroyed) {
                     this.select(selectedOption);
-                    this._changeDetectorRef.detectChanges();
+                    this._changeDetectorRef.markForCheck();
                 }
             });
         }
@@ -923,12 +1164,12 @@ class Select2 {
             setTimeout(() => {
                 if (!this._destroyed) {
                     this.select(selectedOption);
-                    this._changeDetectorRef.detectChanges();
+                    this._changeDetectorRef.markForCheck();
                 }
             });
         }
         else {
-            this._changeDetectorRef.detectChanges();
+            this._changeDetectorRef.markForCheck();
         }
     }
     updateSearchBox() {
@@ -998,7 +1239,7 @@ class Select2 {
             else {
                 this._scrollToInitialOption();
                 this._handleOnOpenAction(onOpenAction, event);
-                this._changeDetectorRef.detectChanges();
+                this._changeDetectorRef.markForCheck();
                 this.triggerRect();
                 this.cdkConnectedOverlay().overlayRef?.updatePosition();
             }
@@ -1182,7 +1423,7 @@ class Select2 {
             });
             this.selectedOption = option;
         }
-        this._changeDetectorRef.detectChanges();
+        this._changeDetectorRef.markForCheck();
     }
     clickExit() {
         this._focus(false);
@@ -1307,7 +1548,8 @@ class Select2 {
         return val1 !== val2;
     }
     keyDown(event, create = false) {
-        if (create && this._testKey(event, ['Enter'])) {
+        // autoCreate, press Enter, and the input (trimmed) is not empty.
+        if (create && this._testKey(event, ['Enter']) && event.target.value?.trim()) {
             this.createAndAdd(event);
         }
         else if (this._testKey(event, [{ key: 'ArrowDown', altKey: false }])) {
@@ -1334,10 +1576,13 @@ class Select2 {
             this.moveDown(10);
             this.actionAfterKeyDownMoveAction(event);
         }
-        else if (this._testKey(event, ['Enter']) || (this.isSearchboxHidden && this._testKey(event, [' ']))) {
+        else if (this._testKey(event, ['Enter'])) {
             this.selectByEnter(true);
             event.preventDefault();
         }
+        else if (this.isSearchboxHidden && this._testKey(event, [' '])) {
+            return;
+        }
         else if (this._testKey(event, CLOSE_KEYS) && this.isOpen) {
             this.toggleOpenAndClose();
             this._focus(true);
@@ -1403,7 +1648,6 @@ class Select2 {
                 data: this._data,
                 filteredData: (data) => {
                     this.filteredData.set(data);
-                    this._changeDetectorRef.markForCheck();
                 },
             });
         }
@@ -1782,12 +2026,12 @@ class Select2 {
             this.focus.emit(this);
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: Select2, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: Select2, isStandalone: true, selector: "select2, ng-select2", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, minCharForSearch: { classPropertyName: "minCharForSearch", publicName: "minCharForSearch", isSignal: true, isRequired: false, transformFunction: null }, displaySearchStatus: { classPropertyName: "displaySearchStatus", publicName: "displaySearchStatus", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, limitSelection: { classPropertyName: "limitSelection", publicName: "limitSelection", isSignal: true, isRequired: false, transformFunction: null }, listPosition: { classPropertyName: "listPosition", publicName: "listPosition", isSignal: true, isRequired: false, transformFunction: null }, overlay: { classPropertyName: "overlay", publicName: "overlay", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, multipleDrag: { classPropertyName: "multipleDrag", publicName: "multipleDrag", isSignal: true, isRequired: false, transformFunction: null }, styleMode: { classPropertyName: "styleMode", publicName: "styleMode", isSignal: true, isRequired: false, transformFunction: null }, noResultMessage: { classPropertyName: "noResultMessage", publicName: "noResultMessage", isSignal: true, isRequired: false, transformFunction: null }, maxResults: { classPropertyName: "maxResults", publicName: "maxResults", isSignal: true, isRequired: false, transformFunction: null }, maxResultsMessage: { classPropertyName: "maxResultsMessage", publicName: "maxResultsMessage", isSignal: true, isRequired: false, transformFunction: null }, infiniteScrollDistance: { classPropertyName: "infiniteScrollDistance", publicName: "infiniteScrollDistance", isSignal: true, isRequired: false, transformFunction: null }, infiniteScrollThrottle: { classPropertyName: "infiniteScrollThrottle", publicName: "infiniteScrollThrottle", isSignal: true, isRequired: false, transformFunction: null }, infiniteScroll: { classPropertyName: "infiniteScroll", publicName: "infiniteScroll", isSignal: true, isRequired: false, transformFunction: null }, autoCreate: { classPropertyName: "autoCreate", publicName: "autoCreate", isSignal: true, isRequired: false, transformFunction: null }, noLabelTemplate: { classPropertyName: "noLabelTemplate", publicName: "noLabelTemplate", isSignal: true, isRequired: false, transformFunction: null }, editPattern: { classPropertyName: "editPattern", publicName: "editPattern", isSignal: true, isRequired: false, transformFunction: null }, templates: { classPropertyName: "templates", publicName: "templates", isSignal: true, isRequired: false, transformFunction: null }, templateSelection: { classPropertyName: "templateSelection", publicName: "templateSelection", isSignal: true, isRequired: false, transformFunction: null }, resultMaxHeight: { classPropertyName: "resultMaxHeight", publicName: "resultMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, customSearchEnabled: { classPropertyName: "customSearchEnabled", publicName: "customSearchEnabled", isSignal: true, isRequired: false, transformFunction: null }, minCountForSearch: { classPropertyName: "minCountForSearch", publicName: "minCountForSearch", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hideSelectedItems: { classPropertyName: "hideSelectedItems", publicName: "hideSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, resettable: { classPropertyName: "resettable", publicName: "resettable", isSignal: true, isRequired: false, transformFunction: null }, resetSelectedValue: { classPropertyName: "resetSelectedValue", publicName: "resetSelectedValue", isSignal: true, isRequired: false, transformFunction: null }, nativeKeyboard: { classPropertyName: "nativeKeyboard", publicName: "nativeKeyboard", isSignal: true, isRequired: false, transformFunction: null }, highlightText: { classPropertyName: "highlightText", publicName: "highlightText", isSignal: true, isRequired: false, transformFunction: null }, grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: false, transformFunction: null }, selectionOverride: { classPropertyName: "selectionOverride", publicName: "selectionOverride", isSignal: true, isRequired: false, transformFunction: null }, selectionNoWrap: { classPropertyName: "selectionNoWrap", publicName: "selectionNoWrap", isSignal: true, isRequired: false, transformFunction: null }, showSelectAll: { classPropertyName: "showSelectAll", publicName: "showSelectAll", isSignal: true, isRequired: false, transformFunction: null }, removeAllText: { classPropertyName: "removeAllText", publicName: "removeAllText", isSignal: true, isRequired: false, transformFunction: null }, selectAllText: { classPropertyName: "selectAllText", publicName: "selectAllText", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: true, isRequired: false, transformFunction: null }, ariaInvalid: { classPropertyName: "ariaInvalid", publicName: "ariaInvalid", isSignal: true, isRequired: false, transformFunction: null }, ariaResetButtonDescription: { classPropertyName: "ariaResetButtonDescription", publicName: "ariaResetButtonDescription", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { update: "update", autoCreateItem: "autoCreateItem", open: "open", close: "close", focus: "focus", blur: "blur", search: "search", scroll: "scroll", removeOption: "removeOption" }, host: { listeners: { "document:click": "clickDetection($event)" }, properties: { "id": "id()", "class.select2-selection-nowrap": "selectionNoWrap()", "class.material": "classMaterial()", "class.nostyle": "classNostyle()", "class.borderless": "classBorderless()", "class.select2-above": "select2above()" } }, viewQueries: [{ propertyName: "cdkConnectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }, { propertyName: "selection", first: true, predicate: ["selection"], descendants: true, isSignal: true }, { propertyName: "resultContainer", first: true, predicate: ["results"], descendants: true, isSignal: true }, { propertyName: "results", predicate: ["result"], descendants: true, isSignal: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<label class=\"select2-label\" (click)=\"toggleOpenAndClose()\" [id]=\"idLabel()\">\n  <ng-content select=\"select2-label, ng-select2-label\"></ng-content>\n  @if (required()) {\n    <span class=\"select2-required\" aria-hidden=\"true\"></span>\n  }\n</label>\n\n<div\n  class=\"select2 select2-container select2-container--default\"\n  [class.select2-container--focus]=\"focused\"\n  [class.select2-container--below]=\"!select2above()\"\n  [class.select2-container--above]=\"select2above()\"\n  [class.select2-container--open]=\"isOpen\"\n  [class.select2-container--disabled]=\"disabled()\"\n  [class.select2-container--readonly]=\"readonly()\"\n>\n  <div\n    [id]=\"idCombo()\"\n    role=\"combobox\"\n    class=\"selection\"\n    #selection\n    #trigger=\"cdkOverlayOrigin\"\n    [tabindex]=\"!this.isOpen ? _tabIndex : '-1'\"\n    [attr.aria-labelledby]=\"ariaLabelledby() ?? idLabel()\"\n    [attr.aria-expanded]=\"isOpen\"\n    aria-haspopup=\"listbox\"\n    [attr.aria-controls]=\"idOptions()\"\n    [attr.aria-activedescendant]=\"isOpen ? hoveringOptionId() : null\"\n    [attr.aria-describedby]=\"ariaDescribedby()\"\n    [attr.title]=\"title()\"\n    [attr.aria-invalid]=\"_isErrorState() || ariaInvalid() ? 'true' : null\"\n    [attr.aria-required]=\"required() ? 'true' : null\"\n    [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n    [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n    (click)=\"toggleOpenAndClose()\"\n    (focus)=\"focusin()\"\n    (focusout)=\"focusout($event)\"\n    (keydown)=\"openKey($event)\"\n    cdkOverlayOrigin\n    [class.select2-focused]=\"focused\"\n  >\n    <div\n      class=\"select2-selection\"\n      [class.select2-selection--multiple]=\"multiple()\"\n      [class.select2-selection--single]=\"!multiple()\"\n    >\n      @if (selectionOverride()) {\n        <span class=\"select2-selection__override\" [innerHTML]=\"_selectionOverrideLabel()\"></span>\n\n        @if (\n          resettable() &&\n          !(disabled() || readonly()) &&\n          resetSelectedValue() !== _value &&\n          ((!multiple() && select2Option) || (multiple() && select2Options.length > 0))\n        ) {\n          <ng-container *ngTemplateOutlet=\"resetButton\" />\n        }\n      } @else if (!multiple()) {\n        <span\n          class=\"select2-selection__rendered\"\n          [title]=\"select2Option?.label || ''\"\n          [attr.aria-live]=\"nativeKeyboard() && !isOpen ? 'polite' : null\"\n          [dir]=\"select2Option?.dir\"\n        >\n          @if (!select2Option) {\n            <span>&nbsp;</span>\n          }\n          @if (select2Option) {\n            @if (!hasTemplate(select2Option, 'option', true) || noLabelTemplate()) {\n              <span [innerHTML]=\"select2Option.label\"></span>\n            } @else {\n              <ng-container *ngTemplateOutlet=\"getTemplate(select2Option, 'option', true); context: select2Option\" />\n            }\n          }\n          <span\n            [class.select2-selection__placeholder__option]=\"selectedOption\"\n            class=\"select2-selection__placeholder\"\n            >{{ placeholder() }}</span\n          >\n        </span>\n\n        @if (resettable() && resetSelectedValue() !== _value && select2Option && !(disabled() || readonly())) {\n          <ng-container *ngTemplateOutlet=\"resetButton\" />\n        }\n        <span class=\"select2-selection__arrow\" role=\"presentation\"> </span>\n      } @else {\n        <ul\n          class=\"select2-selection__rendered\"\n          cdkDropList\n          cdkDropListOrientation=\"mixed\"\n          [cdkDropListDisabled]=\"!multipleDrag()\"\n          (cdkDropListDropped)=\"drop($event)\"\n        >\n          @if (!autoCreate()) {\n            <span\n              [class.select2-selection__placeholder__option]=\"select2Options.length > 0\"\n              class=\"select2-selection__placeholder\"\n              >{{ placeholder() }}</span\n            >\n          }\n          @for (op of selectedOption || []; track op.id) {\n            <li\n              class=\"select2-selection__choice\"\n              [title]=\"op.label\"\n              tabindex=\"0\"\n              (focus)=\"_updateFocusState(true)\"\n              (keydown.enter)=\"removeSelection($event, op)\"\n              cdkDrag\n            >\n              @if (!(disabled() || readonly())) {\n                <span\n                  (click)=\"removeSelection($event, op)\"\n                  class=\"select2-selection__choice__remove\"\n                  role=\"presentation\"\n                  aria-hidden=\"true\"\n                  >\u00D7</span\n                >\n              }\n              @if (!hasTemplate(op, 'option', true) || noLabelTemplate()) {\n                <span [innerHTML]=\"op.label\"></span>\n              } @else {\n                <ng-container *ngTemplateOutlet=\"getTemplate(op, 'option', true); context: op\" />\n              }\n            </li>\n          }\n          @if (autoCreate()) {\n            <li class=\"select2-selection__auto-create\" (focus)=\"stopEvent($event)\" (blur)=\"stopEvent($event)\">\n              <input\n                [id]=\"id() + '-create-field'\"\n                [placeholder]=\"$any(selectedOption)?.length > 0 ? '' : (placeholder() ?? '')\"\n                (click)=\"toggleOpenAndClose(false, true); stopEvent($event)\"\n                (keydown)=\"keyDown($event, true)\"\n                (keyup)=\"searchUpdate($event)\"\n                (change)=\"prevChange($event)\"\n                class=\"select2-create__field\"\n                type=\"search\"\n                role=\"textbox\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                autocapitalize=\"off\"\n                spellcheck=\"false\"\n              />\n            </li>\n          }\n        </ul>\n        @if (resettable() && $any(selectedOption)?.length > 0 && !(disabled() || readonly())) {\n          <ng-container *ngTemplateOutlet=\"resetButton\" />\n        }\n      }\n    </div>\n  </div>\n  @if (!overlay()) {\n    <ng-container *ngTemplateOutlet=\"containerTemplate\" />\n  }\n\n  <div class=\"select2-subscript-wrapper\">\n    <ng-content select=\"select2-hint, ng-select2-hint\"></ng-content>\n  </div>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayHasBackdrop\n  cdkConnectedOverlayBackdropClass=\"select2-overlay-backdrop\"\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"this.isOpen && overlay()\"\n  [cdkConnectedOverlayMinWidth]=\"overlayWidth\"\n  [cdkConnectedOverlayHeight]=\"overlayHeight\"\n  [cdkConnectedOverlayPositions]=\"_positions()\"\n  (backdropClick)=\"toggleOpenAndClose()\"\n>\n  <ng-container *ngTemplateOutlet=\"containerTemplate\" />\n</ng-template>\n\n<ng-template #containerTemplate>\n  <div\n    [id]=\"idOverlay()\"\n    class=\"select2-container select2-container--default select2-container-dropdown\"\n    [class.select2-container--open]=\"isOpen\"\n    [class.select2-overlay]=\"overlay()\"\n    [class.select2-position-auto]=\"listPosition() === 'auto'\"\n    [class.select2-style-borderless]=\"styleMode() === 'borderless'\"\n  >\n    <div\n      #dropdown\n      class=\"select2-dropdown\"\n      [class.select2-dropdown--below]=\"!select2above()\"\n      [class.select2-dropdown--above]=\"select2above()\"\n    >\n      <div class=\"select2-search select2-search--dropdown\" [class.select2-search--hide]=\"isSearchboxHidden\">\n        <input\n          #searchInput\n          [id]=\"id() + '-search-field'\"\n          [value]=\"searchText\"\n          (keydown)=\"keyDown($event, autoCreate())\"\n          (keyup)=\"searchUpdate($event)\"\n          (change)=\"prevChange($event)\"\n          class=\"select2-search__field\"\n          type=\"search\"\n          role=\"combobox\"\n          autocomplete=\"off\"\n          autocorrect=\"off\"\n          autocapitalize=\"off\"\n          spellcheck=\"false\"\n          [attr.tabindex]=\"this.isOpen ? _tabIndex : '-1'\"\n          [attr.aria-labelledby]=\"ariaLabelledby() ?? idLabel()\"\n          aria-autocomplete=\"list\"\n          [attr.aria-controls]=\"idOptions()\"\n          aria-expanded=\"true\"\n          [attr.aria-activedescendant]=\"hoveringOptionId()\"\n        />\n      </div>\n\n      <div class=\"select2-results\">\n        <ul\n          [id]=\"idOptions()\"\n          #results\n          class=\"select2-results__options\"\n          [class.select2-grid]=\"grid() && isNumber(grid())\"\n          [class.select2-grid-auto]=\"grid() && !isNumber(grid())\"\n          [style.max-height]=\"resultMaxHeight()\"\n          [style.--grid-size]=\"grid() || null\"\n          role=\"listbox\"\n          tabindex=\"-1\"\n          [attr.aria-labelledby]=\"ariaLabelledby() ?? idLabel()\"\n          [attr.aria-multiselectable]=\"multiple()\"\n          [attr.aria-activedescendant]=\"hoveringOptionId()\"\n          (keydown)=\"keyDown($event)\"\n        >\n          @if (showSelectAll() && multiple()) {\n            <li class=\"select2-results__option select2-selectall\" (click)=\"selectAll()\" tabindex=\"1\" aria-selected>\n              <div class=\"select2-label-content\">\n                {{ selectAllTest() ? removeAllText() : selectAllText() }}\n              </div>\n            </li>\n          }\n\n          @for (groupOrOption of filteredData(); track groupOrOption.id; let i = $index) {\n            @let group = _toGroup(groupOrOption);\n            @if (group.options !== undefined) {\n              <li class=\"select2-results__option select2-results__group\" [dir]=\"group.dir\">\n                <span [id]=\"getElementId(groupOrOption)\">\n                  @if (!hasTemplate(group, 'group')) {\n                    <strong\n                      [attr.class]=\"'select2-results__group' + (group.classes ? ' ' + group.classes : '')\"\n                      [innerHTML]=\"group.label\"\n                    ></strong>\n                  } @else {\n                    <ng-container *ngTemplateOutlet=\"getTemplate(group, 'group'); context: group\" />\n                  }\n                </span>\n                <ul\n                  class=\"select2-results__options select2-results__options--nested\"\n                  role=\"group\"\n                  [attr.aria-labelledby]=\"getElementId(groupOrOption)\"\n                >\n                  @for (option of group.options; track option.id; let j = $index) {\n                    <li\n                      #result\n                      [id]=\"getElementId(option)\"\n                      [class]=\"getOptionStyle(option)\"\n                      role=\"option\"\n                      [attr.aria-selected]=\"isSelected(option)\"\n                      [attr.aria-disabled]=\"isDisabled(option)\"\n                      [dir]=\"option.dir\"\n                      (mouseenter)=\"mouseenter(option)\"\n                      (click)=\"click(option)\"\n                    >\n                      @if (!hasTemplate(option, 'option')) {\n                        <div\n                          class=\"select2-label-content\"\n                          [innerHTML]=\"option.label | highlightText: searchText : !highlightText()\"\n                        ></div>\n                      } @else {\n                        <ng-container *ngTemplateOutlet=\"getTemplate(option, 'option'); context: getContext(option)\" />\n                      }\n                    </li>\n                  }\n                </ul>\n              </li>\n            } @else {\n              @let option = _toOption(groupOrOption);\n              <li\n                #result\n                [id]=\"getElementId(groupOrOption)\"\n                [class]=\"getOptionStyle(option)\"\n                role=\"option\"\n                [attr.aria-selected]=\"isSelected(option)\"\n                [attr.aria-disabled]=\"isDisabled(option)\"\n                [dir]=\"option.dir\"\n                (mouseenter)=\"mouseenter(option)\"\n                (click)=\"click(option)\"\n              >\n                @if (!hasTemplate(option, 'option')) {\n                  <div\n                    [innerHTML]=\"option.label | highlightText: searchText : !highlightText()\"\n                    class=\"select2-label-content\"\n                  ></div>\n                } @else {\n                  <ng-container *ngTemplateOutlet=\"getTemplate(option, 'option'); context: getContext(option)\">\n                  </ng-container>\n                }\n              </li>\n            }\n          }\n          @if (!filteredData()?.length && noResultMessage()) {\n            <li class=\"select2-no-result select2-results__option\" [innerHTML]=\"noResultMessage()\"></li>\n          }\n          @if (maxResultsExceeded) {\n            <li class=\"select2-too-much-result select2-results__option\" [innerHTML]=\"maxResultsMessage()\"></li>\n          }\n        </ul>\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #resetButton>\n  <button\n    type=\"button\"\n    (focus)=\"_updateFocusState(true)\"\n    (click)=\"reset($event)\"\n    (keydown)=\"$event.stopPropagation()\"\n    class=\"select2-selection__reset\"\n    [attr.aria-description]=\"ariaResetButtonDescription()\"\n    [attr.aria-controls]=\"idCombo()\"\n  >\n    <span aria-hidden=\"true\">\u00D7</span>\n  </button>\n</ng-template>\n", styles: [".select2-label{color:var(--select2-label-text-color, #000)}.select2-container{display:inline-block;position:relative;vertical-align:middle;box-sizing:border-box;margin:0;width:100%}.select2-container .select2-container-dropdown{position:absolute;opacity:0;width:0px}.select2-container .select2-selection--single{display:block;cursor:pointer;box-sizing:border-box;height:var(--select2-single-height, 28px);-webkit-user-select:none;user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;flex:1 1 auto;padding:var(--select2-selection-padding, 0 0 0 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container .select2-selection--multiple{display:block;cursor:pointer;box-sizing:border-box;min-height:var(--select2-multiple-height, 28px);-webkit-user-select:none;user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-flex;flex-wrap:wrap;gap:var(--select2-selection-multiple-gap, 2px 5px);padding-bottom:2px;padding-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__auto-create{display:flex;flex:1 1 150px;min-width:150px}.select2-container .select2-selection--multiple .select2-selection__rendered .select2-create__field{border:0;width:100%}.select2-container .select2-selection--multiple .select2-selection__rendered .select2-create__field:focus{outline:0;border:0}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;margin-top:5px;border:none;padding:0;font-size:100%}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{display:block;position:absolute;z-index:1051;box-sizing:border-box;border:1px solid var(--select2-dropdown-border-color, #aaa);border-radius:var(--select2-selection-border-radius, 4px);background:var(--select2-dropdown-background, white);width:100%;height:0;overflow:hidden}.select2-dropdown .select2-label-content{display:contents}.select2-results{display:block}.select2-results__options{margin:0;padding:0;list-style:none}.select2-results__options ::ng-deep .select2-highlight-text{background:var(--select2-highlight-text-background, transparent);color:var(--select2-highlight-text-color, inherit);font-weight:var(--select2-highlight-text-font-weight, 800)}.select2-results__option{padding:var(--select2-option-padding, 6px);color:var(--select2-option-text-color, #000);-webkit-user-select:none;user-select:none;text-align:initial}.select2-results__option[aria-selected]{cursor:pointer}.select2-container.select2-container-dropdown.select2-container--open{opacity:1;width:100%}.select2-container--open .select2-dropdown{height:auto;overflow:auto}.select2-container--open .select2-dropdown--above{display:flex;bottom:27px;flex-direction:column-reverse;border-bottom:var(--select2-dropdown-above-border-bottom, none);border-bottom-right-radius:var(--select2-dropdown-above-border-bottom-right-radius, 0);border-bottom-left-radius:var(--select2-dropdown-above-border-bottom-left-radius, 0)}.select2-container--open .select2-dropdown--below{border-top:var(--select2-dropdown-below-border-top, none);border-top-right-radius:var(--select2-dropdown-below-border-top-right-radius, 0);border-top-left-radius:var(--select2-dropdown-below-border-top-left-radius, 0)}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{box-sizing:border-box;padding:4px;width:100%}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{display:block;position:fixed;top:0;left:0;opacity:0;z-index:99;margin:0;border:0;padding:0;width:auto;min-width:100%;height:auto;min-height:100%}.select2-required:before{content:\"*\";color:var(--select2-required-color, red)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;position:absolute!important;margin:-1px!important;padding:0!important;width:1px!important;height:1px!important;overflow:hidden!important}.select2-container--default .select2-selection--single{display:flex;border:1px solid var(--select2-selection-border-color, #aaa);border-radius:var(--select2-selection-border-radius, 4px);background:var(--select2-selection-background, #fff)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--select2-selection-text-color, #111);line-height:var(--select2-selection-line-height, 28px)}.select2-container--default .select2-selection--single .select2-selection__clear{float:right;cursor:pointer;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--select2-placeholder-color, #999)}.select2-container--default .select2-selection--single .select2-selection__placeholder span{overflow:hidden;text-overflow:var(--select2-placeholder-overflow, ellipsis);white-space:nowrap}.select2-container--default .select2-selection--single .select2-selection__placeholder__option{display:none}.select2-container--default .select2-selection--single .select2-selection__override{flex:1;margin:0 5px}.select2-container--default .select2-selection--single .select2-selection__reset,.select2-container--default .select2-selection--single .select2-selection__arrow{display:flex;justify-content:center;align-items:center;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow:before{border-width:5px 4px 0;border-style:solid;border-color:var(--select2-arrow-color, #888) transparent;width:0;height:0;content:\" \"}.select2-container--default .select2-selection__reset{align-self:center;border:var(--select2-reset-border, none);border-radius:var(--select2-reset-border-radius, 4px);background:var(--select2-reset-background, transparent);height:fit-content;color:var(--select2-reset-color, #999)}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear,.select2-container--default.select2-container--disabled .select2-selection__choice__remove,.select2-container--default.select2-container--readonly .select2-selection--single .select2-selection__clear,.select2-container--default.select2-container--readonly .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--disabled .select2-selection--single,.select2-container--default.select2-container--disabled .select2-selection--multiple{cursor:default;background:var(--select2-selection-disabled-background, #eee)}.select2-container--default.select2-container--readonly .select2-selection--single,.select2-container--default.select2-container--readonly .select2-selection--multiple{background:var(--select2-selection-readonly-background, #eee)}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before{border-width:0 4px 5px;border-color:transparent transparent var(--select2-arrow-color, #888)}.select2-container--default .select2-selection--multiple{display:flex;cursor:text;border:1px solid var(--select2-selection-border-color, #aaa);border-radius:var(--select2-selection-border-radius, 4px);background:var(--select2-selection-background, #fff)}.select2-container--default .select2-selection--multiple .select2-selection__rendered{flex:1 1 auto;align-items:center;box-sizing:border-box;margin:0;padding:var(--select2-selection-multiple-padding, 2px 5px);width:100%;min-height:1em;list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{line-height:var(--select2-selection-choice-line-height, 20px);list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{display:block;float:left;margin:-3px 0;width:100%;overflow:hidden;color:var(--select2-placeholder-color, #999);text-overflow:var(--select2-placeholder-overflow, ellipsis);white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__placeholder__option{display:none}.select2-container--default .select2-selection--multiple .select2-selection__override{flex:1;margin:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__clear{float:right;cursor:pointer;margin-top:5px;margin-right:10px;font-weight:700}.select2-container--default .select2-selection--multiple .select2-selection__choice{cursor:default;border:1px solid var(--select2-selection-choice-border-color, #aaa);border-radius:var(--select2-selection-border-radius, 4px);background:var(--select2-selection-choice-background, #e4e4e4);padding:0 5px;color:var(--select2-selection-choice-text-color, #000)}.select2-container--default .select2-selection--multiple .select2-selection__choice.cdk-drag:not(.cdk-drag-disabled){cursor:move}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{display:inline-block;cursor:pointer;margin-right:2px;color:var(--select2-selection-choice-close-color, #999);font-weight:700}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:var(--select2-selection-choice-hover-close-color, #333)}.select2-container--default.select2-container--focused .select2-selection--multiple{outline:none;border:solid var(--select2-selection-focus-border-color, #000) 1px}.select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--single,.select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--multiple{outline:none;border:solid var(--select2-selection-focus-border-color, #000) 1px}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-right-radius:0;border-top-left-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid var(--select2-search-border-color, #aaa);border-radius:var(--select2-search-border-radius, 0px);background:1px solid var(--select2-search-background, #fff)}.select2-container--default .select2-search--inline .select2-search__field{-webkit-appearance:textfield;outline:none;box-shadow:none;border:none;background:transparent}.select2-container--default .select2-results>.select2-results__options{overflow-y:auto}.select2-container--default .select2-results__option.select2-results__group{grid-column:col-start/col-end;padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{background:var(--select2-option-disabled-background, transparent);color:var(--select2-option-disabled-text-color, #999)}.select2-container--default .select2-results__option[aria-selected=true]{background:var(--select2-option-selected-background, #ddd);color:var(--select2-option-selected-text-color, #000)}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--select2-option-highlighted-background, #5897fb);color:var(--select2-option-highlighted-text-color, #fff)}.select2-container--default .select2-results__option--highlighted[aria-selected] ::ng-deep .select2-highlight-text{background:var(--select2-highlighted-highlight-text-background, transparent);color:var(--select2-highlighted-highlight-text-color, inherit);font-weight:var(--select2-highlighted-highlight-text-font-weight, 800)}.select2-container--default .select2-results__option--hide{display:none}.select2-container--default .select2-results__group{display:block;cursor:default;background:var(--select2-option-group-background, transparent);padding:6px;color:var(--select2-option-group-text-color, gray)}.select2-no-result{color:var(--select2-no-result-color, #888);font-style:var(--select2-no-result-font-style, italic)}.select2-too-much-result{color:var(--select2-too-much-result-color, #888);font-style:var(--select2-too-much-font-style, italic)}.select2-grid,.select2-grid ul{display:grid;grid-template-columns:[col-start] repeat(var(--grid-size),1fr) [col-end]}.select2-grid-auto,.select2-grid-auto ul{display:grid;grid-template-columns:[col-start] repeat(auto-fill,minmax(var(--grid-size, 100px),1fr)) [col-end]}.select2-container--default .select2-grid ul,.select2-container--default .select2-grid-auto ul{padding-left:var(--select2-option-padding, 6px)}.select2-container--default .select2-grid ul .select2-results__group,.select2-container--default .select2-grid-auto ul .select2-results__group{padding-left:0}.select2-container--default .select2-grid ul .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option,.select2-container--default .select2-grid ul .select2-results__option .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option .select2-results__option,.select2-container--default .select2-grid ul .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid ul .select2-results__option .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid ul .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{padding-left:var(--select2-option-padding, 6px)}:host.nostyle .select2-dropdown{border-color:transparent}:host.nostyle .select2-selection--single,:host.nostyle .select2-selection--multiple{border-color:transparent;background:transparent}:host.nostyle .select2-container--default .select2-focused .select2-selection--single,:host.nostyle .select2-container--default .select2-focused .select2-selection--multiple,:host.nostyle .select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--single,:host.nostyle .select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--multiple{border-color:transparent;background:transparent}:host.borderless{--select2-dropdown-above-border-bottom: 1px solid var(--select2-dropdown-border-color, #aaa);--select2-dropdown-above-border-bottom-left-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-above-border-bottom-right-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-below-border-top: 1px solid var(--select2-dropdown-border-color, #aaa);--select2-dropdown-below-border-top-left-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-below-border-top-right-radius: var(--select2-selection-border-radius, 4px)}:host.borderless .select2-selection--single,:host.borderless .select2-selection--multiple{border-color:transparent;background:transparent}:host.borderless .select2-container--default .select2-focused .select2-selection--single,:host.borderless .select2-container--default .select2-focused .select2-selection--multiple,:host.borderless .select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--single,:host.borderless .select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--multiple{border-color:transparent;background:transparent}:host.select2-selection-nowrap .select2-selection--single.select2-selection,:host.select2-selection-nowrap .select2-selection--single.select2-selection span,:host.select2-selection-nowrap .select2-selection--single.select2-selection ul,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection span,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection ul{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host.select2-selection-nowrap .select2-selection--single.select2-selection ul,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection ul{display:flex;flex-wrap:nowrap}:host.select2-selection-nowrap .select2-selection--single.select2-selection li,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection li{display:flex}:host.material{display:inline-block;width:300px}:host.material>.select2-container{vertical-align:inherit;padding-bottom:1.29688em}:host.material>.select2-container .selection{display:inline-flex;align-items:baseline;border-top:.84375em solid transparent;padding:.4375em 0;width:100%;height:auto}:host.material .select2-container--default .select2-selection--single,:host.material .select2-container--default .select2-selection--multiple{box-sizing:border-box;border:0;border-radius:0;width:100%;height:24px}:host.material .select2-container--default .select2-selection--single:before,:host.material .select2-container--default .select2-selection--multiple:before{display:block;position:absolute;bottom:1.65em;background:var(--select2-material-underline, #ddd);width:100%;height:1px;content:\" \"}:host.material .select2-container--default .select2-selection--single:after,:host.material .select2-container--default .select2-selection--multiple:after{display:block;position:absolute;bottom:1.63em;left:50%;transition:none;background:var(--select2-material-underline-active, #5a419e);width:0%;height:2px;content:\" \"}:host.material .select2-container--default .select2-selection--single .select2-selection__rendered,:host.material .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding-left:1px;line-height:inherit}:host.material .select2-container--default .select2-selection--single .select2-selection__placeholder,:host.material .select2-container--default .select2-selection--multiple .select2-selection__placeholder{display:block;position:absolute;top:20px;left:0;transform-origin:0 21px;transition:transform .3s;color:var(--select2-material-placeholder-color, rgba(0, 0, 0, .38))}:host.material .select2-container--default .select2-container--open{bottom:1.6em;left:0}:host.material .select2-container--default .select2-selection__placeholder__option{transform:translateY(-1.5em) scale(.75) perspective(100px) translateZ(.001px);width:133.33333%}:host.material .select2-container--default .select2-selection__arrow{top:20px}:host.material .select2-container--default.select2-container--open .select2-selection--single:after,:host.material .select2-container--default.select2-container--open .select2-selection--multiple:after,:host.material .select2-container--default .select2-focused .select2-selection--single:after,:host.material .select2-container--default .select2-focused .select2-selection--multiple:after{left:0%;transition:width .3s cubic-bezier(.12,1,.77,1),left .3s cubic-bezier(.12,1,.77,1);width:100%}:host.material .select2-container--default .select2-dropdown{box-shadow:0 5px 5px #00000080;border:0;border-radius:0}:host.material .select2-container--default .select2-results__option[aria-selected=true],:host.material .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--select2-material-option-selected-background, rgba(0, 0, 0, .04));color:var(--select2-material-option-highlighted-text-color, #000)}:host.material .select2-container--default .select2-results__option[aria-selected=true]{color:var(--select2-material-option-selected-text-color, #ff5722)}:host.material .select2-container--default.select2-container--disabled .select2-selection--single,:host.material .select2-container--default.select2-container--disabled .select2-selection--multiple,:host.material .select2-container--default.select2-container--readonly .select2-selection--single,:host.material .select2-container--default.select2-container--readonly .select2-selection--multiple{background:transparent}:host.material .select2-container--default.select2-container--disabled .select2-selection--single:before,:host.material .select2-container--default.select2-container--disabled .select2-selection--multiple:before{background:var(--select2-material-underline-disabled, linear-gradient(to right, rgba(0, 0, 0, .26) 0, rgba(0, 0, 0, .26) 33%, transparent 0));background-position:0 bottom;background-size:4px 1px;background-repeat:repeat-x}:host.material .select2-container--default.select2-container--readonly .select2-selection--single:before,:host.material .select2-container--default.select2-container--readonly .select2-selection--multiple:before{background:var(--select2-material-underline-readonly, linear-gradient(to right, rgba(0, 0, 0, .26) 0, rgba(0, 0, 0, .26) 33%, transparent 0));background-position:0 bottom;background-size:4px 1px;background-repeat:repeat-x}:host.material.ng-invalid.ng-touched .select2-container--default .select2-selection--single:before,:host.material.ng-invalid.ng-touched .select2-container--default .select2-selection--single:after,:host.material.ng-invalid.ng-touched .select2-container--default .select2-selection--multiple:before,:host.material.ng-invalid.ng-touched .select2-container--default .select2-selection--multiple:after{background:var(--select2-material-underline-invalid, red)}:host.material:not(.select2-container--open) .select2-focused .select2-selection--single,:host.material:not(.select2-container--open) .select2-focused .select2-selection--multiple{border:0}:host.material .select2-subscript-wrapper{position:absolute;top:calc(100% - 1.72917em);color:var(--select2-hint-text-color, #888);font-size:75%}::ng-deep .select2-overlay-backdrop{background:var(--select2-overlay-backdrop, transparent)}::ng-deep .cdk-overlay-container .select2-container .select2-dropdown.select2-dropdown--above{bottom:0}::ng-deep .cdk-overlay-container .select2-container--open.select2-position-auto .select2-dropdown{margin-bottom:28px}::ng-deep .cdk-overlay-container .select2-container--open.select2-position-auto .select2-dropdown.select2-dropdown--above{bottom:0;margin-top:28px;margin-bottom:0}::ng-deep .cdk-overlay-container .select2-style-borderless{--select2-dropdown-above-border-bottom: 1px solid var(--select2-dropdown-border-color, #aaa);--select2-dropdown-above-border-bottom-left-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-above-border-bottom-right-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-below-border-top: 1px solid var(--select2-dropdown-border-color, #aaa);--select2-dropdown-below-border-top-left-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-below-border-top-right-radius: var(--select2-selection-border-radius, 4px)}@supports (-moz-appearance: none){select2.material .select2-container--default .select2-selection--single,select2.material .select2-container--default .select2-selection--multiple{height:26px}}\n"], dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "pipe", type: Select2HighlightPipe, name: "highlightText" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: Select2, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: Select2, isStandalone: true, selector: "select2, ng-select2", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, minCharForSearch: { classPropertyName: "minCharForSearch", publicName: "minCharForSearch", isSignal: true, isRequired: false, transformFunction: null }, displaySearchStatus: { classPropertyName: "displaySearchStatus", publicName: "displaySearchStatus", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, limitSelection: { classPropertyName: "limitSelection", publicName: "limitSelection", isSignal: true, isRequired: false, transformFunction: null }, listPosition: { classPropertyName: "listPosition", publicName: "listPosition", isSignal: true, isRequired: false, transformFunction: null }, overlay: { classPropertyName: "overlay", publicName: "overlay", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, multipleDrag: { classPropertyName: "multipleDrag", publicName: "multipleDrag", isSignal: true, isRequired: false, transformFunction: null }, styleMode: { classPropertyName: "styleMode", publicName: "styleMode", isSignal: true, isRequired: false, transformFunction: null }, noResultMessage: { classPropertyName: "noResultMessage", publicName: "noResultMessage", isSignal: true, isRequired: false, transformFunction: null }, maxResults: { classPropertyName: "maxResults", publicName: "maxResults", isSignal: true, isRequired: false, transformFunction: null }, maxResultsMessage: { classPropertyName: "maxResultsMessage", publicName: "maxResultsMessage", isSignal: true, isRequired: false, transformFunction: null }, infiniteScrollDistance: { classPropertyName: "infiniteScrollDistance", publicName: "infiniteScrollDistance", isSignal: true, isRequired: false, transformFunction: null }, infiniteScrollThrottle: { classPropertyName: "infiniteScrollThrottle", publicName: "infiniteScrollThrottle", isSignal: true, isRequired: false, transformFunction: null }, infiniteScroll: { classPropertyName: "infiniteScroll", publicName: "infiniteScroll", isSignal: true, isRequired: false, transformFunction: null }, autoCreate: { classPropertyName: "autoCreate", publicName: "autoCreate", isSignal: true, isRequired: false, transformFunction: null }, noLabelTemplate: { classPropertyName: "noLabelTemplate", publicName: "noLabelTemplate", isSignal: true, isRequired: false, transformFunction: null }, editPattern: { classPropertyName: "editPattern", publicName: "editPattern", isSignal: true, isRequired: false, transformFunction: null }, templates: { classPropertyName: "templates", publicName: "templates", isSignal: true, isRequired: false, transformFunction: null }, templateSelection: { classPropertyName: "templateSelection", publicName: "templateSelection", isSignal: true, isRequired: false, transformFunction: null }, resultMaxHeight: { classPropertyName: "resultMaxHeight", publicName: "resultMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, customSearchEnabled: { classPropertyName: "customSearchEnabled", publicName: "customSearchEnabled", isSignal: true, isRequired: false, transformFunction: null }, minCountForSearch: { classPropertyName: "minCountForSearch", publicName: "minCountForSearch", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hideSelectedItems: { classPropertyName: "hideSelectedItems", publicName: "hideSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, resettable: { classPropertyName: "resettable", publicName: "resettable", isSignal: true, isRequired: false, transformFunction: null }, resetSelectedValue: { classPropertyName: "resetSelectedValue", publicName: "resetSelectedValue", isSignal: true, isRequired: false, transformFunction: null }, nativeKeyboard: { classPropertyName: "nativeKeyboard", publicName: "nativeKeyboard", isSignal: true, isRequired: false, transformFunction: null }, highlightText: { classPropertyName: "highlightText", publicName: "highlightText", isSignal: true, isRequired: false, transformFunction: null }, grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: false, transformFunction: null }, selectionOverride: { classPropertyName: "selectionOverride", publicName: "selectionOverride", isSignal: true, isRequired: false, transformFunction: null }, selectionNoWrap: { classPropertyName: "selectionNoWrap", publicName: "selectionNoWrap", isSignal: true, isRequired: false, transformFunction: null }, showSelectAll: { classPropertyName: "showSelectAll", publicName: "showSelectAll", isSignal: true, isRequired: false, transformFunction: null }, showOptionCheckbox: { classPropertyName: "showOptionCheckbox", publicName: "showOptionCheckbox", isSignal: true, isRequired: false, transformFunction: null }, removeAllText: { classPropertyName: "removeAllText", publicName: "removeAllText", isSignal: true, isRequired: false, transformFunction: null }, selectAllText: { classPropertyName: "selectAllText", publicName: "selectAllText", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: true, isRequired: false, transformFunction: null }, ariaInvalid: { classPropertyName: "ariaInvalid", publicName: "ariaInvalid", isSignal: true, isRequired: false, transformFunction: null }, ariaResetButtonDescription: { classPropertyName: "ariaResetButtonDescription", publicName: "ariaResetButtonDescription", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { update: "update", autoCreateItem: "autoCreateItem", open: "open", close: "close", focus: "focus", blur: "blur", search: "search", scroll: "scroll", removeOption: "removeOption" }, host: { listeners: { "document:click": "clickDetection($event)" }, properties: { "id": "id()", "class.select2-selection-nowrap": "selectionNoWrap()", "class.material": "classMaterial()", "class.nostyle": "classNostyle()", "class.borderless": "classBorderless()", "class.select2-above": "select2above()" } }, queries: [{ propertyName: "_ngOptions", predicate: Select2OptionDirective, isSignal: true }, { propertyName: "_ngGroups", predicate: Select2GroupDirective, isSignal: true }], viewQueries: [{ propertyName: "cdkConnectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }, { propertyName: "selection", first: true, predicate: ["selection"], descendants: true, isSignal: true }, { propertyName: "resultContainer", first: true, predicate: ["results"], descendants: true, isSignal: true }, { propertyName: "results", predicate: ["result"], descendants: true, isSignal: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<label class=\"select2-label\" (click)=\"toggleOpenAndClose()\" [id]=\"idLabel()\">\n  <ng-content select=\"select2-label, ng-select2-label\"></ng-content>\n  @if (required()) {\n    <span class=\"select2-required\" aria-hidden=\"true\"></span>\n  }\n</label>\n\n<div\n  class=\"select2 select2-container select2-container--default\"\n  [class.select2-container--focus]=\"focused\"\n  [class.select2-container--below]=\"!select2above()\"\n  [class.select2-container--above]=\"select2above()\"\n  [class.select2-container--open]=\"isOpen\"\n  [class.select2-container--disabled]=\"disabled()\"\n  [class.select2-container--readonly]=\"readonly()\"\n>\n  <div\n    [id]=\"idCombo()\"\n    role=\"combobox\"\n    class=\"selection\"\n    #selection\n    #trigger=\"cdkOverlayOrigin\"\n    [tabindex]=\"!this.isOpen ? _tabIndex : '-1'\"\n    [attr.aria-labelledby]=\"ariaLabelledby() ?? idLabel()\"\n    [attr.aria-expanded]=\"isOpen\"\n    aria-haspopup=\"listbox\"\n    [attr.aria-controls]=\"idOptions()\"\n    [attr.aria-activedescendant]=\"isOpen ? hoveringOptionId() : null\"\n    [attr.aria-describedby]=\"ariaDescribedby()\"\n    [attr.title]=\"title()\"\n    [attr.aria-invalid]=\"_isErrorState() || ariaInvalid() ? 'true' : null\"\n    [attr.aria-required]=\"required() ? 'true' : null\"\n    [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n    [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n    (click)=\"toggleOpenAndClose()\"\n    (focus)=\"focusin()\"\n    (focusout)=\"focusout($event)\"\n    (keydown)=\"openKey($event)\"\n    cdkOverlayOrigin\n    [class.select2-focused]=\"focused\"\n  >\n    <div\n      class=\"select2-selection\"\n      [class.select2-selection--multiple]=\"multiple()\"\n      [class.select2-selection--single]=\"!multiple()\"\n    >\n      @if (selectionOverride()) {\n        <span class=\"select2-selection__override\" [innerHTML]=\"_selectionOverrideLabel()\"></span>\n\n        @if (\n          resettable() &&\n          !(disabled() || readonly()) &&\n          resetSelectedValue() !== _value &&\n          ((!multiple() && select2Option) || (multiple() && select2Options.length > 0))\n        ) {\n          <ng-container *ngTemplateOutlet=\"resetButton\" />\n        }\n      } @else if (!multiple()) {\n        <span\n          class=\"select2-selection__rendered\"\n          [title]=\"select2Option?.label || ''\"\n          [attr.aria-live]=\"nativeKeyboard() && !isOpen ? 'polite' : null\"\n          [dir]=\"select2Option?.dir\"\n        >\n          @if (!select2Option) {\n            <span>&nbsp;</span>\n          }\n          @if (select2Option) {\n            @if (!hasTemplate(select2Option, 'option', true) || noLabelTemplate()) {\n              <span [innerHTML]=\"select2Option.label\"></span>\n            } @else {\n              <ng-container *ngTemplateOutlet=\"getTemplate(select2Option, 'option', true); context: select2Option\" />\n            }\n          }\n          <span\n            [class.select2-selection__placeholder__option]=\"selectedOption\"\n            class=\"select2-selection__placeholder\"\n            >{{ placeholder() }}</span\n          >\n        </span>\n\n        @if (resettable() && resetSelectedValue() !== _value && select2Option && !(disabled() || readonly())) {\n          <ng-container *ngTemplateOutlet=\"resetButton\" />\n        }\n        <span class=\"select2-selection__arrow\" role=\"presentation\"> </span>\n      } @else {\n        <ul\n          class=\"select2-selection__rendered\"\n          cdkDropList\n          cdkDropListOrientation=\"mixed\"\n          [cdkDropListDisabled]=\"!multipleDrag()\"\n          (cdkDropListDropped)=\"drop($event)\"\n        >\n          @if (!autoCreate()) {\n            <span\n              [class.select2-selection__placeholder__option]=\"select2Options.length > 0\"\n              class=\"select2-selection__placeholder\"\n              >{{ placeholder() }}</span\n            >\n          }\n          @for (op of selectedOption || []; track op.id) {\n            <li\n              class=\"select2-selection__choice\"\n              [title]=\"op.label\"\n              tabindex=\"0\"\n              (focus)=\"_updateFocusState(true)\"\n              (keydown.enter)=\"removeSelection($event, op)\"\n              cdkDrag\n            >\n              @if (!(disabled() || readonly())) {\n                <span\n                  (click)=\"removeSelection($event, op)\"\n                  class=\"select2-selection__choice__remove\"\n                  role=\"presentation\"\n                  aria-hidden=\"true\"\n                  >\u00D7</span\n                >\n              }\n              @if (!hasTemplate(op, 'option', true) || noLabelTemplate()) {\n                <span [innerHTML]=\"op.label\"></span>\n              } @else {\n                <ng-container *ngTemplateOutlet=\"getTemplate(op, 'option', true); context: op\" />\n              }\n            </li>\n          }\n          @if (autoCreate()) {\n            <li class=\"select2-selection__auto-create\" (focus)=\"stopEvent($event)\" (blur)=\"stopEvent($event)\">\n              <input\n                [id]=\"id() + '-create-field'\"\n                [placeholder]=\"$any(selectedOption)?.length > 0 ? '' : (placeholder() ?? '')\"\n                (click)=\"toggleOpenAndClose(false, true); stopEvent($event)\"\n                (keydown)=\"keyDown($event, true)\"\n                (keyup)=\"searchUpdate($event)\"\n                (change)=\"prevChange($event)\"\n                class=\"select2-create__field\"\n                type=\"search\"\n                role=\"textbox\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                autocapitalize=\"off\"\n                spellcheck=\"false\"\n              />\n            </li>\n          }\n        </ul>\n        @if (resettable() && $any(selectedOption)?.length > 0 && !(disabled() || readonly())) {\n          <ng-container *ngTemplateOutlet=\"resetButton\" />\n        }\n      }\n    </div>\n  </div>\n  @if (!overlay()) {\n    <ng-container *ngTemplateOutlet=\"containerTemplate\" />\n  }\n\n  <div class=\"select2-subscript-wrapper\">\n    <ng-content select=\"select2-hint, ng-select2-hint\" />\n  </div>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayHasBackdrop\n  cdkConnectedOverlayBackdropClass=\"select2-overlay-backdrop\"\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"this.isOpen && overlay()\"\n  [cdkConnectedOverlayMinWidth]=\"overlayWidth\"\n  [cdkConnectedOverlayHeight]=\"overlayHeight\"\n  [cdkConnectedOverlayPositions]=\"_positions()\"\n  (backdropClick)=\"toggleOpenAndClose()\"\n>\n  <ng-container *ngTemplateOutlet=\"containerTemplate\" />\n</ng-template>\n\n<ng-template #containerTemplate>\n  <div\n    [id]=\"idOverlay()\"\n    class=\"select2-container select2-container--default select2-container-dropdown\"\n    [class.select2-container--open]=\"isOpen\"\n    [class.select2-overlay]=\"overlay()\"\n    [class.select2-position-auto]=\"listPosition() === 'auto'\"\n    [class.select2-style-borderless]=\"styleMode() === 'borderless'\"\n  >\n    <div\n      #dropdown\n      class=\"select2-dropdown\"\n      [class.select2-dropdown--below]=\"!select2above()\"\n      [class.select2-dropdown--above]=\"select2above()\"\n    >\n      <div class=\"select2-search select2-search--dropdown\" [class.select2-search--hide]=\"isSearchboxHidden\">\n        <input\n          #searchInput\n          [id]=\"id() + '-search-field'\"\n          [value]=\"searchText\"\n          (keydown)=\"keyDown($event, autoCreate())\"\n          (keyup)=\"searchUpdate($event)\"\n          (change)=\"prevChange($event)\"\n          class=\"select2-search__field\"\n          type=\"search\"\n          role=\"combobox\"\n          autocomplete=\"off\"\n          autocorrect=\"off\"\n          autocapitalize=\"off\"\n          spellcheck=\"false\"\n          [attr.tabindex]=\"this.isOpen ? _tabIndex : '-1'\"\n          [attr.aria-labelledby]=\"ariaLabelledby() ?? idLabel()\"\n          aria-autocomplete=\"list\"\n          [attr.aria-controls]=\"idOptions()\"\n          aria-expanded=\"true\"\n          [attr.aria-activedescendant]=\"hoveringOptionId()\"\n        />\n      </div>\n\n      <div class=\"select2-results\">\n        <ul\n          [id]=\"idOptions()\"\n          #results\n          class=\"select2-results__options\"\n          [class.select2-grid]=\"grid() && isNumber(grid())\"\n          [class.select2-grid-auto]=\"grid() && !isNumber(grid())\"\n          [style.max-height]=\"resultMaxHeight()\"\n          [style.--grid-size]=\"grid() || null\"\n          role=\"listbox\"\n          tabindex=\"-1\"\n          [attr.aria-labelledby]=\"ariaLabelledby() ?? idLabel()\"\n          [attr.aria-multiselectable]=\"multiple()\"\n          [attr.aria-activedescendant]=\"hoveringOptionId()\"\n          (keydown)=\"keyDown($event)\"\n        >\n          @if (showSelectAll() && multiple()) {\n            <li class=\"select2-results__option select2-selectall\" (click)=\"selectAll()\" tabindex=\"1\" aria-selected>\n              <div class=\"select2-label-content\">\n                {{ selectAllTest() ? removeAllText() : selectAllText() }}\n              </div>\n            </li>\n          }\n\n          @for (groupOrOption of filteredData(); track groupOrOption.id; let i = $index) {\n            @let group = _toGroup(groupOrOption);\n            @if (group.options !== undefined) {\n              <li class=\"select2-results__option select2-results__group\" [dir]=\"group.dir\">\n                <span [id]=\"getElementId(groupOrOption)\">\n                  @if (!hasTemplate(group, 'group')) {\n                    <strong\n                      [attr.class]=\"'select2-results__group' + (group.classes ? ' ' + group.classes : '')\"\n                      [innerHTML]=\"group.label\"\n                    ></strong>\n                  } @else {\n                    <ng-container *ngTemplateOutlet=\"getTemplate(group, 'group'); context: group\" />\n                  }\n                </span>\n                <ul\n                  class=\"select2-results__options select2-results__options--nested\"\n                  role=\"group\"\n                  [attr.aria-labelledby]=\"getElementId(groupOrOption)\"\n                >\n                  @for (option of group.options; track option.id; let j = $index) {\n                    <li\n                      #result\n                      [id]=\"getElementId(option)\"\n                      [class]=\"getOptionStyle(option)\"\n                      role=\"option\"\n                      [attr.aria-selected]=\"isSelected(option)\"\n                      [attr.aria-disabled]=\"isDisabled(option)\"\n                      [dir]=\"option.dir\"\n                      (mouseenter)=\"mouseenter(option)\"\n                      (click)=\"click(option)\"\n                    >\n                      @if (showOptionCheckbox()) {\n                        <input\n                          type=\"checkbox\"\n                          class=\"select2-option-checkbox\"\n                          [checked]=\"isSelected(option) === 'true'\"\n                          [disabled]=\"isDisabled(option) === 'true'\"\n                          aria-hidden=\"true\"\n                          tabindex=\"-1\"\n                        />\n                      }\n                      @if (!hasTemplate(option, 'option')) {\n                        <div\n                          class=\"select2-label-content\"\n                          [innerHTML]=\"option.label | highlightText: searchText : !highlightText()\"\n                        ></div>\n                      } @else {\n                        <ng-container *ngTemplateOutlet=\"getTemplate(option, 'option'); context: getContext(option)\" />\n                      }\n                    </li>\n                  }\n                </ul>\n              </li>\n            } @else {\n              @let option = _toOption(groupOrOption);\n              <li\n                #result\n                [id]=\"getElementId(groupOrOption)\"\n                [class]=\"getOptionStyle(option)\"\n                role=\"option\"\n                [attr.aria-selected]=\"isSelected(option)\"\n                [attr.aria-disabled]=\"isDisabled(option)\"\n                [dir]=\"option.dir\"\n                (mouseenter)=\"mouseenter(option)\"\n                (click)=\"click(option)\"\n              >\n                @if (showOptionCheckbox()) {\n                  <input\n                    type=\"checkbox\"\n                    class=\"select2-option-checkbox\"\n                    [checked]=\"isSelected(option) === 'true'\"\n                    [disabled]=\"isDisabled(option) === 'true'\"\n                    aria-hidden=\"true\"\n                    tabindex=\"-1\"\n                  />\n                }\n                @if (!hasTemplate(option, 'option')) {\n                  <div\n                    [innerHTML]=\"option.label | highlightText: searchText : !highlightText()\"\n                    class=\"select2-label-content\"\n                  ></div>\n                } @else {\n                  <ng-container *ngTemplateOutlet=\"getTemplate(option, 'option'); context: getContext(option)\">\n                  </ng-container>\n                }\n              </li>\n            }\n          }\n          @if (!filteredData()?.length && noResultMessage()) {\n            <li class=\"select2-no-result select2-results__option\" [innerHTML]=\"noResultMessage()\"></li>\n          }\n          @if (maxResultsExceeded) {\n            <li class=\"select2-too-much-result select2-results__option\" [innerHTML]=\"maxResultsMessage()\"></li>\n          }\n        </ul>\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #resetButton>\n  <button\n    type=\"button\"\n    (focus)=\"_updateFocusState(true)\"\n    (click)=\"reset($event)\"\n    (keydown)=\"$event.stopPropagation()\"\n    class=\"select2-selection__reset\"\n    [attr.aria-description]=\"ariaResetButtonDescription()\"\n    [attr.aria-controls]=\"idCombo()\"\n  >\n    <span aria-hidden=\"true\">\u00D7</span>\n  </button>\n</ng-template>\n", styles: [".select2-label{color:var(--select2-label-text-color, #000)}.select2-container{display:inline-block;position:relative;vertical-align:middle;box-sizing:border-box;margin:0;width:100%}.select2-container .select2-container-dropdown{position:absolute;opacity:0;width:0px}.select2-container .select2-selection--single{display:block;cursor:pointer;box-sizing:border-box;height:var(--select2-single-height, 28px);-webkit-user-select:none;user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;flex:1 1 auto;padding:var(--select2-selection-padding, 0 0 0 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container .select2-selection--multiple{display:block;cursor:pointer;box-sizing:border-box;min-height:var(--select2-multiple-height, 28px);-webkit-user-select:none;user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-flex;flex-wrap:wrap;gap:var(--select2-selection-multiple-gap, 2px 5px);padding-bottom:2px;padding-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__auto-create{display:flex;flex:1 1 150px;min-width:150px}.select2-container .select2-selection--multiple .select2-selection__rendered .select2-create__field{border:0;width:100%}.select2-container .select2-selection--multiple .select2-selection__rendered .select2-create__field:focus{outline:0;border:0}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;margin-top:5px;border:none;padding:0;font-size:100%}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{display:block;position:absolute;z-index:1051;box-sizing:border-box;border:1px solid var(--select2-dropdown-border-color, #aaa);border-radius:var(--select2-selection-border-radius, 4px);background:var(--select2-dropdown-background, white);width:100%;height:0;overflow:hidden}.select2-dropdown .select2-label-content{display:contents}.select2-results{display:block}.select2-results__options{margin:0;padding:0;list-style:none}.select2-results__options ::ng-deep .select2-highlight-text{background:var(--select2-highlight-text-background, transparent);color:var(--select2-highlight-text-color, inherit);font-weight:var(--select2-highlight-text-font-weight, 800)}.select2-results__option{padding:var(--select2-option-padding, 6px);color:var(--select2-option-text-color, #000);-webkit-user-select:none;user-select:none;text-align:initial}.select2-results__option[aria-selected]{cursor:pointer}.select2-results__option .select2-option-checkbox{vertical-align:middle;margin-inline-end:var(--select2-option-checkbox-margin, 6px);pointer-events:none;accent-color:var(--select2-option-checkbox-color, currentColor)}.select2-results__option:has(>.select2-option-checkbox){display:flex}.select2-container.select2-container-dropdown.select2-container--open{opacity:1;width:100%}.select2-container--open .select2-dropdown{height:auto;overflow:auto}.select2-container--open .select2-dropdown--above{display:flex;bottom:27px;flex-direction:column-reverse;border-bottom:var(--select2-dropdown-above-border-bottom, none);border-bottom-right-radius:var(--select2-dropdown-above-border-bottom-right-radius, 0);border-bottom-left-radius:var(--select2-dropdown-above-border-bottom-left-radius, 0)}.select2-container--open .select2-dropdown--below{border-top:var(--select2-dropdown-below-border-top, none);border-top-right-radius:var(--select2-dropdown-below-border-top-right-radius, 0);border-top-left-radius:var(--select2-dropdown-below-border-top-left-radius, 0)}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{box-sizing:border-box;padding:4px;width:100%}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{display:block;position:fixed;top:0;left:0;opacity:0;z-index:99;margin:0;border:0;padding:0;width:auto;min-width:100%;height:auto;min-height:100%}.select2-required:before{content:\"*\";color:var(--select2-required-color, red)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;position:absolute!important;margin:-1px!important;padding:0!important;width:1px!important;height:1px!important;overflow:hidden!important}.select2-container--default .select2-selection--single{display:flex;border:1px solid var(--select2-selection-border-color, #aaa);border-radius:var(--select2-selection-border-radius, 4px);background:var(--select2-selection-background, #fff)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--select2-selection-text-color, #111);line-height:var(--select2-selection-line-height, 28px)}.select2-container--default .select2-selection--single .select2-selection__clear{float:right;cursor:pointer;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--select2-placeholder-color, #999)}.select2-container--default .select2-selection--single .select2-selection__placeholder span{overflow:hidden;text-overflow:var(--select2-placeholder-overflow, ellipsis);white-space:nowrap}.select2-container--default .select2-selection--single .select2-selection__placeholder__option{display:none}.select2-container--default .select2-selection--single .select2-selection__override{flex:1;margin:0 5px}.select2-container--default .select2-selection--single .select2-selection__reset,.select2-container--default .select2-selection--single .select2-selection__arrow{display:flex;justify-content:center;align-items:center;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow:before{border-width:5px 4px 0;border-style:solid;border-color:var(--select2-arrow-color, #888) transparent;width:0;height:0;content:\" \"}.select2-container--default .select2-selection__reset{align-self:center;border:var(--select2-reset-border, none);border-radius:var(--select2-reset-border-radius, 4px);background:var(--select2-reset-background, transparent);height:fit-content;color:var(--select2-reset-color, #999)}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear,.select2-container--default.select2-container--disabled .select2-selection__choice__remove,.select2-container--default.select2-container--readonly .select2-selection--single .select2-selection__clear,.select2-container--default.select2-container--readonly .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--disabled .select2-selection--single,.select2-container--default.select2-container--disabled .select2-selection--multiple{cursor:default;background:var(--select2-selection-disabled-background, #eee)}.select2-container--default.select2-container--readonly .select2-selection--single,.select2-container--default.select2-container--readonly .select2-selection--multiple{background:var(--select2-selection-readonly-background, #eee)}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before{border-width:0 4px 5px;border-color:transparent transparent var(--select2-arrow-color, #888)}.select2-container--default .select2-selection--multiple{display:flex;cursor:text;border:1px solid var(--select2-selection-border-color, #aaa);border-radius:var(--select2-selection-border-radius, 4px);background:var(--select2-selection-background, #fff)}.select2-container--default .select2-selection--multiple .select2-selection__rendered{flex:1 1 auto;align-items:center;box-sizing:border-box;margin:0;padding:var(--select2-selection-multiple-padding, 2px 5px);width:100%;min-height:1em;list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{line-height:var(--select2-selection-choice-line-height, 20px);list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{display:block;float:left;margin:-3px 0;width:100%;overflow:hidden;color:var(--select2-placeholder-color, #999);text-overflow:var(--select2-placeholder-overflow, ellipsis);white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__placeholder__option{display:none}.select2-container--default .select2-selection--multiple .select2-selection__override{flex:1;margin:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__clear{float:right;cursor:pointer;margin-top:5px;margin-right:10px;font-weight:700}.select2-container--default .select2-selection--multiple .select2-selection__choice{cursor:default;border:1px solid var(--select2-selection-choice-border-color, #aaa);border-radius:var(--select2-selection-border-radius, 4px);background:var(--select2-selection-choice-background, #e4e4e4);padding:0 5px;color:var(--select2-selection-choice-text-color, #000)}.select2-container--default .select2-selection--multiple .select2-selection__choice.cdk-drag:not(.cdk-drag-disabled){cursor:move}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{display:inline-block;cursor:pointer;margin-right:2px;color:var(--select2-selection-choice-close-color, #999);font-weight:700}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:var(--select2-selection-choice-hover-close-color, #333)}.select2-container--default.select2-container--focused .select2-selection--multiple{outline:none;border:solid var(--select2-selection-focus-border-color, #000) 1px}.select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--single,.select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--multiple{outline:none;border:solid var(--select2-selection-focus-border-color, #000) 1px}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-right-radius:0;border-top-left-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid var(--select2-search-border-color, #aaa);border-radius:var(--select2-search-border-radius, 0px);background:1px solid var(--select2-search-background, #fff)}.select2-container--default .select2-search--inline .select2-search__field{-webkit-appearance:textfield;outline:none;box-shadow:none;border:none;background:transparent}.select2-container--default .select2-results>.select2-results__options{overflow-y:auto}.select2-container--default .select2-results__option.select2-results__group{grid-column:col-start/col-end;padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{background:var(--select2-option-disabled-background, transparent);color:var(--select2-option-disabled-text-color, #999)}.select2-container--default .select2-results__option[aria-selected=true]{background:var(--select2-option-selected-background, #ddd);color:var(--select2-option-selected-text-color, #000)}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--select2-option-highlighted-background, #5897fb);color:var(--select2-option-highlighted-text-color, #fff)}.select2-container--default .select2-results__option--highlighted[aria-selected] ::ng-deep .select2-highlight-text{background:var(--select2-highlighted-highlight-text-background, transparent);color:var(--select2-highlighted-highlight-text-color, inherit);font-weight:var(--select2-highlighted-highlight-text-font-weight, 800)}.select2-container--default .select2-results__option--hide{display:none}.select2-container--default .select2-results__group{display:block;cursor:default;background:var(--select2-option-group-background, transparent);padding:6px;color:var(--select2-option-group-text-color, gray)}.select2-no-result{color:var(--select2-no-result-color, #888);font-style:var(--select2-no-result-font-style, italic)}.select2-too-much-result{color:var(--select2-too-much-result-color, #888);font-style:var(--select2-too-much-font-style, italic)}.select2-grid,.select2-grid ul{display:grid;grid-template-columns:[col-start] repeat(var(--grid-size),1fr) [col-end]}.select2-grid-auto,.select2-grid-auto ul{display:grid;grid-template-columns:[col-start] repeat(auto-fill,minmax(var(--grid-size, 100px),1fr)) [col-end]}.select2-container--default .select2-grid ul,.select2-container--default .select2-grid-auto ul{padding-left:var(--select2-option-padding, 6px)}.select2-container--default .select2-grid ul .select2-results__group,.select2-container--default .select2-grid-auto ul .select2-results__group{padding-left:0}.select2-container--default .select2-grid ul .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option,.select2-container--default .select2-grid ul .select2-results__option .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option .select2-results__option,.select2-container--default .select2-grid ul .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid ul .select2-results__option .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid ul .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{padding-left:var(--select2-option-padding, 6px)}:host.nostyle .select2-dropdown{border-color:transparent}:host.nostyle .select2-selection--single,:host.nostyle .select2-selection--multiple{border-color:transparent;background:transparent}:host.nostyle .select2-container--default .select2-focused .select2-selection--single,:host.nostyle .select2-container--default .select2-focused .select2-selection--multiple,:host.nostyle .select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--single,:host.nostyle .select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--multiple{border-color:transparent;background:transparent}:host.borderless{--select2-dropdown-above-border-bottom: 1px solid var(--select2-dropdown-border-color, #aaa);--select2-dropdown-above-border-bottom-left-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-above-border-bottom-right-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-below-border-top: 1px solid var(--select2-dropdown-border-color, #aaa);--select2-dropdown-below-border-top-left-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-below-border-top-right-radius: var(--select2-selection-border-radius, 4px)}:host.borderless .select2-selection--single,:host.borderless .select2-selection--multiple{border-color:transparent;background:transparent}:host.borderless .select2-container--default .select2-focused .select2-selection--single,:host.borderless .select2-container--default .select2-focused .select2-selection--multiple,:host.borderless .select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--single,:host.borderless .select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--multiple{border-color:transparent;background:transparent}:host.select2-selection-nowrap .select2-selection--single.select2-selection,:host.select2-selection-nowrap .select2-selection--single.select2-selection span,:host.select2-selection-nowrap .select2-selection--single.select2-selection ul,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection span,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection ul{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host.select2-selection-nowrap .select2-selection--single.select2-selection ul,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection ul{display:flex;flex-wrap:nowrap}:host.select2-selection-nowrap .select2-selection--single.select2-selection li,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection li{display:flex}:host.material{display:inline-block;width:300px}:host.material>.select2-container{vertical-align:inherit;padding-bottom:1.29688em}:host.material>.select2-container .selection{display:inline-flex;align-items:baseline;border-top:.84375em solid transparent;padding:.4375em 0;width:100%;height:auto}:host.material .select2-container--default .select2-selection--single,:host.material .select2-container--default .select2-selection--multiple{box-sizing:border-box;border:0;border-radius:0;width:100%;height:24px}:host.material .select2-container--default .select2-selection--single:before,:host.material .select2-container--default .select2-selection--multiple:before{display:block;position:absolute;bottom:1.65em;background:var(--select2-material-underline, #ddd);width:100%;height:1px;content:\" \"}:host.material .select2-container--default .select2-selection--single:after,:host.material .select2-container--default .select2-selection--multiple:after{display:block;position:absolute;bottom:1.63em;left:50%;transition:none;background:var(--select2-material-underline-active, #5a419e);width:0%;height:2px;content:\" \"}:host.material .select2-container--default .select2-selection--single .select2-selection__rendered,:host.material .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding-left:1px;line-height:inherit}:host.material .select2-container--default .select2-selection--single .select2-selection__placeholder,:host.material .select2-container--default .select2-selection--multiple .select2-selection__placeholder{display:block;position:absolute;top:20px;left:0;transform-origin:0 21px;transition:transform .3s;color:var(--select2-material-placeholder-color, rgba(0, 0, 0, .38))}:host.material .select2-container--default .select2-container--open{bottom:1.6em;left:0}:host.material .select2-container--default .select2-selection__placeholder__option{transform:translateY(-1.5em) scale(.75) perspective(100px) translateZ(.001px);width:133.33333%}:host.material .select2-container--default .select2-selection__arrow{top:20px}:host.material .select2-container--default.select2-container--open .select2-selection--single:after,:host.material .select2-container--default.select2-container--open .select2-selection--multiple:after,:host.material .select2-container--default .select2-focused .select2-selection--single:after,:host.material .select2-container--default .select2-focused .select2-selection--multiple:after{left:0%;transition:width .3s cubic-bezier(.12,1,.77,1),left .3s cubic-bezier(.12,1,.77,1);width:100%}:host.material .select2-container--default .select2-dropdown{box-shadow:0 5px 5px #00000080;border:0;border-radius:0}:host.material .select2-container--default .select2-results__option[aria-selected=true],:host.material .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--select2-material-option-selected-background, rgba(0, 0, 0, .04));color:var(--select2-material-option-highlighted-text-color, #000)}:host.material .select2-container--default .select2-results__option[aria-selected=true]{color:var(--select2-material-option-selected-text-color, #ff5722)}:host.material .select2-container--default.select2-container--disabled .select2-selection--single,:host.material .select2-container--default.select2-container--disabled .select2-selection--multiple,:host.material .select2-container--default.select2-container--readonly .select2-selection--single,:host.material .select2-container--default.select2-container--readonly .select2-selection--multiple{background:transparent}:host.material .select2-container--default.select2-container--disabled .select2-selection--single:before,:host.material .select2-container--default.select2-container--disabled .select2-selection--multiple:before{background:var(--select2-material-underline-disabled, linear-gradient(to right, rgba(0, 0, 0, .26) 0, rgba(0, 0, 0, .26) 33%, transparent 0));background-position:0 bottom;background-size:4px 1px;background-repeat:repeat-x}:host.material .select2-container--default.select2-container--readonly .select2-selection--single:before,:host.material .select2-container--default.select2-container--readonly .select2-selection--multiple:before{background:var(--select2-material-underline-readonly, linear-gradient(to right, rgba(0, 0, 0, .26) 0, rgba(0, 0, 0, .26) 33%, transparent 0));background-position:0 bottom;background-size:4px 1px;background-repeat:repeat-x}:host.material.ng-invalid.ng-touched .select2-container--default .select2-selection--single:before,:host.material.ng-invalid.ng-touched .select2-container--default .select2-selection--single:after,:host.material.ng-invalid.ng-touched .select2-container--default .select2-selection--multiple:before,:host.material.ng-invalid.ng-touched .select2-container--default .select2-selection--multiple:after{background:var(--select2-material-underline-invalid, red)}:host.material:not(.select2-container--open) .select2-focused .select2-selection--single,:host.material:not(.select2-container--open) .select2-focused .select2-selection--multiple{border:0}:host.material .select2-subscript-wrapper{position:absolute;top:calc(100% - 1.72917em);color:var(--select2-hint-text-color, #888);font-size:75%}::ng-deep .select2-overlay-backdrop{background:var(--select2-overlay-backdrop, transparent)}::ng-deep .cdk-overlay-container .select2-container .select2-dropdown.select2-dropdown--above{bottom:0}::ng-deep .cdk-overlay-container .select2-container--open.select2-position-auto .select2-dropdown{margin-bottom:28px}::ng-deep .cdk-overlay-container .select2-container--open.select2-position-auto .select2-dropdown.select2-dropdown--above{bottom:0;margin-top:28px;margin-bottom:0}::ng-deep .cdk-overlay-container .select2-style-borderless{--select2-dropdown-above-border-bottom: 1px solid var(--select2-dropdown-border-color, #aaa);--select2-dropdown-above-border-bottom-left-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-above-border-bottom-right-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-below-border-top: 1px solid var(--select2-dropdown-border-color, #aaa);--select2-dropdown-below-border-top-left-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-below-border-top-right-radius: var(--select2-selection-border-radius, 4px)}@supports (-moz-appearance: none){select2.material .select2-container--default .select2-selection--single,select2.material .select2-container--default .select2-selection--multiple{height:26px}}\n"], dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "pipe", type: Select2HighlightPipe, name: "highlightText" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: Select2, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: Select2, decorators: [{
             type: Component,
-            args: [{ selector: 'select2, ng-select2', standalone: true, imports: [CdkOverlayOrigin, NgTemplateOutlet, CdkConnectedOverlay, CdkDropList, CdkDrag, Select2HighlightPipe], host: {
+            args: [{ selector: 'select2, ng-select2', imports: [CdkOverlayOrigin, NgTemplateOutlet, CdkConnectedOverlay, CdkDropList, CdkDrag, Select2HighlightPipe], host: {
                         '[id]': 'id()',
                         '[class.select2-selection-nowrap]': 'selectionNoWrap()',
                         '[class.material]': 'classMaterial()',
@@ -1795,8 +2039,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                         '[class.borderless]': 'classBorderless()',
                         '[class.select2-above]': 'select2above()',
                         '(document:click)': 'clickDetection($event)',
-                    }, template: "<label class=\"select2-label\" (click)=\"toggleOpenAndClose()\" [id]=\"idLabel()\">\n  <ng-content select=\"select2-label, ng-select2-label\"></ng-content>\n  @if (required()) {\n    <span class=\"select2-required\" aria-hidden=\"true\"></span>\n  }\n</label>\n\n<div\n  class=\"select2 select2-container select2-container--default\"\n  [class.select2-container--focus]=\"focused\"\n  [class.select2-container--below]=\"!select2above()\"\n  [class.select2-container--above]=\"select2above()\"\n  [class.select2-container--open]=\"isOpen\"\n  [class.select2-container--disabled]=\"disabled()\"\n  [class.select2-container--readonly]=\"readonly()\"\n>\n  <div\n    [id]=\"idCombo()\"\n    role=\"combobox\"\n    class=\"selection\"\n    #selection\n    #trigger=\"cdkOverlayOrigin\"\n    [tabindex]=\"!this.isOpen ? _tabIndex : '-1'\"\n    [attr.aria-labelledby]=\"ariaLabelledby() ?? idLabel()\"\n    [attr.aria-expanded]=\"isOpen\"\n    aria-haspopup=\"listbox\"\n    [attr.aria-controls]=\"idOptions()\"\n    [attr.aria-activedescendant]=\"isOpen ? hoveringOptionId() : null\"\n    [attr.aria-describedby]=\"ariaDescribedby()\"\n    [attr.title]=\"title()\"\n    [attr.aria-invalid]=\"_isErrorState() || ariaInvalid() ? 'true' : null\"\n    [attr.aria-required]=\"required() ? 'true' : null\"\n    [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n    [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n    (click)=\"toggleOpenAndClose()\"\n    (focus)=\"focusin()\"\n    (focusout)=\"focusout($event)\"\n    (keydown)=\"openKey($event)\"\n    cdkOverlayOrigin\n    [class.select2-focused]=\"focused\"\n  >\n    <div\n      class=\"select2-selection\"\n      [class.select2-selection--multiple]=\"multiple()\"\n      [class.select2-selection--single]=\"!multiple()\"\n    >\n      @if (selectionOverride()) {\n        <span class=\"select2-selection__override\" [innerHTML]=\"_selectionOverrideLabel()\"></span>\n\n        @if (\n          resettable() &&\n          !(disabled() || readonly()) &&\n          resetSelectedValue() !== _value &&\n          ((!multiple() && select2Option) || (multiple() && select2Options.length > 0))\n        ) {\n          <ng-container *ngTemplateOutlet=\"resetButton\" />\n        }\n      } @else if (!multiple()) {\n        <span\n          class=\"select2-selection__rendered\"\n          [title]=\"select2Option?.label || ''\"\n          [attr.aria-live]=\"nativeKeyboard() && !isOpen ? 'polite' : null\"\n          [dir]=\"select2Option?.dir\"\n        >\n          @if (!select2Option) {\n            <span>&nbsp;</span>\n          }\n          @if (select2Option) {\n            @if (!hasTemplate(select2Option, 'option', true) || noLabelTemplate()) {\n              <span [innerHTML]=\"select2Option.label\"></span>\n            } @else {\n              <ng-container *ngTemplateOutlet=\"getTemplate(select2Option, 'option', true); context: select2Option\" />\n            }\n          }\n          <span\n            [class.select2-selection__placeholder__option]=\"selectedOption\"\n            class=\"select2-selection__placeholder\"\n            >{{ placeholder() }}</span\n          >\n        </span>\n\n        @if (resettable() && resetSelectedValue() !== _value && select2Option && !(disabled() || readonly())) {\n          <ng-container *ngTemplateOutlet=\"resetButton\" />\n        }\n        <span class=\"select2-selection__arrow\" role=\"presentation\"> </span>\n      } @else {\n        <ul\n          class=\"select2-selection__rendered\"\n          cdkDropList\n          cdkDropListOrientation=\"mixed\"\n          [cdkDropListDisabled]=\"!multipleDrag()\"\n          (cdkDropListDropped)=\"drop($event)\"\n        >\n          @if (!autoCreate()) {\n            <span\n              [class.select2-selection__placeholder__option]=\"select2Options.length > 0\"\n              class=\"select2-selection__placeholder\"\n              >{{ placeholder() }}</span\n            >\n          }\n          @for (op of selectedOption || []; track op.id) {\n            <li\n              class=\"select2-selection__choice\"\n              [title]=\"op.label\"\n              tabindex=\"0\"\n              (focus)=\"_updateFocusState(true)\"\n              (keydown.enter)=\"removeSelection($event, op)\"\n              cdkDrag\n            >\n              @if (!(disabled() || readonly())) {\n                <span\n                  (click)=\"removeSelection($event, op)\"\n                  class=\"select2-selection__choice__remove\"\n                  role=\"presentation\"\n                  aria-hidden=\"true\"\n                  >\u00D7</span\n                >\n              }\n              @if (!hasTemplate(op, 'option', true) || noLabelTemplate()) {\n                <span [innerHTML]=\"op.label\"></span>\n              } @else {\n                <ng-container *ngTemplateOutlet=\"getTemplate(op, 'option', true); context: op\" />\n              }\n            </li>\n          }\n          @if (autoCreate()) {\n            <li class=\"select2-selection__auto-create\" (focus)=\"stopEvent($event)\" (blur)=\"stopEvent($event)\">\n              <input\n                [id]=\"id() + '-create-field'\"\n                [placeholder]=\"$any(selectedOption)?.length > 0 ? '' : (placeholder() ?? '')\"\n                (click)=\"toggleOpenAndClose(false, true); stopEvent($event)\"\n                (keydown)=\"keyDown($event, true)\"\n                (keyup)=\"searchUpdate($event)\"\n                (change)=\"prevChange($event)\"\n                class=\"select2-create__field\"\n                type=\"search\"\n                role=\"textbox\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                autocapitalize=\"off\"\n                spellcheck=\"false\"\n              />\n            </li>\n          }\n        </ul>\n        @if (resettable() && $any(selectedOption)?.length > 0 && !(disabled() || readonly())) {\n          <ng-container *ngTemplateOutlet=\"resetButton\" />\n        }\n      }\n    </div>\n  </div>\n  @if (!overlay()) {\n    <ng-container *ngTemplateOutlet=\"containerTemplate\" />\n  }\n\n  <div class=\"select2-subscript-wrapper\">\n    <ng-content select=\"select2-hint, ng-select2-hint\"></ng-content>\n  </div>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayHasBackdrop\n  cdkConnectedOverlayBackdropClass=\"select2-overlay-backdrop\"\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"this.isOpen && overlay()\"\n  [cdkConnectedOverlayMinWidth]=\"overlayWidth\"\n  [cdkConnectedOverlayHeight]=\"overlayHeight\"\n  [cdkConnectedOverlayPositions]=\"_positions()\"\n  (backdropClick)=\"toggleOpenAndClose()\"\n>\n  <ng-container *ngTemplateOutlet=\"containerTemplate\" />\n</ng-template>\n\n<ng-template #containerTemplate>\n  <div\n    [id]=\"idOverlay()\"\n    class=\"select2-container select2-container--default select2-container-dropdown\"\n    [class.select2-container--open]=\"isOpen\"\n    [class.select2-overlay]=\"overlay()\"\n    [class.select2-position-auto]=\"listPosition() === 'auto'\"\n    [class.select2-style-borderless]=\"styleMode() === 'borderless'\"\n  >\n    <div\n      #dropdown\n      class=\"select2-dropdown\"\n      [class.select2-dropdown--below]=\"!select2above()\"\n      [class.select2-dropdown--above]=\"select2above()\"\n    >\n      <div class=\"select2-search select2-search--dropdown\" [class.select2-search--hide]=\"isSearchboxHidden\">\n        <input\n          #searchInput\n          [id]=\"id() + '-search-field'\"\n          [value]=\"searchText\"\n          (keydown)=\"keyDown($event, autoCreate())\"\n          (keyup)=\"searchUpdate($event)\"\n          (change)=\"prevChange($event)\"\n          class=\"select2-search__field\"\n          type=\"search\"\n          role=\"combobox\"\n          autocomplete=\"off\"\n          autocorrect=\"off\"\n          autocapitalize=\"off\"\n          spellcheck=\"false\"\n          [attr.tabindex]=\"this.isOpen ? _tabIndex : '-1'\"\n          [attr.aria-labelledby]=\"ariaLabelledby() ?? idLabel()\"\n          aria-autocomplete=\"list\"\n          [attr.aria-controls]=\"idOptions()\"\n          aria-expanded=\"true\"\n          [attr.aria-activedescendant]=\"hoveringOptionId()\"\n        />\n      </div>\n\n      <div class=\"select2-results\">\n        <ul\n          [id]=\"idOptions()\"\n          #results\n          class=\"select2-results__options\"\n          [class.select2-grid]=\"grid() && isNumber(grid())\"\n          [class.select2-grid-auto]=\"grid() && !isNumber(grid())\"\n          [style.max-height]=\"resultMaxHeight()\"\n          [style.--grid-size]=\"grid() || null\"\n          role=\"listbox\"\n          tabindex=\"-1\"\n          [attr.aria-labelledby]=\"ariaLabelledby() ?? idLabel()\"\n          [attr.aria-multiselectable]=\"multiple()\"\n          [attr.aria-activedescendant]=\"hoveringOptionId()\"\n          (keydown)=\"keyDown($event)\"\n        >\n          @if (showSelectAll() && multiple()) {\n            <li class=\"select2-results__option select2-selectall\" (click)=\"selectAll()\" tabindex=\"1\" aria-selected>\n              <div class=\"select2-label-content\">\n                {{ selectAllTest() ? removeAllText() : selectAllText() }}\n              </div>\n            </li>\n          }\n\n          @for (groupOrOption of filteredData(); track groupOrOption.id; let i = $index) {\n            @let group = _toGroup(groupOrOption);\n            @if (group.options !== undefined) {\n              <li class=\"select2-results__option select2-results__group\" [dir]=\"group.dir\">\n                <span [id]=\"getElementId(groupOrOption)\">\n                  @if (!hasTemplate(group, 'group')) {\n                    <strong\n                      [attr.class]=\"'select2-results__group' + (group.classes ? ' ' + group.classes : '')\"\n                      [innerHTML]=\"group.label\"\n                    ></strong>\n                  } @else {\n                    <ng-container *ngTemplateOutlet=\"getTemplate(group, 'group'); context: group\" />\n                  }\n                </span>\n                <ul\n                  class=\"select2-results__options select2-results__options--nested\"\n                  role=\"group\"\n                  [attr.aria-labelledby]=\"getElementId(groupOrOption)\"\n                >\n                  @for (option of group.options; track option.id; let j = $index) {\n                    <li\n                      #result\n                      [id]=\"getElementId(option)\"\n                      [class]=\"getOptionStyle(option)\"\n                      role=\"option\"\n                      [attr.aria-selected]=\"isSelected(option)\"\n                      [attr.aria-disabled]=\"isDisabled(option)\"\n                      [dir]=\"option.dir\"\n                      (mouseenter)=\"mouseenter(option)\"\n                      (click)=\"click(option)\"\n                    >\n                      @if (!hasTemplate(option, 'option')) {\n                        <div\n                          class=\"select2-label-content\"\n                          [innerHTML]=\"option.label | highlightText: searchText : !highlightText()\"\n                        ></div>\n                      } @else {\n                        <ng-container *ngTemplateOutlet=\"getTemplate(option, 'option'); context: getContext(option)\" />\n                      }\n                    </li>\n                  }\n                </ul>\n              </li>\n            } @else {\n              @let option = _toOption(groupOrOption);\n              <li\n                #result\n                [id]=\"getElementId(groupOrOption)\"\n                [class]=\"getOptionStyle(option)\"\n                role=\"option\"\n                [attr.aria-selected]=\"isSelected(option)\"\n                [attr.aria-disabled]=\"isDisabled(option)\"\n                [dir]=\"option.dir\"\n                (mouseenter)=\"mouseenter(option)\"\n                (click)=\"click(option)\"\n              >\n                @if (!hasTemplate(option, 'option')) {\n                  <div\n                    [innerHTML]=\"option.label | highlightText: searchText : !highlightText()\"\n                    class=\"select2-label-content\"\n                  ></div>\n                } @else {\n                  <ng-container *ngTemplateOutlet=\"getTemplate(option, 'option'); context: getContext(option)\">\n                  </ng-container>\n                }\n              </li>\n            }\n          }\n          @if (!filteredData()?.length && noResultMessage()) {\n            <li class=\"select2-no-result select2-results__option\" [innerHTML]=\"noResultMessage()\"></li>\n          }\n          @if (maxResultsExceeded) {\n            <li class=\"select2-too-much-result select2-results__option\" [innerHTML]=\"maxResultsMessage()\"></li>\n          }\n        </ul>\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #resetButton>\n  <button\n    type=\"button\"\n    (focus)=\"_updateFocusState(true)\"\n    (click)=\"reset($event)\"\n    (keydown)=\"$event.stopPropagation()\"\n    class=\"select2-selection__reset\"\n    [attr.aria-description]=\"ariaResetButtonDescription()\"\n    [attr.aria-controls]=\"idCombo()\"\n  >\n    <span aria-hidden=\"true\">\u00D7</span>\n  </button>\n</ng-template>\n", styles: [".select2-label{color:var(--select2-label-text-color, #000)}.select2-container{display:inline-block;position:relative;vertical-align:middle;box-sizing:border-box;margin:0;width:100%}.select2-container .select2-container-dropdown{position:absolute;opacity:0;width:0px}.select2-container .select2-selection--single{display:block;cursor:pointer;box-sizing:border-box;height:var(--select2-single-height, 28px);-webkit-user-select:none;user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;flex:1 1 auto;padding:var(--select2-selection-padding, 0 0 0 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container .select2-selection--multiple{display:block;cursor:pointer;box-sizing:border-box;min-height:var(--select2-multiple-height, 28px);-webkit-user-select:none;user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-flex;flex-wrap:wrap;gap:var(--select2-selection-multiple-gap, 2px 5px);padding-bottom:2px;padding-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__auto-create{display:flex;flex:1 1 150px;min-width:150px}.select2-container .select2-selection--multiple .select2-selection__rendered .select2-create__field{border:0;width:100%}.select2-container .select2-selection--multiple .select2-selection__rendered .select2-create__field:focus{outline:0;border:0}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;margin-top:5px;border:none;padding:0;font-size:100%}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{display:block;position:absolute;z-index:1051;box-sizing:border-box;border:1px solid var(--select2-dropdown-border-color, #aaa);border-radius:var(--select2-selection-border-radius, 4px);background:var(--select2-dropdown-background, white);width:100%;height:0;overflow:hidden}.select2-dropdown .select2-label-content{display:contents}.select2-results{display:block}.select2-results__options{margin:0;padding:0;list-style:none}.select2-results__options ::ng-deep .select2-highlight-text{background:var(--select2-highlight-text-background, transparent);color:var(--select2-highlight-text-color, inherit);font-weight:var(--select2-highlight-text-font-weight, 800)}.select2-results__option{padding:var(--select2-option-padding, 6px);color:var(--select2-option-text-color, #000);-webkit-user-select:none;user-select:none;text-align:initial}.select2-results__option[aria-selected]{cursor:pointer}.select2-container.select2-container-dropdown.select2-container--open{opacity:1;width:100%}.select2-container--open .select2-dropdown{height:auto;overflow:auto}.select2-container--open .select2-dropdown--above{display:flex;bottom:27px;flex-direction:column-reverse;border-bottom:var(--select2-dropdown-above-border-bottom, none);border-bottom-right-radius:var(--select2-dropdown-above-border-bottom-right-radius, 0);border-bottom-left-radius:var(--select2-dropdown-above-border-bottom-left-radius, 0)}.select2-container--open .select2-dropdown--below{border-top:var(--select2-dropdown-below-border-top, none);border-top-right-radius:var(--select2-dropdown-below-border-top-right-radius, 0);border-top-left-radius:var(--select2-dropdown-below-border-top-left-radius, 0)}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{box-sizing:border-box;padding:4px;width:100%}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{display:block;position:fixed;top:0;left:0;opacity:0;z-index:99;margin:0;border:0;padding:0;width:auto;min-width:100%;height:auto;min-height:100%}.select2-required:before{content:\"*\";color:var(--select2-required-color, red)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;position:absolute!important;margin:-1px!important;padding:0!important;width:1px!important;height:1px!important;overflow:hidden!important}.select2-container--default .select2-selection--single{display:flex;border:1px solid var(--select2-selection-border-color, #aaa);border-radius:var(--select2-selection-border-radius, 4px);background:var(--select2-selection-background, #fff)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--select2-selection-text-color, #111);line-height:var(--select2-selection-line-height, 28px)}.select2-container--default .select2-selection--single .select2-selection__clear{float:right;cursor:pointer;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--select2-placeholder-color, #999)}.select2-container--default .select2-selection--single .select2-selection__placeholder span{overflow:hidden;text-overflow:var(--select2-placeholder-overflow, ellipsis);white-space:nowrap}.select2-container--default .select2-selection--single .select2-selection__placeholder__option{display:none}.select2-container--default .select2-selection--single .select2-selection__override{flex:1;margin:0 5px}.select2-container--default .select2-selection--single .select2-selection__reset,.select2-container--default .select2-selection--single .select2-selection__arrow{display:flex;justify-content:center;align-items:center;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow:before{border-width:5px 4px 0;border-style:solid;border-color:var(--select2-arrow-color, #888) transparent;width:0;height:0;content:\" \"}.select2-container--default .select2-selection__reset{align-self:center;border:var(--select2-reset-border, none);border-radius:var(--select2-reset-border-radius, 4px);background:var(--select2-reset-background, transparent);height:fit-content;color:var(--select2-reset-color, #999)}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear,.select2-container--default.select2-container--disabled .select2-selection__choice__remove,.select2-container--default.select2-container--readonly .select2-selection--single .select2-selection__clear,.select2-container--default.select2-container--readonly .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--disabled .select2-selection--single,.select2-container--default.select2-container--disabled .select2-selection--multiple{cursor:default;background:var(--select2-selection-disabled-background, #eee)}.select2-container--default.select2-container--readonly .select2-selection--single,.select2-container--default.select2-container--readonly .select2-selection--multiple{background:var(--select2-selection-readonly-background, #eee)}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before{border-width:0 4px 5px;border-color:transparent transparent var(--select2-arrow-color, #888)}.select2-container--default .select2-selection--multiple{display:flex;cursor:text;border:1px solid var(--select2-selection-border-color, #aaa);border-radius:var(--select2-selection-border-radius, 4px);background:var(--select2-selection-background, #fff)}.select2-container--default .select2-selection--multiple .select2-selection__rendered{flex:1 1 auto;align-items:center;box-sizing:border-box;margin:0;padding:var(--select2-selection-multiple-padding, 2px 5px);width:100%;min-height:1em;list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{line-height:var(--select2-selection-choice-line-height, 20px);list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{display:block;float:left;margin:-3px 0;width:100%;overflow:hidden;color:var(--select2-placeholder-color, #999);text-overflow:var(--select2-placeholder-overflow, ellipsis);white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__placeholder__option{display:none}.select2-container--default .select2-selection--multiple .select2-selection__override{flex:1;margin:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__clear{float:right;cursor:pointer;margin-top:5px;margin-right:10px;font-weight:700}.select2-container--default .select2-selection--multiple .select2-selection__choice{cursor:default;border:1px solid var(--select2-selection-choice-border-color, #aaa);border-radius:var(--select2-selection-border-radius, 4px);background:var(--select2-selection-choice-background, #e4e4e4);padding:0 5px;color:var(--select2-selection-choice-text-color, #000)}.select2-container--default .select2-selection--multiple .select2-selection__choice.cdk-drag:not(.cdk-drag-disabled){cursor:move}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{display:inline-block;cursor:pointer;margin-right:2px;color:var(--select2-selection-choice-close-color, #999);font-weight:700}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:var(--select2-selection-choice-hover-close-color, #333)}.select2-container--default.select2-container--focused .select2-selection--multiple{outline:none;border:solid var(--select2-selection-focus-border-color, #000) 1px}.select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--single,.select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--multiple{outline:none;border:solid var(--select2-selection-focus-border-color, #000) 1px}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-right-radius:0;border-top-left-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid var(--select2-search-border-color, #aaa);border-radius:var(--select2-search-border-radius, 0px);background:1px solid var(--select2-search-background, #fff)}.select2-container--default .select2-search--inline .select2-search__field{-webkit-appearance:textfield;outline:none;box-shadow:none;border:none;background:transparent}.select2-container--default .select2-results>.select2-results__options{overflow-y:auto}.select2-container--default .select2-results__option.select2-results__group{grid-column:col-start/col-end;padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{background:var(--select2-option-disabled-background, transparent);color:var(--select2-option-disabled-text-color, #999)}.select2-container--default .select2-results__option[aria-selected=true]{background:var(--select2-option-selected-background, #ddd);color:var(--select2-option-selected-text-color, #000)}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--select2-option-highlighted-background, #5897fb);color:var(--select2-option-highlighted-text-color, #fff)}.select2-container--default .select2-results__option--highlighted[aria-selected] ::ng-deep .select2-highlight-text{background:var(--select2-highlighted-highlight-text-background, transparent);color:var(--select2-highlighted-highlight-text-color, inherit);font-weight:var(--select2-highlighted-highlight-text-font-weight, 800)}.select2-container--default .select2-results__option--hide{display:none}.select2-container--default .select2-results__group{display:block;cursor:default;background:var(--select2-option-group-background, transparent);padding:6px;color:var(--select2-option-group-text-color, gray)}.select2-no-result{color:var(--select2-no-result-color, #888);font-style:var(--select2-no-result-font-style, italic)}.select2-too-much-result{color:var(--select2-too-much-result-color, #888);font-style:var(--select2-too-much-font-style, italic)}.select2-grid,.select2-grid ul{display:grid;grid-template-columns:[col-start] repeat(var(--grid-size),1fr) [col-end]}.select2-grid-auto,.select2-grid-auto ul{display:grid;grid-template-columns:[col-start] repeat(auto-fill,minmax(var(--grid-size, 100px),1fr)) [col-end]}.select2-container--default .select2-grid ul,.select2-container--default .select2-grid-auto ul{padding-left:var(--select2-option-padding, 6px)}.select2-container--default .select2-grid ul .select2-results__group,.select2-container--default .select2-grid-auto ul .select2-results__group{padding-left:0}.select2-container--default .select2-grid ul .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option,.select2-container--default .select2-grid ul .select2-results__option .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option .select2-results__option,.select2-container--default .select2-grid ul .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid ul .select2-results__option .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid ul .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{padding-left:var(--select2-option-padding, 6px)}:host.nostyle .select2-dropdown{border-color:transparent}:host.nostyle .select2-selection--single,:host.nostyle .select2-selection--multiple{border-color:transparent;background:transparent}:host.nostyle .select2-container--default .select2-focused .select2-selection--single,:host.nostyle .select2-container--default .select2-focused .select2-selection--multiple,:host.nostyle .select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--single,:host.nostyle .select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--multiple{border-color:transparent;background:transparent}:host.borderless{--select2-dropdown-above-border-bottom: 1px solid var(--select2-dropdown-border-color, #aaa);--select2-dropdown-above-border-bottom-left-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-above-border-bottom-right-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-below-border-top: 1px solid var(--select2-dropdown-border-color, #aaa);--select2-dropdown-below-border-top-left-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-below-border-top-right-radius: var(--select2-selection-border-radius, 4px)}:host.borderless .select2-selection--single,:host.borderless .select2-selection--multiple{border-color:transparent;background:transparent}:host.borderless .select2-container--default .select2-focused .select2-selection--single,:host.borderless .select2-container--default .select2-focused .select2-selection--multiple,:host.borderless .select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--single,:host.borderless .select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--multiple{border-color:transparent;background:transparent}:host.select2-selection-nowrap .select2-selection--single.select2-selection,:host.select2-selection-nowrap .select2-selection--single.select2-selection span,:host.select2-selection-nowrap .select2-selection--single.select2-selection ul,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection span,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection ul{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host.select2-selection-nowrap .select2-selection--single.select2-selection ul,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection ul{display:flex;flex-wrap:nowrap}:host.select2-selection-nowrap .select2-selection--single.select2-selection li,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection li{display:flex}:host.material{display:inline-block;width:300px}:host.material>.select2-container{vertical-align:inherit;padding-bottom:1.29688em}:host.material>.select2-container .selection{display:inline-flex;align-items:baseline;border-top:.84375em solid transparent;padding:.4375em 0;width:100%;height:auto}:host.material .select2-container--default .select2-selection--single,:host.material .select2-container--default .select2-selection--multiple{box-sizing:border-box;border:0;border-radius:0;width:100%;height:24px}:host.material .select2-container--default .select2-selection--single:before,:host.material .select2-container--default .select2-selection--multiple:before{display:block;position:absolute;bottom:1.65em;background:var(--select2-material-underline, #ddd);width:100%;height:1px;content:\" \"}:host.material .select2-container--default .select2-selection--single:after,:host.material .select2-container--default .select2-selection--multiple:after{display:block;position:absolute;bottom:1.63em;left:50%;transition:none;background:var(--select2-material-underline-active, #5a419e);width:0%;height:2px;content:\" \"}:host.material .select2-container--default .select2-selection--single .select2-selection__rendered,:host.material .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding-left:1px;line-height:inherit}:host.material .select2-container--default .select2-selection--single .select2-selection__placeholder,:host.material .select2-container--default .select2-selection--multiple .select2-selection__placeholder{display:block;position:absolute;top:20px;left:0;transform-origin:0 21px;transition:transform .3s;color:var(--select2-material-placeholder-color, rgba(0, 0, 0, .38))}:host.material .select2-container--default .select2-container--open{bottom:1.6em;left:0}:host.material .select2-container--default .select2-selection__placeholder__option{transform:translateY(-1.5em) scale(.75) perspective(100px) translateZ(.001px);width:133.33333%}:host.material .select2-container--default .select2-selection__arrow{top:20px}:host.material .select2-container--default.select2-container--open .select2-selection--single:after,:host.material .select2-container--default.select2-container--open .select2-selection--multiple:after,:host.material .select2-container--default .select2-focused .select2-selection--single:after,:host.material .select2-container--default .select2-focused .select2-selection--multiple:after{left:0%;transition:width .3s cubic-bezier(.12,1,.77,1),left .3s cubic-bezier(.12,1,.77,1);width:100%}:host.material .select2-container--default .select2-dropdown{box-shadow:0 5px 5px #00000080;border:0;border-radius:0}:host.material .select2-container--default .select2-results__option[aria-selected=true],:host.material .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--select2-material-option-selected-background, rgba(0, 0, 0, .04));color:var(--select2-material-option-highlighted-text-color, #000)}:host.material .select2-container--default .select2-results__option[aria-selected=true]{color:var(--select2-material-option-selected-text-color, #ff5722)}:host.material .select2-container--default.select2-container--disabled .select2-selection--single,:host.material .select2-container--default.select2-container--disabled .select2-selection--multiple,:host.material .select2-container--default.select2-container--readonly .select2-selection--single,:host.material .select2-container--default.select2-container--readonly .select2-selection--multiple{background:transparent}:host.material .select2-container--default.select2-container--disabled .select2-selection--single:before,:host.material .select2-container--default.select2-container--disabled .select2-selection--multiple:before{background:var(--select2-material-underline-disabled, linear-gradient(to right, rgba(0, 0, 0, .26) 0, rgba(0, 0, 0, .26) 33%, transparent 0));background-position:0 bottom;background-size:4px 1px;background-repeat:repeat-x}:host.material .select2-container--default.select2-container--readonly .select2-selection--single:before,:host.material .select2-container--default.select2-container--readonly .select2-selection--multiple:before{background:var(--select2-material-underline-readonly, linear-gradient(to right, rgba(0, 0, 0, .26) 0, rgba(0, 0, 0, .26) 33%, transparent 0));background-position:0 bottom;background-size:4px 1px;background-repeat:repeat-x}:host.material.ng-invalid.ng-touched .select2-container--default .select2-selection--single:before,:host.material.ng-invalid.ng-touched .select2-container--default .select2-selection--single:after,:host.material.ng-invalid.ng-touched .select2-container--default .select2-selection--multiple:before,:host.material.ng-invalid.ng-touched .select2-container--default .select2-selection--multiple:after{background:var(--select2-material-underline-invalid, red)}:host.material:not(.select2-container--open) .select2-focused .select2-selection--single,:host.material:not(.select2-container--open) .select2-focused .select2-selection--multiple{border:0}:host.material .select2-subscript-wrapper{position:absolute;top:calc(100% - 1.72917em);color:var(--select2-hint-text-color, #888);font-size:75%}::ng-deep .select2-overlay-backdrop{background:var(--select2-overlay-backdrop, transparent)}::ng-deep .cdk-overlay-container .select2-container .select2-dropdown.select2-dropdown--above{bottom:0}::ng-deep .cdk-overlay-container .select2-container--open.select2-position-auto .select2-dropdown{margin-bottom:28px}::ng-deep .cdk-overlay-container .select2-container--open.select2-position-auto .select2-dropdown.select2-dropdown--above{bottom:0;margin-top:28px;margin-bottom:0}::ng-deep .cdk-overlay-container .select2-style-borderless{--select2-dropdown-above-border-bottom: 1px solid var(--select2-dropdown-border-color, #aaa);--select2-dropdown-above-border-bottom-left-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-above-border-bottom-right-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-below-border-top: 1px solid var(--select2-dropdown-border-color, #aaa);--select2-dropdown-below-border-top-left-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-below-border-top-right-radius: var(--select2-selection-border-radius, 4px)}@supports (-moz-appearance: none){select2.material .select2-container--default .select2-selection--single,select2.material .select2-container--default .select2-selection--multiple{height:26px}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], minCharForSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "minCharForSearch", required: false }] }], displaySearchStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "displaySearchStatus", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], limitSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "limitSelection", required: false }] }], listPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "listPosition", required: false }] }], overlay: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlay", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], multipleDrag: [{ type: i0.Input, args: [{ isSignal: true, alias: "multipleDrag", required: false }] }], styleMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleMode", required: false }] }], noResultMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "noResultMessage", required: false }] }], maxResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxResults", required: false }] }], maxResultsMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxResultsMessage", required: false }] }], infiniteScrollDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "infiniteScrollDistance", required: false }] }], infiniteScrollThrottle: [{ type: i0.Input, args: [{ isSignal: true, alias: "infiniteScrollThrottle", required: false }] }], infiniteScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "infiniteScroll", required: false }] }], autoCreate: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoCreate", required: false }] }], noLabelTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "noLabelTemplate", required: false }] }], editPattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "editPattern", required: false }] }], templates: [{ type: i0.Input, args: [{ isSignal: true, alias: "templates", required: false }] }], templateSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateSelection", required: false }] }], resultMaxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "resultMaxHeight", required: false }] }], customSearchEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "customSearchEnabled", required: false }] }], minCountForSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "minCountForSearch", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hideSelectedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideSelectedItems", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], resettable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resettable", required: false }] }], resetSelectedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "resetSelectedValue", required: false }] }], nativeKeyboard: [{ type: i0.Input, args: [{ isSignal: true, alias: "nativeKeyboard", required: false }] }], highlightText: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightText", required: false }] }], grid: [{ type: i0.Input, args: [{ isSignal: true, alias: "grid", required: false }] }], selectionOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionOverride", required: false }] }], selectionNoWrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionNoWrap", required: false }] }], showSelectAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSelectAll", required: false }] }], removeAllText: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeAllText", required: false }] }], selectAllText: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAllText", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledby", required: false }] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedby", required: false }] }], ariaInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaInvalid", required: false }] }], ariaResetButtonDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaResetButtonDescription", required: false }] }], update: [{ type: i0.Output, args: ["update"] }], autoCreateItem: [{ type: i0.Output, args: ["autoCreateItem"] }], open: [{ type: i0.Output, args: ["open"] }], close: [{ type: i0.Output, args: ["close"] }], focus: [{ type: i0.Output, args: ["focus"] }], blur: [{ type: i0.Output, args: ["blur"] }], search: [{ type: i0.Output, args: ["search"] }], scroll: [{ type: i0.Output, args: ["scroll"] }], removeOption: [{ type: i0.Output, args: ["removeOption"] }], cdkConnectedOverlay: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkConnectedOverlay), { isSignal: true }] }], selection: [{ type: i0.ViewChild, args: ['selection', { isSignal: true }] }], resultContainer: [{ type: i0.ViewChild, args: ['results', { isSignal: true }] }], results: [{ type: i0.ViewChildren, args: ['result', { isSignal: true }] }], searchInput: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }], dropdown: [{ type: i0.ViewChild, args: ['dropdown', { isSignal: true }] }] } });
+                    }, template: "<label class=\"select2-label\" (click)=\"toggleOpenAndClose()\" [id]=\"idLabel()\">\n  <ng-content select=\"select2-label, ng-select2-label\"></ng-content>\n  @if (required()) {\n    <span class=\"select2-required\" aria-hidden=\"true\"></span>\n  }\n</label>\n\n<div\n  class=\"select2 select2-container select2-container--default\"\n  [class.select2-container--focus]=\"focused\"\n  [class.select2-container--below]=\"!select2above()\"\n  [class.select2-container--above]=\"select2above()\"\n  [class.select2-container--open]=\"isOpen\"\n  [class.select2-container--disabled]=\"disabled()\"\n  [class.select2-container--readonly]=\"readonly()\"\n>\n  <div\n    [id]=\"idCombo()\"\n    role=\"combobox\"\n    class=\"selection\"\n    #selection\n    #trigger=\"cdkOverlayOrigin\"\n    [tabindex]=\"!this.isOpen ? _tabIndex : '-1'\"\n    [attr.aria-labelledby]=\"ariaLabelledby() ?? idLabel()\"\n    [attr.aria-expanded]=\"isOpen\"\n    aria-haspopup=\"listbox\"\n    [attr.aria-controls]=\"idOptions()\"\n    [attr.aria-activedescendant]=\"isOpen ? hoveringOptionId() : null\"\n    [attr.aria-describedby]=\"ariaDescribedby()\"\n    [attr.title]=\"title()\"\n    [attr.aria-invalid]=\"_isErrorState() || ariaInvalid() ? 'true' : null\"\n    [attr.aria-required]=\"required() ? 'true' : null\"\n    [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n    [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n    (click)=\"toggleOpenAndClose()\"\n    (focus)=\"focusin()\"\n    (focusout)=\"focusout($event)\"\n    (keydown)=\"openKey($event)\"\n    cdkOverlayOrigin\n    [class.select2-focused]=\"focused\"\n  >\n    <div\n      class=\"select2-selection\"\n      [class.select2-selection--multiple]=\"multiple()\"\n      [class.select2-selection--single]=\"!multiple()\"\n    >\n      @if (selectionOverride()) {\n        <span class=\"select2-selection__override\" [innerHTML]=\"_selectionOverrideLabel()\"></span>\n\n        @if (\n          resettable() &&\n          !(disabled() || readonly()) &&\n          resetSelectedValue() !== _value &&\n          ((!multiple() && select2Option) || (multiple() && select2Options.length > 0))\n        ) {\n          <ng-container *ngTemplateOutlet=\"resetButton\" />\n        }\n      } @else if (!multiple()) {\n        <span\n          class=\"select2-selection__rendered\"\n          [title]=\"select2Option?.label || ''\"\n          [attr.aria-live]=\"nativeKeyboard() && !isOpen ? 'polite' : null\"\n          [dir]=\"select2Option?.dir\"\n        >\n          @if (!select2Option) {\n            <span>&nbsp;</span>\n          }\n          @if (select2Option) {\n            @if (!hasTemplate(select2Option, 'option', true) || noLabelTemplate()) {\n              <span [innerHTML]=\"select2Option.label\"></span>\n            } @else {\n              <ng-container *ngTemplateOutlet=\"getTemplate(select2Option, 'option', true); context: select2Option\" />\n            }\n          }\n          <span\n            [class.select2-selection__placeholder__option]=\"selectedOption\"\n            class=\"select2-selection__placeholder\"\n            >{{ placeholder() }}</span\n          >\n        </span>\n\n        @if (resettable() && resetSelectedValue() !== _value && select2Option && !(disabled() || readonly())) {\n          <ng-container *ngTemplateOutlet=\"resetButton\" />\n        }\n        <span class=\"select2-selection__arrow\" role=\"presentation\"> </span>\n      } @else {\n        <ul\n          class=\"select2-selection__rendered\"\n          cdkDropList\n          cdkDropListOrientation=\"mixed\"\n          [cdkDropListDisabled]=\"!multipleDrag()\"\n          (cdkDropListDropped)=\"drop($event)\"\n        >\n          @if (!autoCreate()) {\n            <span\n              [class.select2-selection__placeholder__option]=\"select2Options.length > 0\"\n              class=\"select2-selection__placeholder\"\n              >{{ placeholder() }}</span\n            >\n          }\n          @for (op of selectedOption || []; track op.id) {\n            <li\n              class=\"select2-selection__choice\"\n              [title]=\"op.label\"\n              tabindex=\"0\"\n              (focus)=\"_updateFocusState(true)\"\n              (keydown.enter)=\"removeSelection($event, op)\"\n              cdkDrag\n            >\n              @if (!(disabled() || readonly())) {\n                <span\n                  (click)=\"removeSelection($event, op)\"\n                  class=\"select2-selection__choice__remove\"\n                  role=\"presentation\"\n                  aria-hidden=\"true\"\n                  >\u00D7</span\n                >\n              }\n              @if (!hasTemplate(op, 'option', true) || noLabelTemplate()) {\n                <span [innerHTML]=\"op.label\"></span>\n              } @else {\n                <ng-container *ngTemplateOutlet=\"getTemplate(op, 'option', true); context: op\" />\n              }\n            </li>\n          }\n          @if (autoCreate()) {\n            <li class=\"select2-selection__auto-create\" (focus)=\"stopEvent($event)\" (blur)=\"stopEvent($event)\">\n              <input\n                [id]=\"id() + '-create-field'\"\n                [placeholder]=\"$any(selectedOption)?.length > 0 ? '' : (placeholder() ?? '')\"\n                (click)=\"toggleOpenAndClose(false, true); stopEvent($event)\"\n                (keydown)=\"keyDown($event, true)\"\n                (keyup)=\"searchUpdate($event)\"\n                (change)=\"prevChange($event)\"\n                class=\"select2-create__field\"\n                type=\"search\"\n                role=\"textbox\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                autocapitalize=\"off\"\n                spellcheck=\"false\"\n              />\n            </li>\n          }\n        </ul>\n        @if (resettable() && $any(selectedOption)?.length > 0 && !(disabled() || readonly())) {\n          <ng-container *ngTemplateOutlet=\"resetButton\" />\n        }\n      }\n    </div>\n  </div>\n  @if (!overlay()) {\n    <ng-container *ngTemplateOutlet=\"containerTemplate\" />\n  }\n\n  <div class=\"select2-subscript-wrapper\">\n    <ng-content select=\"select2-hint, ng-select2-hint\" />\n  </div>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayHasBackdrop\n  cdkConnectedOverlayBackdropClass=\"select2-overlay-backdrop\"\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"this.isOpen && overlay()\"\n  [cdkConnectedOverlayMinWidth]=\"overlayWidth\"\n  [cdkConnectedOverlayHeight]=\"overlayHeight\"\n  [cdkConnectedOverlayPositions]=\"_positions()\"\n  (backdropClick)=\"toggleOpenAndClose()\"\n>\n  <ng-container *ngTemplateOutlet=\"containerTemplate\" />\n</ng-template>\n\n<ng-template #containerTemplate>\n  <div\n    [id]=\"idOverlay()\"\n    class=\"select2-container select2-container--default select2-container-dropdown\"\n    [class.select2-container--open]=\"isOpen\"\n    [class.select2-overlay]=\"overlay()\"\n    [class.select2-position-auto]=\"listPosition() === 'auto'\"\n    [class.select2-style-borderless]=\"styleMode() === 'borderless'\"\n  >\n    <div\n      #dropdown\n      class=\"select2-dropdown\"\n      [class.select2-dropdown--below]=\"!select2above()\"\n      [class.select2-dropdown--above]=\"select2above()\"\n    >\n      <div class=\"select2-search select2-search--dropdown\" [class.select2-search--hide]=\"isSearchboxHidden\">\n        <input\n          #searchInput\n          [id]=\"id() + '-search-field'\"\n          [value]=\"searchText\"\n          (keydown)=\"keyDown($event, autoCreate())\"\n          (keyup)=\"searchUpdate($event)\"\n          (change)=\"prevChange($event)\"\n          class=\"select2-search__field\"\n          type=\"search\"\n          role=\"combobox\"\n          autocomplete=\"off\"\n          autocorrect=\"off\"\n          autocapitalize=\"off\"\n          spellcheck=\"false\"\n          [attr.tabindex]=\"this.isOpen ? _tabIndex : '-1'\"\n          [attr.aria-labelledby]=\"ariaLabelledby() ?? idLabel()\"\n          aria-autocomplete=\"list\"\n          [attr.aria-controls]=\"idOptions()\"\n          aria-expanded=\"true\"\n          [attr.aria-activedescendant]=\"hoveringOptionId()\"\n        />\n      </div>\n\n      <div class=\"select2-results\">\n        <ul\n          [id]=\"idOptions()\"\n          #results\n          class=\"select2-results__options\"\n          [class.select2-grid]=\"grid() && isNumber(grid())\"\n          [class.select2-grid-auto]=\"grid() && !isNumber(grid())\"\n          [style.max-height]=\"resultMaxHeight()\"\n          [style.--grid-size]=\"grid() || null\"\n          role=\"listbox\"\n          tabindex=\"-1\"\n          [attr.aria-labelledby]=\"ariaLabelledby() ?? idLabel()\"\n          [attr.aria-multiselectable]=\"multiple()\"\n          [attr.aria-activedescendant]=\"hoveringOptionId()\"\n          (keydown)=\"keyDown($event)\"\n        >\n          @if (showSelectAll() && multiple()) {\n            <li class=\"select2-results__option select2-selectall\" (click)=\"selectAll()\" tabindex=\"1\" aria-selected>\n              <div class=\"select2-label-content\">\n                {{ selectAllTest() ? removeAllText() : selectAllText() }}\n              </div>\n            </li>\n          }\n\n          @for (groupOrOption of filteredData(); track groupOrOption.id; let i = $index) {\n            @let group = _toGroup(groupOrOption);\n            @if (group.options !== undefined) {\n              <li class=\"select2-results__option select2-results__group\" [dir]=\"group.dir\">\n                <span [id]=\"getElementId(groupOrOption)\">\n                  @if (!hasTemplate(group, 'group')) {\n                    <strong\n                      [attr.class]=\"'select2-results__group' + (group.classes ? ' ' + group.classes : '')\"\n                      [innerHTML]=\"group.label\"\n                    ></strong>\n                  } @else {\n                    <ng-container *ngTemplateOutlet=\"getTemplate(group, 'group'); context: group\" />\n                  }\n                </span>\n                <ul\n                  class=\"select2-results__options select2-results__options--nested\"\n                  role=\"group\"\n                  [attr.aria-labelledby]=\"getElementId(groupOrOption)\"\n                >\n                  @for (option of group.options; track option.id; let j = $index) {\n                    <li\n                      #result\n                      [id]=\"getElementId(option)\"\n                      [class]=\"getOptionStyle(option)\"\n                      role=\"option\"\n                      [attr.aria-selected]=\"isSelected(option)\"\n                      [attr.aria-disabled]=\"isDisabled(option)\"\n                      [dir]=\"option.dir\"\n                      (mouseenter)=\"mouseenter(option)\"\n                      (click)=\"click(option)\"\n                    >\n                      @if (showOptionCheckbox()) {\n                        <input\n                          type=\"checkbox\"\n                          class=\"select2-option-checkbox\"\n                          [checked]=\"isSelected(option) === 'true'\"\n                          [disabled]=\"isDisabled(option) === 'true'\"\n                          aria-hidden=\"true\"\n                          tabindex=\"-1\"\n                        />\n                      }\n                      @if (!hasTemplate(option, 'option')) {\n                        <div\n                          class=\"select2-label-content\"\n                          [innerHTML]=\"option.label | highlightText: searchText : !highlightText()\"\n                        ></div>\n                      } @else {\n                        <ng-container *ngTemplateOutlet=\"getTemplate(option, 'option'); context: getContext(option)\" />\n                      }\n                    </li>\n                  }\n                </ul>\n              </li>\n            } @else {\n              @let option = _toOption(groupOrOption);\n              <li\n                #result\n                [id]=\"getElementId(groupOrOption)\"\n                [class]=\"getOptionStyle(option)\"\n                role=\"option\"\n                [attr.aria-selected]=\"isSelected(option)\"\n                [attr.aria-disabled]=\"isDisabled(option)\"\n                [dir]=\"option.dir\"\n                (mouseenter)=\"mouseenter(option)\"\n                (click)=\"click(option)\"\n              >\n                @if (showOptionCheckbox()) {\n                  <input\n                    type=\"checkbox\"\n                    class=\"select2-option-checkbox\"\n                    [checked]=\"isSelected(option) === 'true'\"\n                    [disabled]=\"isDisabled(option) === 'true'\"\n                    aria-hidden=\"true\"\n                    tabindex=\"-1\"\n                  />\n                }\n                @if (!hasTemplate(option, 'option')) {\n                  <div\n                    [innerHTML]=\"option.label | highlightText: searchText : !highlightText()\"\n                    class=\"select2-label-content\"\n                  ></div>\n                } @else {\n                  <ng-container *ngTemplateOutlet=\"getTemplate(option, 'option'); context: getContext(option)\">\n                  </ng-container>\n                }\n              </li>\n            }\n          }\n          @if (!filteredData()?.length && noResultMessage()) {\n            <li class=\"select2-no-result select2-results__option\" [innerHTML]=\"noResultMessage()\"></li>\n          }\n          @if (maxResultsExceeded) {\n            <li class=\"select2-too-much-result select2-results__option\" [innerHTML]=\"maxResultsMessage()\"></li>\n          }\n        </ul>\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #resetButton>\n  <button\n    type=\"button\"\n    (focus)=\"_updateFocusState(true)\"\n    (click)=\"reset($event)\"\n    (keydown)=\"$event.stopPropagation()\"\n    class=\"select2-selection__reset\"\n    [attr.aria-description]=\"ariaResetButtonDescription()\"\n    [attr.aria-controls]=\"idCombo()\"\n  >\n    <span aria-hidden=\"true\">\u00D7</span>\n  </button>\n</ng-template>\n", styles: [".select2-label{color:var(--select2-label-text-color, #000)}.select2-container{display:inline-block;position:relative;vertical-align:middle;box-sizing:border-box;margin:0;width:100%}.select2-container .select2-container-dropdown{position:absolute;opacity:0;width:0px}.select2-container .select2-selection--single{display:block;cursor:pointer;box-sizing:border-box;height:var(--select2-single-height, 28px);-webkit-user-select:none;user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;flex:1 1 auto;padding:var(--select2-selection-padding, 0 0 0 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container .select2-selection--multiple{display:block;cursor:pointer;box-sizing:border-box;min-height:var(--select2-multiple-height, 28px);-webkit-user-select:none;user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-flex;flex-wrap:wrap;gap:var(--select2-selection-multiple-gap, 2px 5px);padding-bottom:2px;padding-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__auto-create{display:flex;flex:1 1 150px;min-width:150px}.select2-container .select2-selection--multiple .select2-selection__rendered .select2-create__field{border:0;width:100%}.select2-container .select2-selection--multiple .select2-selection__rendered .select2-create__field:focus{outline:0;border:0}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;margin-top:5px;border:none;padding:0;font-size:100%}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{display:block;position:absolute;z-index:1051;box-sizing:border-box;border:1px solid var(--select2-dropdown-border-color, #aaa);border-radius:var(--select2-selection-border-radius, 4px);background:var(--select2-dropdown-background, white);width:100%;height:0;overflow:hidden}.select2-dropdown .select2-label-content{display:contents}.select2-results{display:block}.select2-results__options{margin:0;padding:0;list-style:none}.select2-results__options ::ng-deep .select2-highlight-text{background:var(--select2-highlight-text-background, transparent);color:var(--select2-highlight-text-color, inherit);font-weight:var(--select2-highlight-text-font-weight, 800)}.select2-results__option{padding:var(--select2-option-padding, 6px);color:var(--select2-option-text-color, #000);-webkit-user-select:none;user-select:none;text-align:initial}.select2-results__option[aria-selected]{cursor:pointer}.select2-results__option .select2-option-checkbox{vertical-align:middle;margin-inline-end:var(--select2-option-checkbox-margin, 6px);pointer-events:none;accent-color:var(--select2-option-checkbox-color, currentColor)}.select2-results__option:has(>.select2-option-checkbox){display:flex}.select2-container.select2-container-dropdown.select2-container--open{opacity:1;width:100%}.select2-container--open .select2-dropdown{height:auto;overflow:auto}.select2-container--open .select2-dropdown--above{display:flex;bottom:27px;flex-direction:column-reverse;border-bottom:var(--select2-dropdown-above-border-bottom, none);border-bottom-right-radius:var(--select2-dropdown-above-border-bottom-right-radius, 0);border-bottom-left-radius:var(--select2-dropdown-above-border-bottom-left-radius, 0)}.select2-container--open .select2-dropdown--below{border-top:var(--select2-dropdown-below-border-top, none);border-top-right-radius:var(--select2-dropdown-below-border-top-right-radius, 0);border-top-left-radius:var(--select2-dropdown-below-border-top-left-radius, 0)}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{box-sizing:border-box;padding:4px;width:100%}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{display:block;position:fixed;top:0;left:0;opacity:0;z-index:99;margin:0;border:0;padding:0;width:auto;min-width:100%;height:auto;min-height:100%}.select2-required:before{content:\"*\";color:var(--select2-required-color, red)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;position:absolute!important;margin:-1px!important;padding:0!important;width:1px!important;height:1px!important;overflow:hidden!important}.select2-container--default .select2-selection--single{display:flex;border:1px solid var(--select2-selection-border-color, #aaa);border-radius:var(--select2-selection-border-radius, 4px);background:var(--select2-selection-background, #fff)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--select2-selection-text-color, #111);line-height:var(--select2-selection-line-height, 28px)}.select2-container--default .select2-selection--single .select2-selection__clear{float:right;cursor:pointer;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--select2-placeholder-color, #999)}.select2-container--default .select2-selection--single .select2-selection__placeholder span{overflow:hidden;text-overflow:var(--select2-placeholder-overflow, ellipsis);white-space:nowrap}.select2-container--default .select2-selection--single .select2-selection__placeholder__option{display:none}.select2-container--default .select2-selection--single .select2-selection__override{flex:1;margin:0 5px}.select2-container--default .select2-selection--single .select2-selection__reset,.select2-container--default .select2-selection--single .select2-selection__arrow{display:flex;justify-content:center;align-items:center;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow:before{border-width:5px 4px 0;border-style:solid;border-color:var(--select2-arrow-color, #888) transparent;width:0;height:0;content:\" \"}.select2-container--default .select2-selection__reset{align-self:center;border:var(--select2-reset-border, none);border-radius:var(--select2-reset-border-radius, 4px);background:var(--select2-reset-background, transparent);height:fit-content;color:var(--select2-reset-color, #999)}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear,.select2-container--default.select2-container--disabled .select2-selection__choice__remove,.select2-container--default.select2-container--readonly .select2-selection--single .select2-selection__clear,.select2-container--default.select2-container--readonly .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--disabled .select2-selection--single,.select2-container--default.select2-container--disabled .select2-selection--multiple{cursor:default;background:var(--select2-selection-disabled-background, #eee)}.select2-container--default.select2-container--readonly .select2-selection--single,.select2-container--default.select2-container--readonly .select2-selection--multiple{background:var(--select2-selection-readonly-background, #eee)}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before{border-width:0 4px 5px;border-color:transparent transparent var(--select2-arrow-color, #888)}.select2-container--default .select2-selection--multiple{display:flex;cursor:text;border:1px solid var(--select2-selection-border-color, #aaa);border-radius:var(--select2-selection-border-radius, 4px);background:var(--select2-selection-background, #fff)}.select2-container--default .select2-selection--multiple .select2-selection__rendered{flex:1 1 auto;align-items:center;box-sizing:border-box;margin:0;padding:var(--select2-selection-multiple-padding, 2px 5px);width:100%;min-height:1em;list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{line-height:var(--select2-selection-choice-line-height, 20px);list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{display:block;float:left;margin:-3px 0;width:100%;overflow:hidden;color:var(--select2-placeholder-color, #999);text-overflow:var(--select2-placeholder-overflow, ellipsis);white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__placeholder__option{display:none}.select2-container--default .select2-selection--multiple .select2-selection__override{flex:1;margin:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__clear{float:right;cursor:pointer;margin-top:5px;margin-right:10px;font-weight:700}.select2-container--default .select2-selection--multiple .select2-selection__choice{cursor:default;border:1px solid var(--select2-selection-choice-border-color, #aaa);border-radius:var(--select2-selection-border-radius, 4px);background:var(--select2-selection-choice-background, #e4e4e4);padding:0 5px;color:var(--select2-selection-choice-text-color, #000)}.select2-container--default .select2-selection--multiple .select2-selection__choice.cdk-drag:not(.cdk-drag-disabled){cursor:move}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{display:inline-block;cursor:pointer;margin-right:2px;color:var(--select2-selection-choice-close-color, #999);font-weight:700}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:var(--select2-selection-choice-hover-close-color, #333)}.select2-container--default.select2-container--focused .select2-selection--multiple{outline:none;border:solid var(--select2-selection-focus-border-color, #000) 1px}.select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--single,.select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--multiple{outline:none;border:solid var(--select2-selection-focus-border-color, #000) 1px}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-right-radius:0;border-top-left-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid var(--select2-search-border-color, #aaa);border-radius:var(--select2-search-border-radius, 0px);background:1px solid var(--select2-search-background, #fff)}.select2-container--default .select2-search--inline .select2-search__field{-webkit-appearance:textfield;outline:none;box-shadow:none;border:none;background:transparent}.select2-container--default .select2-results>.select2-results__options{overflow-y:auto}.select2-container--default .select2-results__option.select2-results__group{grid-column:col-start/col-end;padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{background:var(--select2-option-disabled-background, transparent);color:var(--select2-option-disabled-text-color, #999)}.select2-container--default .select2-results__option[aria-selected=true]{background:var(--select2-option-selected-background, #ddd);color:var(--select2-option-selected-text-color, #000)}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--select2-option-highlighted-background, #5897fb);color:var(--select2-option-highlighted-text-color, #fff)}.select2-container--default .select2-results__option--highlighted[aria-selected] ::ng-deep .select2-highlight-text{background:var(--select2-highlighted-highlight-text-background, transparent);color:var(--select2-highlighted-highlight-text-color, inherit);font-weight:var(--select2-highlighted-highlight-text-font-weight, 800)}.select2-container--default .select2-results__option--hide{display:none}.select2-container--default .select2-results__group{display:block;cursor:default;background:var(--select2-option-group-background, transparent);padding:6px;color:var(--select2-option-group-text-color, gray)}.select2-no-result{color:var(--select2-no-result-color, #888);font-style:var(--select2-no-result-font-style, italic)}.select2-too-much-result{color:var(--select2-too-much-result-color, #888);font-style:var(--select2-too-much-font-style, italic)}.select2-grid,.select2-grid ul{display:grid;grid-template-columns:[col-start] repeat(var(--grid-size),1fr) [col-end]}.select2-grid-auto,.select2-grid-auto ul{display:grid;grid-template-columns:[col-start] repeat(auto-fill,minmax(var(--grid-size, 100px),1fr)) [col-end]}.select2-container--default .select2-grid ul,.select2-container--default .select2-grid-auto ul{padding-left:var(--select2-option-padding, 6px)}.select2-container--default .select2-grid ul .select2-results__group,.select2-container--default .select2-grid-auto ul .select2-results__group{padding-left:0}.select2-container--default .select2-grid ul .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option,.select2-container--default .select2-grid ul .select2-results__option .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option .select2-results__option,.select2-container--default .select2-grid ul .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid ul .select2-results__option .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid ul .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option,.select2-container--default .select2-grid-auto ul .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{padding-left:var(--select2-option-padding, 6px)}:host.nostyle .select2-dropdown{border-color:transparent}:host.nostyle .select2-selection--single,:host.nostyle .select2-selection--multiple{border-color:transparent;background:transparent}:host.nostyle .select2-container--default .select2-focused .select2-selection--single,:host.nostyle .select2-container--default .select2-focused .select2-selection--multiple,:host.nostyle .select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--single,:host.nostyle .select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--multiple{border-color:transparent;background:transparent}:host.borderless{--select2-dropdown-above-border-bottom: 1px solid var(--select2-dropdown-border-color, #aaa);--select2-dropdown-above-border-bottom-left-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-above-border-bottom-right-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-below-border-top: 1px solid var(--select2-dropdown-border-color, #aaa);--select2-dropdown-below-border-top-left-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-below-border-top-right-radius: var(--select2-selection-border-radius, 4px)}:host.borderless .select2-selection--single,:host.borderless .select2-selection--multiple{border-color:transparent;background:transparent}:host.borderless .select2-container--default .select2-focused .select2-selection--single,:host.borderless .select2-container--default .select2-focused .select2-selection--multiple,:host.borderless .select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--single,:host.borderless .select2-container--default:not(.select2-container--open) .select2-focused .select2-selection--multiple{border-color:transparent;background:transparent}:host.select2-selection-nowrap .select2-selection--single.select2-selection,:host.select2-selection-nowrap .select2-selection--single.select2-selection span,:host.select2-selection-nowrap .select2-selection--single.select2-selection ul,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection span,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection ul{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host.select2-selection-nowrap .select2-selection--single.select2-selection ul,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection ul{display:flex;flex-wrap:nowrap}:host.select2-selection-nowrap .select2-selection--single.select2-selection li,:host.select2-selection-nowrap .select2-selection--multiple.select2-selection li{display:flex}:host.material{display:inline-block;width:300px}:host.material>.select2-container{vertical-align:inherit;padding-bottom:1.29688em}:host.material>.select2-container .selection{display:inline-flex;align-items:baseline;border-top:.84375em solid transparent;padding:.4375em 0;width:100%;height:auto}:host.material .select2-container--default .select2-selection--single,:host.material .select2-container--default .select2-selection--multiple{box-sizing:border-box;border:0;border-radius:0;width:100%;height:24px}:host.material .select2-container--default .select2-selection--single:before,:host.material .select2-container--default .select2-selection--multiple:before{display:block;position:absolute;bottom:1.65em;background:var(--select2-material-underline, #ddd);width:100%;height:1px;content:\" \"}:host.material .select2-container--default .select2-selection--single:after,:host.material .select2-container--default .select2-selection--multiple:after{display:block;position:absolute;bottom:1.63em;left:50%;transition:none;background:var(--select2-material-underline-active, #5a419e);width:0%;height:2px;content:\" \"}:host.material .select2-container--default .select2-selection--single .select2-selection__rendered,:host.material .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding-left:1px;line-height:inherit}:host.material .select2-container--default .select2-selection--single .select2-selection__placeholder,:host.material .select2-container--default .select2-selection--multiple .select2-selection__placeholder{display:block;position:absolute;top:20px;left:0;transform-origin:0 21px;transition:transform .3s;color:var(--select2-material-placeholder-color, rgba(0, 0, 0, .38))}:host.material .select2-container--default .select2-container--open{bottom:1.6em;left:0}:host.material .select2-container--default .select2-selection__placeholder__option{transform:translateY(-1.5em) scale(.75) perspective(100px) translateZ(.001px);width:133.33333%}:host.material .select2-container--default .select2-selection__arrow{top:20px}:host.material .select2-container--default.select2-container--open .select2-selection--single:after,:host.material .select2-container--default.select2-container--open .select2-selection--multiple:after,:host.material .select2-container--default .select2-focused .select2-selection--single:after,:host.material .select2-container--default .select2-focused .select2-selection--multiple:after{left:0%;transition:width .3s cubic-bezier(.12,1,.77,1),left .3s cubic-bezier(.12,1,.77,1);width:100%}:host.material .select2-container--default .select2-dropdown{box-shadow:0 5px 5px #00000080;border:0;border-radius:0}:host.material .select2-container--default .select2-results__option[aria-selected=true],:host.material .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--select2-material-option-selected-background, rgba(0, 0, 0, .04));color:var(--select2-material-option-highlighted-text-color, #000)}:host.material .select2-container--default .select2-results__option[aria-selected=true]{color:var(--select2-material-option-selected-text-color, #ff5722)}:host.material .select2-container--default.select2-container--disabled .select2-selection--single,:host.material .select2-container--default.select2-container--disabled .select2-selection--multiple,:host.material .select2-container--default.select2-container--readonly .select2-selection--single,:host.material .select2-container--default.select2-container--readonly .select2-selection--multiple{background:transparent}:host.material .select2-container--default.select2-container--disabled .select2-selection--single:before,:host.material .select2-container--default.select2-container--disabled .select2-selection--multiple:before{background:var(--select2-material-underline-disabled, linear-gradient(to right, rgba(0, 0, 0, .26) 0, rgba(0, 0, 0, .26) 33%, transparent 0));background-position:0 bottom;background-size:4px 1px;background-repeat:repeat-x}:host.material .select2-container--default.select2-container--readonly .select2-selection--single:before,:host.material .select2-container--default.select2-container--readonly .select2-selection--multiple:before{background:var(--select2-material-underline-readonly, linear-gradient(to right, rgba(0, 0, 0, .26) 0, rgba(0, 0, 0, .26) 33%, transparent 0));background-position:0 bottom;background-size:4px 1px;background-repeat:repeat-x}:host.material.ng-invalid.ng-touched .select2-container--default .select2-selection--single:before,:host.material.ng-invalid.ng-touched .select2-container--default .select2-selection--single:after,:host.material.ng-invalid.ng-touched .select2-container--default .select2-selection--multiple:before,:host.material.ng-invalid.ng-touched .select2-container--default .select2-selection--multiple:after{background:var(--select2-material-underline-invalid, red)}:host.material:not(.select2-container--open) .select2-focused .select2-selection--single,:host.material:not(.select2-container--open) .select2-focused .select2-selection--multiple{border:0}:host.material .select2-subscript-wrapper{position:absolute;top:calc(100% - 1.72917em);color:var(--select2-hint-text-color, #888);font-size:75%}::ng-deep .select2-overlay-backdrop{background:var(--select2-overlay-backdrop, transparent)}::ng-deep .cdk-overlay-container .select2-container .select2-dropdown.select2-dropdown--above{bottom:0}::ng-deep .cdk-overlay-container .select2-container--open.select2-position-auto .select2-dropdown{margin-bottom:28px}::ng-deep .cdk-overlay-container .select2-container--open.select2-position-auto .select2-dropdown.select2-dropdown--above{bottom:0;margin-top:28px;margin-bottom:0}::ng-deep .cdk-overlay-container .select2-style-borderless{--select2-dropdown-above-border-bottom: 1px solid var(--select2-dropdown-border-color, #aaa);--select2-dropdown-above-border-bottom-left-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-above-border-bottom-right-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-below-border-top: 1px solid var(--select2-dropdown-border-color, #aaa);--select2-dropdown-below-border-top-left-radius: var(--select2-selection-border-radius, 4px);--select2-dropdown-below-border-top-right-radius: var(--select2-selection-border-radius, 4px)}@supports (-moz-appearance: none){select2.material .select2-container--default .select2-selection--single,select2.material .select2-container--default .select2-selection--multiple{height:26px}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], minCharForSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "minCharForSearch", required: false }] }], displaySearchStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "displaySearchStatus", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], limitSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "limitSelection", required: false }] }], listPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "listPosition", required: false }] }], overlay: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlay", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], multipleDrag: [{ type: i0.Input, args: [{ isSignal: true, alias: "multipleDrag", required: false }] }], styleMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleMode", required: false }] }], noResultMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "noResultMessage", required: false }] }], maxResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxResults", required: false }] }], maxResultsMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxResultsMessage", required: false }] }], infiniteScrollDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "infiniteScrollDistance", required: false }] }], infiniteScrollThrottle: [{ type: i0.Input, args: [{ isSignal: true, alias: "infiniteScrollThrottle", required: false }] }], infiniteScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "infiniteScroll", required: false }] }], autoCreate: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoCreate", required: false }] }], noLabelTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "noLabelTemplate", required: false }] }], editPattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "editPattern", required: false }] }], templates: [{ type: i0.Input, args: [{ isSignal: true, alias: "templates", required: false }] }], templateSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateSelection", required: false }] }], resultMaxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "resultMaxHeight", required: false }] }], customSearchEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "customSearchEnabled", required: false }] }], minCountForSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "minCountForSearch", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hideSelectedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideSelectedItems", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], resettable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resettable", required: false }] }], resetSelectedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "resetSelectedValue", required: false }] }], nativeKeyboard: [{ type: i0.Input, args: [{ isSignal: true, alias: "nativeKeyboard", required: false }] }], highlightText: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightText", required: false }] }], grid: [{ type: i0.Input, args: [{ isSignal: true, alias: "grid", required: false }] }], selectionOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionOverride", required: false }] }], selectionNoWrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionNoWrap", required: false }] }], showSelectAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSelectAll", required: false }] }], showOptionCheckbox: [{ type: i0.Input, args: [{ isSignal: true, alias: "showOptionCheckbox", required: false }] }], removeAllText: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeAllText", required: false }] }], selectAllText: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAllText", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledby", required: false }] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedby", required: false }] }], ariaInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaInvalid", required: false }] }], ariaResetButtonDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaResetButtonDescription", required: false }] }], update: [{ type: i0.Output, args: ["update"] }], autoCreateItem: [{ type: i0.Output, args: ["autoCreateItem"] }], open: [{ type: i0.Output, args: ["open"] }], close: [{ type: i0.Output, args: ["close"] }], focus: [{ type: i0.Output, args: ["focus"] }], blur: [{ type: i0.Output, args: ["blur"] }], search: [{ type: i0.Output, args: ["search"] }], scroll: [{ type: i0.Output, args: ["scroll"] }], removeOption: [{ type: i0.Output, args: ["removeOption"] }], cdkConnectedOverlay: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkConnectedOverlay), { isSignal: true }] }], selection: [{ type: i0.ViewChild, args: ['selection', { isSignal: true }] }], resultContainer: [{ type: i0.ViewChild, args: ['results', { isSignal: true }] }], results: [{ type: i0.ViewChildren, args: ['result', { isSignal: true }] }], searchInput: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }], dropdown: [{ type: i0.ViewChild, args: ['dropdown', { isSignal: true }] }], _ngOptions: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => Select2OptionDirective), { isSignal: true }] }], _ngGroups: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => Select2GroupDirective), { isSignal: true }] }] } });
 
 /*
  * Public API Surface of ng-select2-component
@@ -1806,5 +2050,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { Select2, Select2HighlightPipe, Select2Hint, Select2Label, Select2Utils, arabicDiacritical, defaultMinCountForSearch, hebrewDiacritical, latinDiacritical, protectRegexp, timeout, unicodePatterns };
+export { Select2, Select2ContentDirective, Select2GroupDirective, Select2HighlightPipe, Select2Hint, Select2Label, Select2OptionDirective, Select2Utils, arabicDiacritical, defaultMinCountForSearch, hebrewDiacritical, latinDiacritical, protectRegexp, timeout, unicodePatterns };
 //# sourceMappingURL=ng-select2-component.mjs.map