@open-rlb/ng-bootstrap 3.3.7 → 3.3.9

package/fesm2022/open-rlb-ng-bootstrap.mjs

@@ -3,7 +3,7 @@ import { input, booleanAttribute, output, viewChild, ChangeDetectionStrategy, Co
 import * as i2$1 from '@angular/router';
 import { RouterLink, RouterLinkActive, RouterModule } from '@angular/router';
 import { Collapse, Carousel, Dropdown, Modal, Toast, Offcanvas, ScrollSpy, Popover, Tooltip } from 'bootstrap';
-import { NgTemplateOutlet, TitleCasePipe, NgClass, formatDate, DatePipe, JsonPipe, CommonModule } from '@angular/common';
+import { NgTemplateOutlet, TitleCasePipe, NgClass, formatDate, JsonPipe, CommonModule } from '@angular/common';
 import { Subject, of, map, shareReplay, take, filter, switchMap, Subscription, debounceTime, distinctUntilChanged, Observable, lastValueFrom, takeUntil } from 'rxjs';
 import * as i2 from '@angular/cdk/layout';
 import * as i1 from '@angular/forms';
@@ -4068,6 +4068,7 @@ class ChatItemComponent {
         this.replayId = input(undefined, { ...(ngDevMode ? { debugName: "replayId" } : /* istanbul ignore next */ {}), alias: 'replay-id' });
         this.position = input('left', { ...(ngDevMode ? { debugName: "position" } : /* istanbul ignore next */ {}), alias: 'position' });
         this.reaction = input(undefined, { ...(ngDevMode ? { debugName: "reaction" } : /* istanbul ignore next */ {}), alias: 'reaction' });
+        this.hideReactionPicker = input(false, { ...(ngDevMode ? { debugName: "hideReactionPicker" } : /* istanbul ignore next */ {}), alias: 'hide-reaction-picker', transform: booleanAttribute });
         this.reply = output();
         this.reactionClick = output({ alias: 'reaction-click' });
         this.canReply = input(false, { ...(ngDevMode ? { debugName: "canReply" } : /* istanbul ignore next */ {}), alias: 'can-reply', transform: booleanAttribute });
@@ -4079,7 +4080,7 @@ class ChatItemComponent {
         this.reply.emit(this.replayId());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ChatItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: ChatItemComponent, isStandalone: true, selector: "rlb-chat-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, avatar: { classPropertyName: "avatar", publicName: "avatar", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, dateTime: { classPropertyName: "dateTime", publicName: "date-time", isSignal: true, isRequired: false, transformFunction: null }, replayText: { classPropertyName: "replayText", publicName: "replay-text", isSignal: true, isRequired: false, transformFunction: null }, replaySubject: { classPropertyName: "replaySubject", publicName: "replay-subject", isSignal: true, isRequired: false, transformFunction: null }, replayId: { classPropertyName: "replayId", publicName: "replay-id", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, reaction: { classPropertyName: "reaction", publicName: "reaction", isSignal: true, isRequired: false, transformFunction: null }, canReply: { classPropertyName: "canReply", publicName: "can-reply", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { reply: "reply", reactionClick: "reaction-click", reactionSelector: "reaction-selector" }, host: { properties: { "class.ms-auto": "position() === \"right\"" } }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: ChatItemComponent, isStandalone: true, selector: "rlb-chat-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, avatar: { classPropertyName: "avatar", publicName: "avatar", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, dateTime: { classPropertyName: "dateTime", publicName: "date-time", isSignal: true, isRequired: false, transformFunction: null }, replayText: { classPropertyName: "replayText", publicName: "replay-text", isSignal: true, isRequired: false, transformFunction: null }, replaySubject: { classPropertyName: "replaySubject", publicName: "replay-subject", isSignal: true, isRequired: false, transformFunction: null }, replayId: { classPropertyName: "replayId", publicName: "replay-id", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, reaction: { classPropertyName: "reaction", publicName: "reaction", isSignal: true, isRequired: false, transformFunction: null }, hideReactionPicker: { classPropertyName: "hideReactionPicker", publicName: "hide-reaction-picker", isSignal: true, isRequired: false, transformFunction: null }, canReply: { classPropertyName: "canReply", publicName: "can-reply", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { reply: "reply", reactionClick: "reaction-click", reactionSelector: "reaction-selector" }, host: { properties: { "class.ms-auto": "position() === \"right\"" } }, ngImport: i0, template: `
     <div
       [id]="id()"
       class="chat-bubble-item"
@@ -4118,11 +4119,11 @@ class ChatItemComponent {
           direction="up"
           class="reaction"
         >
-          @if (!reaction()) {
+          @if (!reaction() && !hideReactionPicker()) {
             <a
               rlb-button
               rlb-dropdown
-              autoClose="manual"
+              [auto-close]="'manual'"
               class="reaction add p-1"
               [class.right]="position() === 'right'"
               [class.left]="position() === 'left'"
@@ -4208,11 +4209,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
           direction="up"
           class="reaction"
         >
-          @if (!reaction()) {
+          @if (!reaction() && !hideReactionPicker()) {
             <a
               rlb-button
               rlb-dropdown
-              autoClose="manual"
+              [auto-close]="'manual'"
               class="reaction add p-1"
               [class.right]="position() === 'right'"
               [class.left]="position() === 'left'"
@@ -4256,16 +4257,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
   `,
                     host: { '[class.ms-auto]': 'position() === "right"' },
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [
-                        DropdownComponent,
-                        ButtonComponent,
-                        DropdownDirective,
-                        DropdownContainerComponent,
-                        DataTableActionComponent,
-                        DatePipe,
-                    ],
+                    imports: [DropdownComponent, ButtonComponent, DropdownDirective, DropdownContainerComponent],
                 }]
-        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], avatar: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatar", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], dateTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "date-time", required: false }] }], replayText: [{ type: i0.Input, args: [{ isSignal: true, alias: "replay-text", required: false }] }], replaySubject: [{ type: i0.Input, args: [{ isSignal: true, alias: "replay-subject", required: false }] }], replayId: [{ type: i0.Input, args: [{ isSignal: true, alias: "replay-id", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], reaction: [{ type: i0.Input, args: [{ isSignal: true, alias: "reaction", required: false }] }], reply: [{ type: i0.Output, args: ["reply"] }], reactionClick: [{ type: i0.Output, args: ["reaction-click"] }], canReply: [{ type: i0.Input, args: [{ isSignal: true, alias: "can-reply", required: false }] }], reactionSelector: [{ type: i0.Output, args: ["reaction-selector"] }] } });
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], avatar: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatar", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], dateTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "date-time", required: false }] }], replayText: [{ type: i0.Input, args: [{ isSignal: true, alias: "replay-text", required: false }] }], replaySubject: [{ type: i0.Input, args: [{ isSignal: true, alias: "replay-subject", required: false }] }], replayId: [{ type: i0.Input, args: [{ isSignal: true, alias: "replay-id", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], reaction: [{ type: i0.Input, args: [{ isSignal: true, alias: "reaction", required: false }] }], hideReactionPicker: [{ type: i0.Input, args: [{ isSignal: true, alias: "hide-reaction-picker", required: false }] }], reply: [{ type: i0.Output, args: ["reply"] }], reactionClick: [{ type: i0.Output, args: ["reaction-click"] }], canReply: [{ type: i0.Input, args: [{ isSignal: true, alias: "can-reply", required: false }] }], reactionSelector: [{ type: i0.Output, args: ["reaction-selector"] }] } });
 
 class ListComponent {
     constructor() {
@@ -6225,7 +6219,14 @@ class AbstractAutocompleteComponent extends AbstractComponent {
         const dropdown = this.dropdownEl();
         if (!dropdown)
             return;
-        // Always ensure the display is set, even if isOpen was already true
+        const rect = this.el?.nativeElement.getBoundingClientRect();
+        if (rect) {
+            this.renderer.setStyle(dropdown.nativeElement, 'position', 'fixed');
+            this.renderer.setStyle(dropdown.nativeElement, 'top', `${rect.bottom}px`);
+            this.renderer.setStyle(dropdown.nativeElement, 'left', `${rect.left}px`);
+            this.renderer.setStyle(dropdown.nativeElement, 'width', `${rect.width}px`);
+            this.renderer.setStyle(dropdown.nativeElement, 'z-index', '1050');
+        }
         this.renderer.setStyle(dropdown.nativeElement, 'display', 'block');
         this.isOpen = true;
     }
@@ -6354,6 +6355,9 @@ class AutocompleteCountryDialCodeComponent extends AbstractComponent {
     constructor() {
         super();
         this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+        this.dropdownTop = signal(0, ...(ngDevMode ? [{ debugName: "dropdownTop" }] : /* istanbul ignore next */ []));
+        this.dropdownLeft = signal(0, ...(ngDevMode ? [{ debugName: "dropdownLeft" }] : /* istanbul ignore next */ []));
+        this.dropdownWidth = signal(0, ...(ngDevMode ? [{ debugName: "dropdownWidth" }] : /* istanbul ignore next */ []));
         this.suggestions = signal([], ...(ngDevMode ? [{ debugName: "suggestions" }] : /* istanbul ignore next */ []));
         this.hasSuggestions = computed(() => this.suggestions().length > 0, ...(ngDevMode ? [{ debugName: "hasSuggestions" }] : /* istanbul ignore next */ []));
         this.disabled = model(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
@@ -7646,6 +7650,12 @@ class AutocompleteCountryDialCodeComponent extends AbstractComponent {
             this.closeDropdown();
     }
     openDropdown() {
+        const rect = this.el()?.nativeElement.getBoundingClientRect();
+        if (rect) {
+            this.dropdownTop.set(rect.bottom);
+            this.dropdownLeft.set(rect.left);
+            this.dropdownWidth.set(rect.width);
+        }
         this.isOpen.set(true);
     }
     closeDropdown() {
@@ -7690,10 +7700,13 @@ class AutocompleteCountryDialCodeComponent extends AbstractComponent {
       @if (isOpen()) {
         <div
           #autocomplete
-          class="dropdown-menu show w-100 position-absolute overflow-y-auto shadow"
+          class="dropdown-menu show overflow-y-auto shadow"
           [style.max-height.px]="maxHeight()"
           [style.max-width.px]="menuMaxWidth()"
-          style="z-index: 1000; top: 100%;"
+          [style.top.px]="dropdownTop()"
+          [style.left.px]="dropdownLeft()"
+          [style.width.px]="dropdownWidth()"
+          style="z-index: 1050; position: fixed;"
         >
           @if (!hasSuggestions()) {
             <a class="dropdown-item disabled text-center italic">No suggestions</a>
@@ -7768,10 +7781,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
       @if (isOpen()) {
         <div
           #autocomplete
-          class="dropdown-menu show w-100 position-absolute overflow-y-auto shadow"
+          class="dropdown-menu show overflow-y-auto shadow"
           [style.max-height.px]="maxHeight()"
           [style.max-width.px]="menuMaxWidth()"
-          style="z-index: 1000; top: 100%;"
+          [style.top.px]="dropdownTop()"
+          [style.left.px]="dropdownLeft()"
+          [style.width.px]="dropdownWidth()"
+          style="z-index: 1050; position: fixed;"
         >
           @if (!hasSuggestions()) {
             <a class="dropdown-item disabled text-center italic">No suggestions</a>
@@ -7815,12 +7831,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                         '[attr.id]': 'null',
                     },
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [
-                        NgClass,
-                        InputValidationComponent,
-                        ProgressComponent,
-                        DataTableActionComponent,
-                    ],
+                    imports: [NgClass, InputValidationComponent, ProgressComponent],
                 }]
         }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "max-height", required: false }] }], menuMaxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "menu-max-width", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], userDefinedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], enableFlagIcons: [{ type: i0.Input, args: [{ isSignal: true, alias: "enable-flag-icons", required: false }] }], enableValidation: [{ type: i0.Input, args: [{ isSignal: true, alias: "enable-validation", required: false }] }], el: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }], dropdown: [{ type: i0.ViewChild, args: ['autocomplete', { isSignal: true }] }], selected: [{ type: i0.Output, args: ["selected"] }] } });
 
@@ -7828,6 +7839,9 @@ class AutocompleteCountryComponent extends AbstractComponent {
     constructor() {
         super();
         this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+        this.dropdownTop = signal(0, ...(ngDevMode ? [{ debugName: "dropdownTop" }] : /* istanbul ignore next */ []));
+        this.dropdownLeft = signal(0, ...(ngDevMode ? [{ debugName: "dropdownLeft" }] : /* istanbul ignore next */ []));
+        this.dropdownWidth = signal(0, ...(ngDevMode ? [{ debugName: "dropdownWidth" }] : /* istanbul ignore next */ []));
         this.suggestions = signal([], ...(ngDevMode ? [{ debugName: "suggestions" }] : /* istanbul ignore next */ []));
         this.hasSuggestions = computed(() => this.suggestions().length > 0, ...(ngDevMode ? [{ debugName: "hasSuggestions" }] : /* istanbul ignore next */ []));
         this.disabled = model(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
@@ -8105,6 +8119,12 @@ class AutocompleteCountryComponent extends AbstractComponent {
             this.closeDropdown();
     }
     openDropdown() {
+        const rect = this.el()?.nativeElement.getBoundingClientRect();
+        if (rect) {
+            this.dropdownTop.set(rect.bottom);
+            this.dropdownLeft.set(rect.left);
+            this.dropdownWidth.set(rect.width);
+        }
         this.isOpen.set(true);
     }
     closeDropdown() {
@@ -8149,10 +8169,13 @@ class AutocompleteCountryComponent extends AbstractComponent {
       @if (isOpen()) {
         <div
           #autocomplete
-          class="dropdown-menu show w-100 position-absolute overflow-y-auto"
+          class="dropdown-menu show overflow-y-auto"
           [style.max-height.px]="maxHeight()"
           [style.max-width.px]="menuMaxWidth()"
-          style="z-index: 1000; top: 100%;"
+          [style.top.px]="dropdownTop()"
+          [style.left.px]="dropdownLeft()"
+          [style.width.px]="dropdownWidth()"
+          style="z-index: 1050; position: fixed;"
         >
           @if (!hasSuggestions()) {
             <a class="dropdown-item disabled text-center">No suggestions</a>
@@ -8216,10 +8239,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
       @if (isOpen()) {
         <div
           #autocomplete
-          class="dropdown-menu show w-100 position-absolute overflow-y-auto"
+          class="dropdown-menu show overflow-y-auto"
           [style.max-height.px]="maxHeight()"
           [style.max-width.px]="menuMaxWidth()"
-          style="z-index: 1000; top: 100%;"
+          [style.top.px]="dropdownTop()"
+          [style.left.px]="dropdownLeft()"
+          [style.width.px]="dropdownWidth()"
+          style="z-index: 1050; position: fixed;"
         >
           @if (!hasSuggestions()) {
             <a class="dropdown-item disabled text-center">No suggestions</a>
@@ -8253,11 +8279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                         '[attr.id]': 'null',
                     },
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [
-                        NgClass,
-                        InputValidationComponent,
-                        DataTableActionComponent,
-                    ],
+                    imports: [NgClass, InputValidationComponent],
                 }]
         }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "max-height", required: false }] }], menuMaxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "menu-max-width", required: false }] }], userDefinedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], enableFlagIcons: [{ type: i0.Input, args: [{ isSignal: true, alias: "enable-flag-icons", required: false }] }], enableValidation: [{ type: i0.Input, args: [{ isSignal: true, alias: "enable-validation", required: false }] }], el: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }], dropdown: [{ type: i0.ViewChild, args: ['autocomplete', { isSignal: true }] }], selected: [{ type: i0.Output, args: ["selected"] }] } });
 
@@ -8501,6 +8523,9 @@ class AutocompleteComponent extends AbstractComponent {
         this.acLoading = signal(false, ...(ngDevMode ? [{ debugName: "acLoading" }] : /* istanbul ignore next */ []));
         // State
         this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+        this.dropdownTop = signal(0, ...(ngDevMode ? [{ debugName: "dropdownTop" }] : /* istanbul ignore next */ []));
+        this.dropdownLeft = signal(0, ...(ngDevMode ? [{ debugName: "dropdownLeft" }] : /* istanbul ignore next */ []));
+        this.dropdownWidth = signal(0, ...(ngDevMode ? [{ debugName: "dropdownWidth" }] : /* istanbul ignore next */ []));
         this.suggestions = signal([], ...(ngDevMode ? [{ debugName: "suggestions" }] : /* istanbul ignore next */ []));
         this.hasSuggestions = computed(() => this.suggestions().length > 0, ...(ngDevMode ? [{ debugName: "hasSuggestions" }] : /* istanbul ignore next */ []));
         // Inputs
@@ -8629,6 +8654,12 @@ class AutocompleteComponent extends AbstractComponent {
     openDropdown() {
         if (this.isOpen())
             return;
+        const rect = this.el()?.nativeElement.getBoundingClientRect();
+        if (rect) {
+            this.dropdownTop.set(rect.bottom);
+            this.dropdownLeft.set(rect.left);
+            this.dropdownWidth.set(rect.width);
+        }
         this.isOpen.set(true);
     }
     closeDropdown() {
@@ -8670,10 +8701,13 @@ class AutocompleteComponent extends AbstractComponent {
       @if (isOpen()) {
         <div
           #autocomplete
-          class="dropdown-menu show w-100 position-absolute overflow-y-auto"
+          class="dropdown-menu show overflow-y-auto"
           [style.max-height.px]="maxHeight()"
           [style.max-width.px]="menuMaxWidth()"
-          style="z-index: 1000; top: 100%;"
+          [style.top.px]="dropdownTop()"
+          [style.left.px]="dropdownLeft()"
+          [style.width.px]="dropdownWidth()"
+          style="z-index: 1050; position: fixed;"
         >
           @if (acLoading()) {
             <div class="dropdown-item disabled text-center">Loading...</div>
@@ -8738,10 +8772,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
       @if (isOpen()) {
         <div
           #autocomplete
-          class="dropdown-menu show w-100 position-absolute overflow-y-auto"
+          class="dropdown-menu show overflow-y-auto"
           [style.max-height.px]="maxHeight()"
           [style.max-width.px]="menuMaxWidth()"
-          style="z-index: 1000; top: 100%;"
+          [style.top.px]="dropdownTop()"
+          [style.left.px]="dropdownLeft()"
+          [style.width.px]="dropdownWidth()"
+          style="z-index: 1050; position: fixed;"
         >
           @if (acLoading()) {
             <div class="dropdown-item disabled text-center">Loading...</div>
@@ -8770,17 +8807,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
     <ng-content select="[after]"></ng-content>
   `,
                     host: {
-                        // Modern Angular 21 syntax for global listeners
                         '(document:pointerdown)': 'onDocumentPointerDown($event)',
                         '(document:keydown.escape)': 'onEscape($event)',
                         '[attr.id]': 'null',
                     },
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [
-                        NgClass,
-                        InputValidationComponent,
-                        DataTableActionComponent,
-                    ],
+                    imports: [NgClass, InputValidationComponent],
                 }]
         }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "max-height", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], charsToSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "chars-to-search", required: false }] }], menuMaxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "menu-max-width", required: false }] }], userDefinedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], enableValidation: [{ type: i0.Input, args: [{ isSignal: true, alias: "enable-validation", required: false }] }], inputAutocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputAutocomplete", required: false }] }], el: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }], dropdown: [{ type: i0.ViewChild, args: ['autocomplete', { isSignal: true }] }], selected: [{ type: i0.Output, args: ["selected"] }] } });