@d4k-ui/nbx-inputs 21.0.0 → 21.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/fesm2022/d4k-ui-nbx-inputs.mjs +38 -42
  2. package/fesm2022/d4k-ui-nbx-inputs.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/types/d4k-ui-nbx-inputs.d.ts +9 -11
package/fesm2022/d4k-ui-nbx-inputs.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { inject, ElementRef, Injector, DestroyRef, input, signal, computed, effect, Directive, Component, HostListener, ChangeDetectionStrategy, viewChild, viewChildren, output, importProvidersFrom } from '@angular/core';
2
+ import { inject, ElementRef, Injector, DestroyRef, input, signal, computed, effect, Directive, Component, HostListener, ChangeDetectionStrategy, viewChild, viewChildren, output, forwardRef } from '@angular/core';
3
3
  import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
4
4
  import * as i1$2 from '@angular/forms';
5
5
  import { FormControl, FormArray, FormGroup, FormControlName, FormArrayName, NgControl, Validators, ValueChangeEvent, StatusChangeEvent, PristineChangeEvent, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -770,7 +770,7 @@ class NbxInputAutocompleteComponent extends NbxControlValueAccessorBaseDirective
770
770
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.15", type: NbxInputAutocompleteComponent, isStandalone: true, selector: "nbx-input-autocomplete", inputs: { optionsListClass: { classPropertyName: "optionsListClass", publicName: "optionsListClass", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, virtualScrollItemSizePX: { classPropertyName: "virtualScrollItemSizePX", publicName: "virtualScrollItemSizePX", isSignal: true, isRequired: false, transformFunction: null }, enableVirtualScroll: { classPropertyName: "enableVirtualScroll", publicName: "enableVirtualScroll", isSignal: true, isRequired: false, transformFunction: null }, anyStringInput: { classPropertyName: "anyStringInput", publicName: "anyStringInput", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectChanged: "selectChanged" }, providers: [
771
771
  {
772
772
  provide: NG_VALUE_ACCESSOR,
773
- useExisting: NbxInputAutocompleteComponent,
773
+ useExisting: forwardRef(() => NbxInputAutocompleteComponent),
774
774
  multi: true,
775
775
  },
776
776
  ], viewQueries: [{ propertyName: "optionsListContainer", first: true, predicate: ["optionsListContainer"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<nbx-input-wrapper\n (keydown.tab)=\"toggleOverlay(false)\"\n [context]=\"getContext()\"\n [inputId]=\"getInputId('input-autocomplete')\"\n [searchHasValue]=\"!!searchControl.value\">\n <ng-content label-content></ng-content>\n <input\n #inputElement\n #trigger=\"cdkOverlayOrigin\"\n type=\"text\"\n [status]=\"status()\"\n [size]=\"size()\"\n (click)=\"toggleOverlay(true)\"\n (focus)=\"toggleOverlay(true)\"\n (input)=\"toggleOverlay(true)\"\n (keydown.arrowdown)=\"$event.preventDefault(); switchFocusToOptions()\"\n autocomplete=\"off\"\n [id]=\"getInputId('input-autocomplete')\"\n [formControl]=\"searchControl\"\n [placeholder]=\"placeholder()\"\n nbInput\n cdkOverlayOrigin\n fullWidth />\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"overlayVisible()\"\n [cdkConnectedOverlayWidth]=\"clientWidth()\"\n (overlayOutsideClick)=\"toggleOverlay(false)\"\n (detach)=\"toggleOverlay(false)\">\n <nbx-select-options-list\n #optionsListContainer\n [optionsListClass]=\"optionsListClass()\"\n [virtualScrollItemSizePX]=\"virtualScrollItemSizePX()\"\n [enableVirtualScroll]=\"enableVirtualScroll()\"\n (optionClicked)=\"optionSelected($any($event))\"\n (tabClicked)=\"moveFocusToNextElement()\"\n [options]=\"filteredOptions()\"></nbx-select-options-list>\n </ng-template>\n</nbx-input-wrapper>\n", dependencies: [{ kind: "component", type: NbxInputWrapperComponent, selector: "nbx-input-wrapper", inputs: ["context", "isInputHasButton", "inputId", "copyAsJson", "floatLabelOnlyBySearch", "searchHasValue"] }, { kind: "component", type: NbxSelectOptionsListComponent, selector: "nbx-select-options-list", inputs: ["options", "optionsListClass", "enableVirtualScroll", "virtualScrollItemSizePX", "multi", "selectedValues"], outputs: ["optionClicked", "selectAll", "tabClicked"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$1.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: i1$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: NbInputDirective, selector: "input[nbInput],textarea[nbInput]", inputs: ["fieldSize", "size", "status", "shape", "fullWidth"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -786,7 +786,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
786
786
  ], providers: [
787
787
  {
788
788
  provide: NG_VALUE_ACCESSOR,
789
- useExisting: NbxInputAutocompleteComponent,
789
+ useExisting: forwardRef(() => NbxInputAutocompleteComponent),
790
790
  multi: true,
791
791
  },
792
792
  ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nbx-input-wrapper\n (keydown.tab)=\"toggleOverlay(false)\"\n [context]=\"getContext()\"\n [inputId]=\"getInputId('input-autocomplete')\"\n [searchHasValue]=\"!!searchControl.value\">\n <ng-content label-content></ng-content>\n <input\n #inputElement\n #trigger=\"cdkOverlayOrigin\"\n type=\"text\"\n [status]=\"status()\"\n [size]=\"size()\"\n (click)=\"toggleOverlay(true)\"\n (focus)=\"toggleOverlay(true)\"\n (input)=\"toggleOverlay(true)\"\n (keydown.arrowdown)=\"$event.preventDefault(); switchFocusToOptions()\"\n autocomplete=\"off\"\n [id]=\"getInputId('input-autocomplete')\"\n [formControl]=\"searchControl\"\n [placeholder]=\"placeholder()\"\n nbInput\n cdkOverlayOrigin\n fullWidth />\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"overlayVisible()\"\n [cdkConnectedOverlayWidth]=\"clientWidth()\"\n (overlayOutsideClick)=\"toggleOverlay(false)\"\n (detach)=\"toggleOverlay(false)\">\n <nbx-select-options-list\n #optionsListContainer\n [optionsListClass]=\"optionsListClass()\"\n [virtualScrollItemSizePX]=\"virtualScrollItemSizePX()\"\n [enableVirtualScroll]=\"enableVirtualScroll()\"\n (optionClicked)=\"optionSelected($any($event))\"\n (tabClicked)=\"moveFocusToNextElement()\"\n [options]=\"filteredOptions()\"></nbx-select-options-list>\n </ng-template>\n</nbx-input-wrapper>\n" }]
@@ -817,7 +817,7 @@ class NbxInputColorSelectComponent extends NbxControlValueAccessorBaseDirective
817
817
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: NbxInputColorSelectComponent, isStandalone: true, selector: "nbx-input-color-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, withTitle: { classPropertyName: "withTitle", publicName: "withTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { colorSelected: "colorSelected" }, host: { properties: { "style": "{\n '--nbx-color-input-disabled-text-color': 'var(--input-' + status() + '-disabled-text-color)',\n '--nbx-color-input-hover-background-color': 'var(--select-outline-' + status() + '-hover-background-color)',\n '--nbx-color-input-border-color': 'var(--select-outline-' + status() + '-border-color)',\n '--nbx-color-input-disabled-border-color': 'var(--select-outline-' + status() + '-disabled-border-color)',\n '--nbx-color-input-padding': 'var(--select-outline-' + size() + '-padding)',\n }" }, classAttribute: "input-control" }, providers: [
818
818
  {
819
819
  provide: NG_VALUE_ACCESSOR,
820
- useExisting: NbxInputColorSelectComponent,
820
+ useExisting: forwardRef(() => NbxInputColorSelectComponent),
821
821
  multi: true,
822
822
  },
823
823
  ], usesInheritance: true, ngImport: i0, template: "<nbx-input-wrapper [context]=\"getContext()\" [inputId]=\"getInputId('color-select-input')\">\n <ng-content label-content></ng-content>\n <div class=\"input-color-wrap\">\n <div class=\"nb-form-control-container nb-form-field-control-with-suffix\">\n <button\n type=\"button\"\n [disabled]=\"disabled()\"\n (click)=\"!disabled() ? toggleOverlay() : false\"\n cdkOverlayOrigin\n #trigger=\"cdkOverlayOrigin\"\n [id]=\"getInputId('color-select-input')\"\n class=\"select-button\">\n @if (selectedOption(); as selected) {\n @if (!selected.customData || withTitle()) {\n {{ selected.title }}\n }\n @if (selected.customData) {\n <div class=\"color-round\" [style.backgroundColor]=\"selected.customData\"></div>\n }\n } @else {\n @if (withTitle()) {\n <span> none </span>\n }\n <nb-icon icon=\"slash-outline\"></nb-icon>\n }\n\n <nb-icon icon=\"chevron-down-outline\" [class.active]=\"overlayVisible()\"></nb-icon>\n </button>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"overlayVisible()\"\n (overlayOutsideClick)=\"toggleOverlay(false)\">\n <div class=\"color-options-list\" [class.with-title]=\"withTitle()\">\n <button\n type=\"button\"\n class=\"color-option\"\n id=\"color-option-reset\"\n (click)=\"valueChanged($any(null)); toggleOverlay(false); colorSelected.emit(null)\">\n @if (withTitle()) {\n <div class=\"option-with-title\">\n none\n <nb-icon icon=\"slash-outline\"></nb-icon>\n </div>\n } @else {\n <nb-icon icon=\"slash-outline\"></nb-icon>\n }\n </button>\n @for (option of options(); track $index) {\n <button\n type=\"button\"\n class=\"color-option\"\n id=\"color-option-{{ $index }}\"\n [class.selected]=\"option.value === value()\"\n (click)=\"valueChanged(option.value); toggleOverlay(false); colorSelected.emit(option.value)\">\n @if (option.customData) {\n @if (withTitle()) {\n <div class=\"option-with-title\">\n {{ option.title }}\n <div class=\"color-round\" [style.backgroundColor]=\"option.customData\"></div>\n </div>\n } @else {\n <div class=\"color-round\" [style.backgroundColor]=\"option.customData\"></div>\n }\n } @else {\n {{ option.title }}\n }\n </button>\n }\n </div>\n </ng-template>\n </div>\n </div>\n</nbx-input-wrapper>\n", styles: ["@charset \"UTF-8\";button{padding:0;border:none;outline:none;background:none}.input-color-wrap{display:flex;align-items:center;width:100%;max-width:100%}.input-color-wrap .nb-form-control-container{width:100%}.select-button{background-color:var(--nbx-input-background-color);border-color:var(--nbx-color-input-border-color);color:var(--nbx-input-text-color);font-size:var(--nbx-input-font-size);font-weight:var(--nbx-input-font-weight);line-height:var(--nbx-input-line-height, 1);border-style:var(--select-outline-border-style);border-width:var(--select-outline-border-width);border-radius:var(--select-rectangle-border-radius);padding:var(--nbx-color-input-padding);display:flex;align-items:center;gap:.5rem}.select-button:disabled{border-color:var(--nbx-color-input-disabled-border-color);color:var(--nbx-color-input-disabled-text-color)}.select-button:hover{background-color:var(--nbx-color-input-hover-background-color)}.select-button nb-icon.active{transform:rotate(180deg)}.select-button nb-icon{font-size:inherit}.select-button .color-round{width:var(--nbx-input-line-height, 1.2em);height:var(--nbx-input-line-height, 1.2em)}.color-options-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem;background-color:var(--option-list-background-color);border-color:var(--option-list-border-color);border-style:var(--option-list-border-style);border-width:var(--option-list-border-width);border-radius:var(--option-list-border-radius);box-shadow:var(--option-list-shadow);overflow:hidden}.color-options-list .color-option{padding:.1rem;color:var(--option-text-color);font-weight:600;position:relative}@media(hover:hover){.color-options-list .color-option:hover{background-color:var(--option-hover-background-color)}}.color-options-list .color-option.selected{z-index:1}.color-options-list .color-option.selected .color-round:after{z-index:2;content:\"\\2713\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;color:#fff}.color-options-list.with-title{grid-template-columns:1fr;padding:.5rem 0}.color-options-list.with-title .color-option{padding:.5rem 1rem}.color-options-list.with-title .color-option.selected{background-color:var(--option-hover-background-color)}.color-options-list .option-with-title{display:flex;gap:.2rem;justify-content:space-between}.color-round{position:relative;width:1.2em;height:1.2em;border-radius:50%}\n"], dependencies: [{ kind: "component", type: NbIconComponent, selector: "nb-icon", inputs: ["icon", "pack", "options", "status", "config"], outputs: ["iconChange", "packChange", "optionsChange", "statusChange"] }, { kind: "component", type: NbxInputWrapperComponent, selector: "nbx-input-wrapper", inputs: ["context", "isInputHasButton", "inputId", "copyAsJson", "floatLabelOnlyBySearch", "searchHasValue"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$1.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: i1$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -836,7 +836,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
836
836
  }, providers: [
837
837
  {
838
838
  provide: NG_VALUE_ACCESSOR,
839
- useExisting: NbxInputColorSelectComponent,
839
+ useExisting: forwardRef(() => NbxInputColorSelectComponent),
840
840
  multi: true,
841
841
  },
842
842
  ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nbx-input-wrapper [context]=\"getContext()\" [inputId]=\"getInputId('color-select-input')\">\n <ng-content label-content></ng-content>\n <div class=\"input-color-wrap\">\n <div class=\"nb-form-control-container nb-form-field-control-with-suffix\">\n <button\n type=\"button\"\n [disabled]=\"disabled()\"\n (click)=\"!disabled() ? toggleOverlay() : false\"\n cdkOverlayOrigin\n #trigger=\"cdkOverlayOrigin\"\n [id]=\"getInputId('color-select-input')\"\n class=\"select-button\">\n @if (selectedOption(); as selected) {\n @if (!selected.customData || withTitle()) {\n {{ selected.title }}\n }\n @if (selected.customData) {\n <div class=\"color-round\" [style.backgroundColor]=\"selected.customData\"></div>\n }\n } @else {\n @if (withTitle()) {\n <span> none </span>\n }\n <nb-icon icon=\"slash-outline\"></nb-icon>\n }\n\n <nb-icon icon=\"chevron-down-outline\" [class.active]=\"overlayVisible()\"></nb-icon>\n </button>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"overlayVisible()\"\n (overlayOutsideClick)=\"toggleOverlay(false)\">\n <div class=\"color-options-list\" [class.with-title]=\"withTitle()\">\n <button\n type=\"button\"\n class=\"color-option\"\n id=\"color-option-reset\"\n (click)=\"valueChanged($any(null)); toggleOverlay(false); colorSelected.emit(null)\">\n @if (withTitle()) {\n <div class=\"option-with-title\">\n none\n <nb-icon icon=\"slash-outline\"></nb-icon>\n </div>\n } @else {\n <nb-icon icon=\"slash-outline\"></nb-icon>\n }\n </button>\n @for (option of options(); track $index) {\n <button\n type=\"button\"\n class=\"color-option\"\n id=\"color-option-{{ $index }}\"\n [class.selected]=\"option.value === value()\"\n (click)=\"valueChanged(option.value); toggleOverlay(false); colorSelected.emit(option.value)\">\n @if (option.customData) {\n @if (withTitle()) {\n <div class=\"option-with-title\">\n {{ option.title }}\n <div class=\"color-round\" [style.backgroundColor]=\"option.customData\"></div>\n </div>\n } @else {\n <div class=\"color-round\" [style.backgroundColor]=\"option.customData\"></div>\n }\n } @else {\n {{ option.title }}\n }\n </button>\n }\n </div>\n </ng-template>\n </div>\n </div>\n</nbx-input-wrapper>\n", styles: ["@charset \"UTF-8\";button{padding:0;border:none;outline:none;background:none}.input-color-wrap{display:flex;align-items:center;width:100%;max-width:100%}.input-color-wrap .nb-form-control-container{width:100%}.select-button{background-color:var(--nbx-input-background-color);border-color:var(--nbx-color-input-border-color);color:var(--nbx-input-text-color);font-size:var(--nbx-input-font-size);font-weight:var(--nbx-input-font-weight);line-height:var(--nbx-input-line-height, 1);border-style:var(--select-outline-border-style);border-width:var(--select-outline-border-width);border-radius:var(--select-rectangle-border-radius);padding:var(--nbx-color-input-padding);display:flex;align-items:center;gap:.5rem}.select-button:disabled{border-color:var(--nbx-color-input-disabled-border-color);color:var(--nbx-color-input-disabled-text-color)}.select-button:hover{background-color:var(--nbx-color-input-hover-background-color)}.select-button nb-icon.active{transform:rotate(180deg)}.select-button nb-icon{font-size:inherit}.select-button .color-round{width:var(--nbx-input-line-height, 1.2em);height:var(--nbx-input-line-height, 1.2em)}.color-options-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem;background-color:var(--option-list-background-color);border-color:var(--option-list-border-color);border-style:var(--option-list-border-style);border-width:var(--option-list-border-width);border-radius:var(--option-list-border-radius);box-shadow:var(--option-list-shadow);overflow:hidden}.color-options-list .color-option{padding:.1rem;color:var(--option-text-color);font-weight:600;position:relative}@media(hover:hover){.color-options-list .color-option:hover{background-color:var(--option-hover-background-color)}}.color-options-list .color-option.selected{z-index:1}.color-options-list .color-option.selected .color-round:after{z-index:2;content:\"\\2713\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;color:#fff}.color-options-list.with-title{grid-template-columns:1fr;padding:.5rem 0}.color-options-list.with-title .color-option{padding:.5rem 1rem}.color-options-list.with-title .color-option.selected{background-color:var(--option-hover-background-color)}.color-options-list .option-with-title{display:flex;gap:.2rem;justify-content:space-between}.color-round{position:relative;width:1.2em;height:1.2em;border-radius:50%}\n"] }]
@@ -848,6 +848,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
848
848
  class NbxInputDatePickerComponent extends NbxControlValueAccessorBaseDirective {
849
849
  minDate = input(null, ...(ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []));
850
850
  maxDate = input(null, ...(ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []));
851
+ format = input(...(ngDevMode ? [undefined, { debugName: "format" }] : /* istanbul ignore next */ []));
851
852
  dateChanged = output();
852
853
  constructor() {
853
854
  super();
@@ -856,20 +857,20 @@ class NbxInputDatePickerComponent extends NbxControlValueAccessorBaseDirective {
856
857
  this.dateChanged.emit(event);
857
858
  }
858
859
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: NbxInputDatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
859
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: NbxInputDatePickerComponent, isStandalone: true, selector: "nbx-input-date-picker", inputs: { minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateChanged: "dateChanged" }, providers: [
860
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: NbxInputDatePickerComponent, isStandalone: true, selector: "nbx-input-date-picker", inputs: { minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateChanged: "dateChanged" }, providers: [
860
861
  {
861
862
  provide: NG_VALUE_ACCESSOR,
862
- useExisting: NbxInputDatePickerComponent,
863
+ useExisting: forwardRef(() => NbxInputDatePickerComponent),
863
864
  multi: true,
864
865
  },
865
- ], usesInheritance: true, ngImport: i0, template: "<nbx-input-wrapper [context]=\"getContext()\" [isInputHasButton]=\"true\" [inputId]=\"getInputId('date-picker')\">\n <ng-content label-content></ng-content>\n <nb-form-field>\n <input\n fullWidth\n nbInput\n [status]=\"status()\"\n [size]=\"size()\"\n [id]=\"getInputId('date-picker')\"\n [placeholder]=\"placeholder()\"\n [nbDatepicker]=\"datePicker\"\n [formControl]=\"control\" />\n <button\n type=\"button\"\n [id]=\"getInputId('date-picker') + '-reset-button'\"\n [disabled]=\"disabled()\"\n title=\"Clear\"\n nbSuffix\n nbButton\n appearance=\"ghost\"\n (click)=\"control.reset()\">\n <nb-icon icon=\"backspace-outline\" pack=\"eva\"> </nb-icon>\n </button>\n </nb-form-field>\n <nb-datepicker\n #datePicker\n style=\"display: none\"\n (dateChange)=\"dateSelected($event)\"\n [min]=\"minDate()\"\n [max]=\"maxDate()\"></nb-datepicker>\n</nbx-input-wrapper>\n", dependencies: [{ kind: "component", type: NbxInputWrapperComponent, selector: "nbx-input-wrapper", inputs: ["context", "isInputHasButton", "inputId", "copyAsJson", "floatLabelOnlyBySearch", "searchHasValue"] }, { kind: "directive", type: NbInputDirective, selector: "input[nbInput],textarea[nbInput]", inputs: ["fieldSize", "size", "status", "shape", "fullWidth"] }, { kind: "component", type: NbButtonComponent, selector: "button[nbButton],a[nbButton],input[type=\"button\"][nbButton],input[type=\"submit\"][nbButton]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: NbIconComponent, selector: "nb-icon", inputs: ["icon", "pack", "options", "status", "config"], outputs: ["iconChange", "packChange", "optionsChange", "statusChange"] }, { kind: "component", type: NbFormFieldComponent, selector: "nb-form-field" }, { kind: "directive", type: NbSuffixDirective, selector: "[nbSuffix]" }, { kind: "directive", type: NbDatepickerDirective, selector: "input[nbDatepicker]", inputs: ["nbDatepicker"] }, { kind: "component", type: NbDatepickerComponent, selector: "nb-datepicker", inputs: ["date"], outputs: ["dateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
866
+ ], usesInheritance: true, ngImport: i0, template: "<nbx-input-wrapper [context]=\"getContext()\" [isInputHasButton]=\"true\" [inputId]=\"getInputId('date-picker')\">\n <ng-content label-content></ng-content>\n <nb-form-field>\n <input\n fullWidth\n nbInput\n [status]=\"status()\"\n [size]=\"size()\"\n [id]=\"getInputId('date-picker')\"\n [placeholder]=\"placeholder()\"\n [nbDatepicker]=\"datePicker\"\n [formControl]=\"control\" />\n <button\n type=\"button\"\n [id]=\"getInputId('date-picker') + '-reset-button'\"\n [disabled]=\"disabled()\"\n title=\"Clear\"\n nbSuffix\n nbButton\n appearance=\"ghost\"\n (click)=\"control.reset()\">\n <nb-icon icon=\"backspace-outline\" pack=\"eva\"> </nb-icon>\n </button>\n </nb-form-field>\n <nb-datepicker\n #datePicker\n style=\"display: none\"\n [format]=\"format()\"\n (dateChange)=\"dateSelected($event)\"\n [min]=\"minDate()\"\n [max]=\"maxDate()\"></nb-datepicker>\n</nbx-input-wrapper>\n", dependencies: [{ kind: "component", type: NbxInputWrapperComponent, selector: "nbx-input-wrapper", inputs: ["context", "isInputHasButton", "inputId", "copyAsJson", "floatLabelOnlyBySearch", "searchHasValue"] }, { kind: "directive", type: NbInputDirective, selector: "input[nbInput],textarea[nbInput]", inputs: ["fieldSize", "size", "status", "shape", "fullWidth"] }, { kind: "component", type: NbButtonComponent, selector: "button[nbButton],a[nbButton],input[type=\"button\"][nbButton],input[type=\"submit\"][nbButton]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: NbIconComponent, selector: "nb-icon", inputs: ["icon", "pack", "options", "status", "config"], outputs: ["iconChange", "packChange", "optionsChange", "statusChange"] }, { kind: "component", type: NbFormFieldComponent, selector: "nb-form-field" }, { kind: "directive", type: NbSuffixDirective, selector: "[nbSuffix]" }, { kind: "directive", type: NbDatepickerDirective, selector: "input[nbDatepicker]", inputs: ["nbDatepicker"] }, { kind: "component", type: NbDatepickerComponent, selector: "nb-datepicker", inputs: ["date"], outputs: ["dateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
866
867
  }
867
868
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: NbxInputDatePickerComponent, decorators: [{
868
869
  type: Component,
869
870
  args: [{ standalone: true, selector: 'nbx-input-date-picker', providers: [
870
871
  {
871
872
  provide: NG_VALUE_ACCESSOR,
872
- useExisting: NbxInputDatePickerComponent,
873
+ useExisting: forwardRef(() => NbxInputDatePickerComponent),
873
874
  multi: true,
874
875
  },
875
876
  ], imports: [
@@ -882,8 +883,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
882
883
  NbSuffixDirective,
883
884
  NbDatepickerDirective,
884
885
  NbDatepickerComponent,
885
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nbx-input-wrapper [context]=\"getContext()\" [isInputHasButton]=\"true\" [inputId]=\"getInputId('date-picker')\">\n <ng-content label-content></ng-content>\n <nb-form-field>\n <input\n fullWidth\n nbInput\n [status]=\"status()\"\n [size]=\"size()\"\n [id]=\"getInputId('date-picker')\"\n [placeholder]=\"placeholder()\"\n [nbDatepicker]=\"datePicker\"\n [formControl]=\"control\" />\n <button\n type=\"button\"\n [id]=\"getInputId('date-picker') + '-reset-button'\"\n [disabled]=\"disabled()\"\n title=\"Clear\"\n nbSuffix\n nbButton\n appearance=\"ghost\"\n (click)=\"control.reset()\">\n <nb-icon icon=\"backspace-outline\" pack=\"eva\"> </nb-icon>\n </button>\n </nb-form-field>\n <nb-datepicker\n #datePicker\n style=\"display: none\"\n (dateChange)=\"dateSelected($event)\"\n [min]=\"minDate()\"\n [max]=\"maxDate()\"></nb-datepicker>\n</nbx-input-wrapper>\n" }]
886
- }], ctorParameters: () => [], propDecorators: { minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], dateChanged: [{ type: i0.Output, args: ["dateChanged"] }] } });
886
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nbx-input-wrapper [context]=\"getContext()\" [isInputHasButton]=\"true\" [inputId]=\"getInputId('date-picker')\">\n <ng-content label-content></ng-content>\n <nb-form-field>\n <input\n fullWidth\n nbInput\n [status]=\"status()\"\n [size]=\"size()\"\n [id]=\"getInputId('date-picker')\"\n [placeholder]=\"placeholder()\"\n [nbDatepicker]=\"datePicker\"\n [formControl]=\"control\" />\n <button\n type=\"button\"\n [id]=\"getInputId('date-picker') + '-reset-button'\"\n [disabled]=\"disabled()\"\n title=\"Clear\"\n nbSuffix\n nbButton\n appearance=\"ghost\"\n (click)=\"control.reset()\">\n <nb-icon icon=\"backspace-outline\" pack=\"eva\"> </nb-icon>\n </button>\n </nb-form-field>\n <nb-datepicker\n #datePicker\n style=\"display: none\"\n [format]=\"format()\"\n (dateChange)=\"dateSelected($event)\"\n [min]=\"minDate()\"\n [max]=\"maxDate()\"></nb-datepicker>\n</nbx-input-wrapper>\n" }]
887
+ }], ctorParameters: () => [], propDecorators: { minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], dateChanged: [{ type: i0.Output, args: ["dateChanged"] }] } });
887
888
 
888
889
  /**
889
890
  * @description for correct work you need to provide NbDatepickerModule.forRoot() in you root providers list
@@ -892,6 +893,7 @@ class NbxInputDateRangePickerComponent extends NbxControlValueAccessorBaseDirect
892
893
  dateService = inject(NbDateService);
893
894
  minDate = input(null, ...(ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []));
894
895
  maxDate = input(null, ...(ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []));
896
+ format = input(...(ngDevMode ? [undefined, { debugName: "format" }] : /* istanbul ignore next */ []));
895
897
  dateRangeChanged = output();
896
898
  inputControl = new FormControl();
897
899
  constructor() {
@@ -922,20 +924,20 @@ class NbxInputDateRangePickerComponent extends NbxControlValueAccessorBaseDirect
922
924
  return;
923
925
  }
924
926
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: NbxInputDateRangePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
925
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: NbxInputDateRangePickerComponent, isStandalone: true, selector: "nbx-input-date-range-picker", inputs: { minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateRangeChanged: "dateRangeChanged" }, providers: [
927
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: NbxInputDateRangePickerComponent, isStandalone: true, selector: "nbx-input-date-range-picker", inputs: { minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateRangeChanged: "dateRangeChanged" }, providers: [
926
928
  {
927
929
  provide: NG_VALUE_ACCESSOR,
928
- useExisting: NbxInputDateRangePickerComponent,
930
+ useExisting: forwardRef(() => NbxInputDateRangePickerComponent),
929
931
  multi: true,
930
932
  },
931
- ], usesInheritance: true, ngImport: i0, template: "<nbx-input-wrapper [context]=\"getContext()\" [isInputHasButton]=\"true\" [inputId]=\"getInputId('date-range-picker')\">\n <ng-content label-content></ng-content>\n <nb-form-field>\n <input\n fullWidth\n nbInput\n [status]=\"status()\"\n [size]=\"size()\"\n [placeholder]=\"placeholder()\"\n [nbDatepicker]=\"dateRangePicker\"\n [formControl]=\"control\"\n [id]=\"getInputId('date-range-picker')\" />\n <button\n type=\"button\"\n [disabled]=\"disabled()\"\n [id]=\"getInputId('date-range-picker') + '-reset-button'\"\n title=\"Clear\"\n nbSuffix\n nbButton\n appearance=\"ghost\"\n (click)=\"control.reset()\">\n <nb-icon icon=\"backspace-outline\" pack=\"eva\"> </nb-icon>\n </button>\n </nb-form-field>\n <nb-rangepicker\n #dateRangePicker\n style=\"display: none\"\n (rangeChange)=\"dateChanged($event)\"\n [min]=\"minDate()\"\n [max]=\"maxDate()\"></nb-rangepicker>\n</nbx-input-wrapper>\n", dependencies: [{ kind: "component", type: NbxInputWrapperComponent, selector: "nbx-input-wrapper", inputs: ["context", "isInputHasButton", "inputId", "copyAsJson", "floatLabelOnlyBySearch", "searchHasValue"] }, { kind: "directive", type: NbInputDirective, selector: "input[nbInput],textarea[nbInput]", inputs: ["fieldSize", "size", "status", "shape", "fullWidth"] }, { kind: "component", type: NbButtonComponent, selector: "button[nbButton],a[nbButton],input[type=\"button\"][nbButton],input[type=\"submit\"][nbButton]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: NbIconComponent, selector: "nb-icon", inputs: ["icon", "pack", "options", "status", "config"], outputs: ["iconChange", "packChange", "optionsChange", "statusChange"] }, { kind: "component", type: NbFormFieldComponent, selector: "nb-form-field" }, { kind: "directive", type: NbSuffixDirective, selector: "[nbSuffix]" }, { kind: "directive", type: NbDatepickerDirective, selector: "input[nbDatepicker]", inputs: ["nbDatepicker"] }, { kind: "component", type: NbRangepickerComponent, selector: "nb-rangepicker", inputs: ["range"], outputs: ["rangeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
933
+ ], usesInheritance: true, ngImport: i0, template: "<nbx-input-wrapper [context]=\"getContext()\" [isInputHasButton]=\"true\" [inputId]=\"getInputId('date-range-picker')\">\n <ng-content label-content></ng-content>\n <nb-form-field>\n <input\n fullWidth\n nbInput\n [status]=\"status()\"\n [size]=\"size()\"\n [placeholder]=\"placeholder()\"\n [nbDatepicker]=\"dateRangePicker\"\n [formControl]=\"control\"\n [id]=\"getInputId('date-range-picker')\" />\n <button\n type=\"button\"\n [disabled]=\"disabled()\"\n [id]=\"getInputId('date-range-picker') + '-reset-button'\"\n title=\"Clear\"\n nbSuffix\n nbButton\n appearance=\"ghost\"\n (click)=\"control.reset()\">\n <nb-icon icon=\"backspace-outline\" pack=\"eva\"> </nb-icon>\n </button>\n </nb-form-field>\n <nb-rangepicker\n #dateRangePicker\n style=\"display: none\"\n [format]=\"format()\"\n (rangeChange)=\"dateChanged($event)\"\n [min]=\"minDate()\"\n [max]=\"maxDate()\"></nb-rangepicker>\n</nbx-input-wrapper>\n", dependencies: [{ kind: "component", type: NbxInputWrapperComponent, selector: "nbx-input-wrapper", inputs: ["context", "isInputHasButton", "inputId", "copyAsJson", "floatLabelOnlyBySearch", "searchHasValue"] }, { kind: "directive", type: NbInputDirective, selector: "input[nbInput],textarea[nbInput]", inputs: ["fieldSize", "size", "status", "shape", "fullWidth"] }, { kind: "component", type: NbButtonComponent, selector: "button[nbButton],a[nbButton],input[type=\"button\"][nbButton],input[type=\"submit\"][nbButton]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: NbIconComponent, selector: "nb-icon", inputs: ["icon", "pack", "options", "status", "config"], outputs: ["iconChange", "packChange", "optionsChange", "statusChange"] }, { kind: "component", type: NbFormFieldComponent, selector: "nb-form-field" }, { kind: "directive", type: NbSuffixDirective, selector: "[nbSuffix]" }, { kind: "directive", type: NbDatepickerDirective, selector: "input[nbDatepicker]", inputs: ["nbDatepicker"] }, { kind: "component", type: NbRangepickerComponent, selector: "nb-rangepicker", inputs: ["range"], outputs: ["rangeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
932
934
  }
933
935
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: NbxInputDateRangePickerComponent, decorators: [{
934
936
  type: Component,
935
937
  args: [{ standalone: true, selector: 'nbx-input-date-range-picker', providers: [
936
938
  {
937
939
  provide: NG_VALUE_ACCESSOR,
938
- useExisting: NbxInputDateRangePickerComponent,
940
+ useExisting: forwardRef(() => NbxInputDateRangePickerComponent),
939
941
  multi: true,
940
942
  },
941
943
  ], imports: [
@@ -948,8 +950,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
948
950
  NbSuffixDirective,
949
951
  NbDatepickerDirective,
950
952
  NbRangepickerComponent,
951
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nbx-input-wrapper [context]=\"getContext()\" [isInputHasButton]=\"true\" [inputId]=\"getInputId('date-range-picker')\">\n <ng-content label-content></ng-content>\n <nb-form-field>\n <input\n fullWidth\n nbInput\n [status]=\"status()\"\n [size]=\"size()\"\n [placeholder]=\"placeholder()\"\n [nbDatepicker]=\"dateRangePicker\"\n [formControl]=\"control\"\n [id]=\"getInputId('date-range-picker')\" />\n <button\n type=\"button\"\n [disabled]=\"disabled()\"\n [id]=\"getInputId('date-range-picker') + '-reset-button'\"\n title=\"Clear\"\n nbSuffix\n nbButton\n appearance=\"ghost\"\n (click)=\"control.reset()\">\n <nb-icon icon=\"backspace-outline\" pack=\"eva\"> </nb-icon>\n </button>\n </nb-form-field>\n <nb-rangepicker\n #dateRangePicker\n style=\"display: none\"\n (rangeChange)=\"dateChanged($event)\"\n [min]=\"minDate()\"\n [max]=\"maxDate()\"></nb-rangepicker>\n</nbx-input-wrapper>\n" }]
952
- }], ctorParameters: () => [], propDecorators: { minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], dateRangeChanged: [{ type: i0.Output, args: ["dateRangeChanged"] }] } });
953
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nbx-input-wrapper [context]=\"getContext()\" [isInputHasButton]=\"true\" [inputId]=\"getInputId('date-range-picker')\">\n <ng-content label-content></ng-content>\n <nb-form-field>\n <input\n fullWidth\n nbInput\n [status]=\"status()\"\n [size]=\"size()\"\n [placeholder]=\"placeholder()\"\n [nbDatepicker]=\"dateRangePicker\"\n [formControl]=\"control\"\n [id]=\"getInputId('date-range-picker')\" />\n <button\n type=\"button\"\n [disabled]=\"disabled()\"\n [id]=\"getInputId('date-range-picker') + '-reset-button'\"\n title=\"Clear\"\n nbSuffix\n nbButton\n appearance=\"ghost\"\n (click)=\"control.reset()\">\n <nb-icon icon=\"backspace-outline\" pack=\"eva\"> </nb-icon>\n </button>\n </nb-form-field>\n <nb-rangepicker\n #dateRangePicker\n style=\"display: none\"\n [format]=\"format()\"\n (rangeChange)=\"dateChanged($event)\"\n [min]=\"minDate()\"\n [max]=\"maxDate()\"></nb-rangepicker>\n</nbx-input-wrapper>\n" }]
954
+ }], ctorParameters: () => [], propDecorators: { minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], dateRangeChanged: [{ type: i0.Output, args: ["dateRangeChanged"] }] } });
953
955
 
954
956
  /**
955
957
  * @description for correct work you need to provide NbDatepickerModule.forRoot() and NbTimepickerModule.forRoot() in you root providers list
@@ -957,6 +959,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
957
959
  class NbxInputDateTimePickerComponent extends NbxControlValueAccessorBaseDirective {
958
960
  minDate = input(null, ...(ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []));
959
961
  maxDate = input(null, ...(ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []));
962
+ format = input(...(ngDevMode ? [undefined, { debugName: "format" }] : /* istanbul ignore next */ []));
963
+ step = input(10, ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
960
964
  dateChanged = output();
961
965
  constructor() {
962
966
  super();
@@ -965,20 +969,20 @@ class NbxInputDateTimePickerComponent extends NbxControlValueAccessorBaseDirecti
965
969
  this.dateChanged.emit(event);
966
970
  }
967
971
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: NbxInputDateTimePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
968
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: NbxInputDateTimePickerComponent, isStandalone: true, selector: "nbx-input-date-time-picker", inputs: { minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateChanged: "dateChanged" }, providers: [
972
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: NbxInputDateTimePickerComponent, isStandalone: true, selector: "nbx-input-date-time-picker", inputs: { minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateChanged: "dateChanged" }, providers: [
969
973
  {
970
974
  provide: NG_VALUE_ACCESSOR,
971
- useExisting: NbxInputDateTimePickerComponent,
975
+ useExisting: forwardRef(() => NbxInputDateTimePickerComponent),
972
976
  multi: true,
973
977
  },
974
- ], usesInheritance: true, ngImport: i0, template: "<nbx-input-wrapper [context]=\"getContext()\" [isInputHasButton]=\"true\" [inputId]=\"getInputId('date-time-picker')\">\n <ng-content label-content></ng-content>\n <nb-form-field>\n <input\n fullWidth\n nbInput\n [status]=\"status()\"\n [size]=\"size()\"\n [placeholder]=\"placeholder()\"\n [id]=\"getInputId('date-time-picker')\"\n [nbDatepicker]=\"dateTimePicker\"\n [formControl]=\"control\" />\n <button\n type=\"button\"\n [id]=\"getInputId('date-picker') + '-reset-button'\"\n [disabled]=\"disabled()\"\n title=\"Clear\"\n nbSuffix\n nbButton\n appearance=\"ghost\"\n (click)=\"control.reset()\">\n <nb-icon icon=\"backspace-outline\" pack=\"eva\"> </nb-icon>\n </button>\n </nb-form-field>\n <nb-date-timepicker\n #dateTimePicker\n style=\"display: none\"\n (dateTimeChange)=\"dateSelected($event)\"\n singleColumn\n [step]=\"10\"\n [min]=\"minDate()\"\n [max]=\"maxDate()\"></nb-date-timepicker>\n</nbx-input-wrapper>\n", dependencies: [{ kind: "component", type: NbxInputWrapperComponent, selector: "nbx-input-wrapper", inputs: ["context", "isInputHasButton", "inputId", "copyAsJson", "floatLabelOnlyBySearch", "searchHasValue"] }, { kind: "directive", type: NbInputDirective, selector: "input[nbInput],textarea[nbInput]", inputs: ["fieldSize", "size", "status", "shape", "fullWidth"] }, { kind: "component", type: NbButtonComponent, selector: "button[nbButton],a[nbButton],input[type=\"button\"][nbButton],input[type=\"submit\"][nbButton]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: NbIconComponent, selector: "nb-icon", inputs: ["icon", "pack", "options", "status", "config"], outputs: ["iconChange", "packChange", "optionsChange", "statusChange"] }, { kind: "component", type: NbFormFieldComponent, selector: "nb-form-field" }, { kind: "directive", type: NbSuffixDirective, selector: "[nbSuffix]" }, { kind: "directive", type: NbDatepickerDirective, selector: "input[nbDatepicker]", inputs: ["nbDatepicker"] }, { kind: "component", type: NbDateTimePickerComponent, selector: "nb-date-timepicker", inputs: ["step", "title", "applyButtonText", "currentTimeButtonText", "showCurrentTimeButton", "twelveHoursFormat", "showAmPmLabel", "withSeconds", "singleColumn"], outputs: ["dateTimeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
978
+ ], usesInheritance: true, ngImport: i0, template: "<nbx-input-wrapper [context]=\"getContext()\" [isInputHasButton]=\"true\" [inputId]=\"getInputId('date-time-picker')\">\n <ng-content label-content></ng-content>\n <nb-form-field>\n <input\n fullWidth\n nbInput\n [status]=\"status()\"\n [size]=\"size()\"\n [placeholder]=\"placeholder()\"\n [id]=\"getInputId('date-time-picker')\"\n [nbDatepicker]=\"dateTimePicker\"\n [formControl]=\"control\" />\n <button\n type=\"button\"\n [id]=\"getInputId('date-picker') + '-reset-button'\"\n [disabled]=\"disabled()\"\n title=\"Clear\"\n nbSuffix\n nbButton\n appearance=\"ghost\"\n (click)=\"control.reset()\">\n <nb-icon icon=\"backspace-outline\" pack=\"eva\"> </nb-icon>\n </button>\n </nb-form-field>\n <nb-date-timepicker\n #dateTimePicker\n style=\"display: none\"\n (dateTimeChange)=\"dateSelected($event)\"\n singleColumn\n [step]=\"step()\"\n [format]=\"format()\"\n [min]=\"minDate()\"\n [max]=\"maxDate()\"></nb-date-timepicker>\n</nbx-input-wrapper>\n", dependencies: [{ kind: "component", type: NbxInputWrapperComponent, selector: "nbx-input-wrapper", inputs: ["context", "isInputHasButton", "inputId", "copyAsJson", "floatLabelOnlyBySearch", "searchHasValue"] }, { kind: "directive", type: NbInputDirective, selector: "input[nbInput],textarea[nbInput]", inputs: ["fieldSize", "size", "status", "shape", "fullWidth"] }, { kind: "component", type: NbButtonComponent, selector: "button[nbButton],a[nbButton],input[type=\"button\"][nbButton],input[type=\"submit\"][nbButton]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: NbIconComponent, selector: "nb-icon", inputs: ["icon", "pack", "options", "status", "config"], outputs: ["iconChange", "packChange", "optionsChange", "statusChange"] }, { kind: "component", type: NbFormFieldComponent, selector: "nb-form-field" }, { kind: "directive", type: NbSuffixDirective, selector: "[nbSuffix]" }, { kind: "directive", type: NbDatepickerDirective, selector: "input[nbDatepicker]", inputs: ["nbDatepicker"] }, { kind: "component", type: NbDateTimePickerComponent, selector: "nb-date-timepicker", inputs: ["step", "title", "applyButtonText", "currentTimeButtonText", "showCurrentTimeButton", "twelveHoursFormat", "showAmPmLabel", "withSeconds", "singleColumn"], outputs: ["dateTimeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
975
979
  }
976
980
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: NbxInputDateTimePickerComponent, decorators: [{
977
981
  type: Component,
978
982
  args: [{ selector: 'nbx-input-date-time-picker', providers: [
979
983
  {
980
984
  provide: NG_VALUE_ACCESSOR,
981
- useExisting: NbxInputDateTimePickerComponent,
985
+ useExisting: forwardRef(() => NbxInputDateTimePickerComponent),
982
986
  multi: true,
983
987
  },
984
988
  ], imports: [
@@ -991,8 +995,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
991
995
  NbSuffixDirective,
992
996
  NbDatepickerDirective,
993
997
  NbDateTimePickerComponent,
994
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nbx-input-wrapper [context]=\"getContext()\" [isInputHasButton]=\"true\" [inputId]=\"getInputId('date-time-picker')\">\n <ng-content label-content></ng-content>\n <nb-form-field>\n <input\n fullWidth\n nbInput\n [status]=\"status()\"\n [size]=\"size()\"\n [placeholder]=\"placeholder()\"\n [id]=\"getInputId('date-time-picker')\"\n [nbDatepicker]=\"dateTimePicker\"\n [formControl]=\"control\" />\n <button\n type=\"button\"\n [id]=\"getInputId('date-picker') + '-reset-button'\"\n [disabled]=\"disabled()\"\n title=\"Clear\"\n nbSuffix\n nbButton\n appearance=\"ghost\"\n (click)=\"control.reset()\">\n <nb-icon icon=\"backspace-outline\" pack=\"eva\"> </nb-icon>\n </button>\n </nb-form-field>\n <nb-date-timepicker\n #dateTimePicker\n style=\"display: none\"\n (dateTimeChange)=\"dateSelected($event)\"\n singleColumn\n [step]=\"10\"\n [min]=\"minDate()\"\n [max]=\"maxDate()\"></nb-date-timepicker>\n</nbx-input-wrapper>\n" }]
995
- }], ctorParameters: () => [], propDecorators: { minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], dateChanged: [{ type: i0.Output, args: ["dateChanged"] }] } });
998
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nbx-input-wrapper [context]=\"getContext()\" [isInputHasButton]=\"true\" [inputId]=\"getInputId('date-time-picker')\">\n <ng-content label-content></ng-content>\n <nb-form-field>\n <input\n fullWidth\n nbInput\n [status]=\"status()\"\n [size]=\"size()\"\n [placeholder]=\"placeholder()\"\n [id]=\"getInputId('date-time-picker')\"\n [nbDatepicker]=\"dateTimePicker\"\n [formControl]=\"control\" />\n <button\n type=\"button\"\n [id]=\"getInputId('date-picker') + '-reset-button'\"\n [disabled]=\"disabled()\"\n title=\"Clear\"\n nbSuffix\n nbButton\n appearance=\"ghost\"\n (click)=\"control.reset()\">\n <nb-icon icon=\"backspace-outline\" pack=\"eva\"> </nb-icon>\n </button>\n </nb-form-field>\n <nb-date-timepicker\n #dateTimePicker\n style=\"display: none\"\n (dateTimeChange)=\"dateSelected($event)\"\n singleColumn\n [step]=\"step()\"\n [format]=\"format()\"\n [min]=\"minDate()\"\n [max]=\"maxDate()\"></nb-date-timepicker>\n</nbx-input-wrapper>\n" }]
999
+ }], ctorParameters: () => [], propDecorators: { minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], dateChanged: [{ type: i0.Output, args: ["dateChanged"] }] } });
996
1000
 
997
1001
  class NbxInputMultiselectAutocompleteComponent extends NbxControlValueAccessorBaseDirective {
998
1002
  inputElement = viewChild('inputElement', { ...(ngDevMode ? { debugName: "inputElement" } : /* istanbul ignore next */ {}), read: ElementRef });
@@ -1113,7 +1117,7 @@ class NbxInputMultiselectAutocompleteComponent extends NbxControlValueAccessorBa
1113
1117
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.15", type: NbxInputMultiselectAutocompleteComponent, isStandalone: true, selector: "nbx-input-multiselect-autocomplete", inputs: { optionsListClass: { classPropertyName: "optionsListClass", publicName: "optionsListClass", isSignal: true, isRequired: false, transformFunction: null }, selectedOnTop: { classPropertyName: "selectedOnTop", publicName: "selectedOnTop", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollItemSizePX: { classPropertyName: "virtualScrollItemSizePX", publicName: "virtualScrollItemSizePX", isSignal: true, isRequired: false, transformFunction: null }, enableVirtualScroll: { classPropertyName: "enableVirtualScroll", publicName: "enableVirtualScroll", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectedChange: "selectedChange" }, providers: [
1114
1118
  {
1115
1119
  provide: NG_VALUE_ACCESSOR,
1116
- useExisting: NbxInputMultiselectAutocompleteComponent,
1120
+ useExisting: forwardRef(() => NbxInputMultiselectAutocompleteComponent),
1117
1121
  multi: true,
1118
1122
  },
1119
1123
  ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "optionsListContainer", first: true, predicate: ["optionsListContainer"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<nbx-input-wrapper\n [context]=\"getContext()\"\n [searchHasValue]=\"!!searchControl.value\"\n (keydown.tab)=\"toggleOverlay(false)\"\n [isInputHasButton]=\"true\"\n [inputId]=\"getInputId('multiselect-autocomplete-input')\">\n <ng-content label-content></ng-content>\n <nb-form-field>\n <input\n nbInput\n cdkOverlayOrigin\n #inputElement\n #trigger=\"cdkOverlayOrigin\"\n [status]=\"status()\"\n [size]=\"size()\"\n (click)=\"toggleOverlay(true)\"\n (focus)=\"toggleOverlay(true)\"\n (input)=\"toggleOverlay(true)\"\n (keydown.arrowdown)=\"$event.preventDefault(); switchFocusToOptions()\"\n [class.has-value]=\"selectedTitlesString()\"\n [formControl]=\"searchControl\"\n [id]=\"getInputId('multiselect-autocomplete-input')\"\n fullWidth\n [placeholder]=\"selectedTitlesString() || placeholder()\"\n type=\"text\" />\n\n <button\n title=\"Clear\"\n type=\"button\"\n [disabled]=\"disabled()\"\n [size]=\"size()\"\n [status]=\"status()\"\n nbSuffix\n nbButton\n [id]=\"getInputId('multi-autocomplete-input') + '-clear-button'\"\n appearance=\"ghost\"\n (click)=\"resetSelection()\">\n <nb-icon icon=\"backspace-outline\" pack=\"eva\"> </nb-icon>\n </button>\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"overlayVisible()\"\n [cdkConnectedOverlayWidth]=\"clientWidth()\"\n (overlayOutsideClick)=\"toggleOverlay(false)\"\n (detach)=\"toggleOverlay(false)\">\n <nbx-select-options-list\n #optionsListContainer\n [multi]=\"true\"\n [optionsListClass]=\"optionsListClass()\"\n [virtualScrollItemSizePX]=\"virtualScrollItemSizePX()\"\n [enableVirtualScroll]=\"enableVirtualScroll()\"\n [selectedValues]=\"selectedValues()\"\n (selectAll)=\"selectAllOptions()\"\n (optionClicked)=\"optionClicked($event.value)\"\n (tabClicked)=\"moveFocusToNextElement()\"\n [options]=\"filteredOptions()\"></nbx-select-options-list>\n </ng-template>\n </nb-form-field>\n</nbx-input-wrapper>\n", styles: [".options{padding:0}.options nb-checkbox{display:inline-flex;height:100%;width:100%}input::placeholder{font-size:var(--nbx-input-font-size)!important;line-height:var(--nbx-input-line-height);opacity:1!important}input.has-value::placeholder{font-weight:var(--nbx-input-font-weight);color:var(--nbx-input-text-color)}.d-inline-flex{display:inline-flex}.w-100{width:100%}.multiselect-autocomplete-checkbox ::ng-deep label{padding:var(--option-medium-padding, .5rem);width:100%}.input-container{position:relative}.input-container input:focus~.selected-text-container{left:5rem;max-width:80%;background-color:var(--input-basic-focus-background-color)}.input-container input:focus:hover~.selected-text-container{background-color:var(--input-basic-focus-and-hover-background-color)}.input-container input:hover~.selected-text-container{background-color:var(--input-basic-hover-background-color)}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$1.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: i1$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: NbInputDirective, selector: "input[nbInput],textarea[nbInput]", inputs: ["fieldSize", "size", "status", "shape", "fullWidth"] }, { kind: "component", type: NbButtonComponent, selector: "button[nbButton],a[nbButton],input[type=\"button\"][nbButton],input[type=\"submit\"][nbButton]" }, { kind: "component", type: NbIconComponent, selector: "nb-icon", inputs: ["icon", "pack", "options", "status", "config"], outputs: ["iconChange", "packChange", "optionsChange", "statusChange"] }, { kind: "component", type: NbFormFieldComponent, selector: "nb-form-field" }, { kind: "directive", type: NbSuffixDirective, selector: "[nbSuffix]" }, { kind: "component", type: NbxInputWrapperComponent, selector: "nbx-input-wrapper", inputs: ["context", "isInputHasButton", "inputId", "copyAsJson", "floatLabelOnlyBySearch", "searchHasValue"] }, { kind: "component", type: NbxSelectOptionsListComponent, selector: "nbx-select-options-list", inputs: ["options", "optionsListClass", "enableVirtualScroll", "virtualScrollItemSizePX", "multi", "selectedValues"], outputs: ["optionClicked", "selectAll", "tabClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -1133,7 +1137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
1133
1137
  ], providers: [
1134
1138
  {
1135
1139
  provide: NG_VALUE_ACCESSOR,
1136
- useExisting: NbxInputMultiselectAutocompleteComponent,
1140
+ useExisting: forwardRef(() => NbxInputMultiselectAutocompleteComponent),
1137
1141
  multi: true,
1138
1142
  },
1139
1143
  ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nbx-input-wrapper\n [context]=\"getContext()\"\n [searchHasValue]=\"!!searchControl.value\"\n (keydown.tab)=\"toggleOverlay(false)\"\n [isInputHasButton]=\"true\"\n [inputId]=\"getInputId('multiselect-autocomplete-input')\">\n <ng-content label-content></ng-content>\n <nb-form-field>\n <input\n nbInput\n cdkOverlayOrigin\n #inputElement\n #trigger=\"cdkOverlayOrigin\"\n [status]=\"status()\"\n [size]=\"size()\"\n (click)=\"toggleOverlay(true)\"\n (focus)=\"toggleOverlay(true)\"\n (input)=\"toggleOverlay(true)\"\n (keydown.arrowdown)=\"$event.preventDefault(); switchFocusToOptions()\"\n [class.has-value]=\"selectedTitlesString()\"\n [formControl]=\"searchControl\"\n [id]=\"getInputId('multiselect-autocomplete-input')\"\n fullWidth\n [placeholder]=\"selectedTitlesString() || placeholder()\"\n type=\"text\" />\n\n <button\n title=\"Clear\"\n type=\"button\"\n [disabled]=\"disabled()\"\n [size]=\"size()\"\n [status]=\"status()\"\n nbSuffix\n nbButton\n [id]=\"getInputId('multi-autocomplete-input') + '-clear-button'\"\n appearance=\"ghost\"\n (click)=\"resetSelection()\">\n <nb-icon icon=\"backspace-outline\" pack=\"eva\"> </nb-icon>\n </button>\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"overlayVisible()\"\n [cdkConnectedOverlayWidth]=\"clientWidth()\"\n (overlayOutsideClick)=\"toggleOverlay(false)\"\n (detach)=\"toggleOverlay(false)\">\n <nbx-select-options-list\n #optionsListContainer\n [multi]=\"true\"\n [optionsListClass]=\"optionsListClass()\"\n [virtualScrollItemSizePX]=\"virtualScrollItemSizePX()\"\n [enableVirtualScroll]=\"enableVirtualScroll()\"\n [selectedValues]=\"selectedValues()\"\n (selectAll)=\"selectAllOptions()\"\n (optionClicked)=\"optionClicked($event.value)\"\n (tabClicked)=\"moveFocusToNextElement()\"\n [options]=\"filteredOptions()\"></nbx-select-options-list>\n </ng-template>\n </nb-form-field>\n</nbx-input-wrapper>\n", styles: [".options{padding:0}.options nb-checkbox{display:inline-flex;height:100%;width:100%}input::placeholder{font-size:var(--nbx-input-font-size)!important;line-height:var(--nbx-input-line-height);opacity:1!important}input.has-value::placeholder{font-weight:var(--nbx-input-font-weight);color:var(--nbx-input-text-color)}.d-inline-flex{display:inline-flex}.w-100{width:100%}.multiselect-autocomplete-checkbox ::ng-deep label{padding:var(--option-medium-padding, .5rem);width:100%}.input-container{position:relative}.input-container input:focus~.selected-text-container{left:5rem;max-width:80%;background-color:var(--input-basic-focus-background-color)}.input-container input:focus:hover~.selected-text-container{background-color:var(--input-basic-focus-and-hover-background-color)}.input-container input:hover~.selected-text-container{background-color:var(--input-basic-hover-background-color)}\n"] }]
@@ -1153,7 +1157,7 @@ class NbxInputNumberComponent extends NbxControlValueAccessorBaseDirective {
1153
1157
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: NbxInputNumberComponent, isStandalone: true, selector: "nbx-input-number", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, onlyInt: { classPropertyName: "onlyInt", publicName: "onlyInt", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputKeyup: "inputKeyup" }, providers: [
1154
1158
  {
1155
1159
  provide: NG_VALUE_ACCESSOR,
1156
- useExisting: NbxInputNumberComponent,
1160
+ useExisting: forwardRef(() => NbxInputNumberComponent),
1157
1161
  multi: true,
1158
1162
  },
1159
1163
  ], usesInheritance: true, ngImport: i0, template: "<nbx-input-wrapper [context]=\"getContext()\" [inputId]=\"getInputId('input-number')\">\n <ng-content label-content></ng-content>\n\n <input\n (keydown.arrowDown)=\"$event.preventDefault()\"\n (keydown.arrowUp)=\"$event.preventDefault()\"\n (wheel)=\"$event.preventDefault()\"\n [formControl]=\"control\"\n (input)=\"inputKeyUp($any($event.target))\"\n fullWidth\n [nbxIntOrFloat]=\"onlyInt() ? 'int' : 'float'\"\n [status]=\"status()\"\n [size]=\"size()\"\n nbInput\n [id]=\"getInputId('input-number')\"\n [min]=\"min()\"\n [max]=\"max()\"\n [placeholder]=\"placeholder()\"\n type=\"number\" />\n</nbx-input-wrapper>\n", styles: ["input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"], dependencies: [{ kind: "directive", type: NbInputDirective, selector: "input[nbInput],textarea[nbInput]", inputs: ["fieldSize", "size", "status", "shape", "fullWidth"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$2.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: NbxInputWrapperComponent, selector: "nbx-input-wrapper", inputs: ["context", "isInputHasButton", "inputId", "copyAsJson", "floatLabelOnlyBySearch", "searchHasValue"] }, { kind: "directive", type: IntOrFloatDirective, selector: "[nbxIntOrFloat]", inputs: ["nbxIntOrFloat"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -1163,7 +1167,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
1163
1167
  args: [{ selector: 'nbx-input-number', providers: [
1164
1168
  {
1165
1169
  provide: NG_VALUE_ACCESSOR,
1166
- useExisting: NbxInputNumberComponent,
1170
+ useExisting: forwardRef(() => NbxInputNumberComponent),
1167
1171
  multi: true,
1168
1172
  },
1169
1173
  ], imports: [NbInputDirective, ReactiveFormsModule, NbxInputWrapperComponent, IntOrFloatDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nbx-input-wrapper [context]=\"getContext()\" [inputId]=\"getInputId('input-number')\">\n <ng-content label-content></ng-content>\n\n <input\n (keydown.arrowDown)=\"$event.preventDefault()\"\n (keydown.arrowUp)=\"$event.preventDefault()\"\n (wheel)=\"$event.preventDefault()\"\n [formControl]=\"control\"\n (input)=\"inputKeyUp($any($event.target))\"\n fullWidth\n [nbxIntOrFloat]=\"onlyInt() ? 'int' : 'float'\"\n [status]=\"status()\"\n [size]=\"size()\"\n nbInput\n [id]=\"getInputId('input-number')\"\n [min]=\"min()\"\n [max]=\"max()\"\n [placeholder]=\"placeholder()\"\n type=\"number\" />\n</nbx-input-wrapper>\n", styles: ["input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"] }]
@@ -1198,7 +1202,7 @@ class NbxInputSelectComponent extends NbxControlValueAccessorBaseDirective {
1198
1202
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: NbxInputSelectComponent, isStandalone: true, selector: "nbx-input-select", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, optionsListClass: { classPropertyName: "optionsListClass", publicName: "optionsListClass", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectedChange: "selectedChange" }, providers: [
1199
1203
  {
1200
1204
  provide: NG_VALUE_ACCESSOR,
1201
- useExisting: NbxInputSelectComponent,
1205
+ useExisting: forwardRef(() => NbxInputSelectComponent),
1202
1206
  multi: true,
1203
1207
  },
1204
1208
  ], usesInheritance: true, ngImport: i0, template: "<nbx-input-wrapper [context]=\"getContext()\" [isInputHasButton]=\"true\" [inputId]=\"getInputId('select-input')\">\n <ng-content label-content></ng-content>\n <div class=\"select-wrapper\">\n <div class=\"nb-form-control-container nb-form-field-control-with-suffix\">\n <nb-select\n [multiple]=\"multiple()\"\n [optionsListClass]=\"optionsListClass()\"\n [class.multiple]=\"multiple()\"\n [status]=\"status()\"\n [size]=\"size()\"\n [id]=\"getInputId('select-input')\"\n fullWidth\n [formControl]=\"control\"\n [placeholder]=\"placeholder()\"\n (selectedChange)=\"selectedChangeEvent()\">\n @if (multiple()) {\n <nb-option\n [disabled]=\"isAllSelected()\"\n (click)=\"$event.preventDefault(); $event.stopPropagation(); selectAll()\"\n [value]=\"null\">\n Select all\n </nb-option>\n }\n @for (option of options(); track $index) {\n <nb-option [value]=\"option.value\" [disabled]=\"option?.disabled\">\n {{ option.title }}\n </nb-option>\n }\n </nb-select>\n </div>\n @if (multiple()) {\n <div\n [class]=\"['nb-form-field-suffix-' + size(), 'nb-form-field-addon-' + status()]\"\n class=\"nb-form-field-addon ng-star-inserted\">\n <button\n type=\"button\"\n title=\"Clear\"\n [id]=\"getInputId('select-input') + '-clear-button'\"\n nbButton\n appearance=\"ghost\"\n (click)=\"resetForm()\">\n <nb-icon icon=\"backspace-outline\" pack=\"eva\"> </nb-icon>\n </button>\n </div>\n }\n </div>\n</nbx-input-wrapper>\n", styles: [".select-wrapper{display:flex;align-items:center;width:100%;max-width:100%}.select-wrapper .nb-form-control-container{width:100%}nb-select.multiple::ng-deep .select-button nb-icon{display:none}\n"], dependencies: [{ kind: "component", type: NbIconComponent, selector: "nb-icon", inputs: ["icon", "pack", "options", "status", "config"], outputs: ["iconChange", "packChange", "optionsChange", "statusChange"] }, { kind: "component", type: NbSelectComponent, selector: "nb-select", inputs: ["size", "status", "shape", "appearance", "optionsListClass", "optionsPanelClass", "optionsWidth", "disabled", "fullWidth", "placeholder", "compareWith", "selected", "multiple", "optionsOverlayOffset", "scrollStrategy", "outline", "filled", "hero"], outputs: ["selectedChange"] }, { kind: "component", type: NbOptionComponent, selector: "nb-option", inputs: ["value", "disabled"], outputs: ["selectionChange"] }, { kind: "component", type: NbxInputWrapperComponent, selector: "nbx-input-wrapper", inputs: ["context", "isInputHasButton", "inputId", "copyAsJson", "floatLabelOnlyBySearch", "searchHasValue"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: NbButtonComponent, selector: "button[nbButton],a[nbButton],input[type=\"button\"][nbButton],input[type=\"submit\"][nbButton]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -1215,7 +1219,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
1215
1219
  ], providers: [
1216
1220
  {
1217
1221
  provide: NG_VALUE_ACCESSOR,
1218
- useExisting: NbxInputSelectComponent,
1222
+ useExisting: forwardRef(() => NbxInputSelectComponent),
1219
1223
  multi: true,
1220
1224
  },
1221
1225
  ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nbx-input-wrapper [context]=\"getContext()\" [isInputHasButton]=\"true\" [inputId]=\"getInputId('select-input')\">\n <ng-content label-content></ng-content>\n <div class=\"select-wrapper\">\n <div class=\"nb-form-control-container nb-form-field-control-with-suffix\">\n <nb-select\n [multiple]=\"multiple()\"\n [optionsListClass]=\"optionsListClass()\"\n [class.multiple]=\"multiple()\"\n [status]=\"status()\"\n [size]=\"size()\"\n [id]=\"getInputId('select-input')\"\n fullWidth\n [formControl]=\"control\"\n [placeholder]=\"placeholder()\"\n (selectedChange)=\"selectedChangeEvent()\">\n @if (multiple()) {\n <nb-option\n [disabled]=\"isAllSelected()\"\n (click)=\"$event.preventDefault(); $event.stopPropagation(); selectAll()\"\n [value]=\"null\">\n Select all\n </nb-option>\n }\n @for (option of options(); track $index) {\n <nb-option [value]=\"option.value\" [disabled]=\"option?.disabled\">\n {{ option.title }}\n </nb-option>\n }\n </nb-select>\n </div>\n @if (multiple()) {\n <div\n [class]=\"['nb-form-field-suffix-' + size(), 'nb-form-field-addon-' + status()]\"\n class=\"nb-form-field-addon ng-star-inserted\">\n <button\n type=\"button\"\n title=\"Clear\"\n [id]=\"getInputId('select-input') + '-clear-button'\"\n nbButton\n appearance=\"ghost\"\n (click)=\"resetForm()\">\n <nb-icon icon=\"backspace-outline\" pack=\"eva\"> </nb-icon>\n </button>\n </div>\n }\n </div>\n</nbx-input-wrapper>\n", styles: [".select-wrapper{display:flex;align-items:center;width:100%;max-width:100%}.select-wrapper .nb-form-control-container{width:100%}nb-select.multiple::ng-deep .select-button nb-icon{display:none}\n"] }]
@@ -1233,7 +1237,7 @@ class NbxInputTextComponent extends NbxControlValueAccessorBaseDirective {
1233
1237
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: NbxInputTextComponent, isStandalone: true, selector: "nbx-input-text", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputKeyup: "inputKeyup" }, providers: [
1234
1238
  {
1235
1239
  provide: NG_VALUE_ACCESSOR,
1236
- useExisting: NbxInputTextComponent,
1240
+ useExisting: forwardRef(() => NbxInputTextComponent),
1237
1241
  multi: true,
1238
1242
  },
1239
1243
  ], usesInheritance: true, ngImport: i0, template: "<nbx-input-wrapper [context]=\"getContext()\" [inputId]=\"getInputId('input-' + type())\">\n <ng-content label-content></ng-content>\n\n <input\n [formControl]=\"control\"\n (input)=\"inputKeyUp($any($event.target))\"\n fullWidth\n [id]=\"getInputId('input-' + type())\"\n nbInput\n [status]=\"status()\"\n [size]=\"size()\"\n [placeholder]=\"placeholder()\"\n type=\"string\" />\n</nbx-input-wrapper>\n", styles: ["input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}\n"], dependencies: [{ kind: "directive", type: NbInputDirective, selector: "input[nbInput],textarea[nbInput]", inputs: ["fieldSize", "size", "status", "shape", "fullWidth"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: NbxInputWrapperComponent, selector: "nbx-input-wrapper", inputs: ["context", "isInputHasButton", "inputId", "copyAsJson", "floatLabelOnlyBySearch", "searchHasValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -1243,7 +1247,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
1243
1247
  args: [{ standalone: true, selector: 'nbx-input-text', providers: [
1244
1248
  {
1245
1249
  provide: NG_VALUE_ACCESSOR,
1246
- useExisting: NbxInputTextComponent,
1250
+ useExisting: forwardRef(() => NbxInputTextComponent),
1247
1251
  multi: true,
1248
1252
  },
1249
1253
  ], imports: [NbInputDirective, ReactiveFormsModule, NbxInputWrapperComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nbx-input-wrapper [context]=\"getContext()\" [inputId]=\"getInputId('input-' + type())\">\n <ng-content label-content></ng-content>\n\n <input\n [formControl]=\"control\"\n (input)=\"inputKeyUp($any($event.target))\"\n fullWidth\n [id]=\"getInputId('input-' + type())\"\n nbInput\n [status]=\"status()\"\n [size]=\"size()\"\n [placeholder]=\"placeholder()\"\n type=\"string\" />\n</nbx-input-wrapper>\n", styles: ["input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}\n"] }]
@@ -1291,7 +1295,7 @@ class NbxInputTextareaComponent extends NbxControlValueAccessorBaseDirective {
1291
1295
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.15", type: NbxInputTextareaComponent, isStandalone: true, selector: "nbx-input-textarea", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputKeyup: "inputKeyup" }, host: { properties: { "style": "{\n '--nbx-input-disabled-text-color': 'var(--input-' + status() + '-disabled-text-color)',\n '--nbx-input-disabled-border-color': 'var(--input-' + status() + '-disabled-border-color)',\n }" }, classAttribute: "input-control" }, providers: [
1292
1296
  {
1293
1297
  provide: NG_VALUE_ACCESSOR,
1294
- useExisting: NbxInputTextareaComponent,
1298
+ useExisting: forwardRef(() => NbxInputTextareaComponent),
1295
1299
  multi: true,
1296
1300
  },
1297
1301
  ], viewQueries: [{ propertyName: "textareaInput", first: true, predicate: ["textareaInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<nbx-input-wrapper [context]=\"getContext()\" [inputId]=\"getInputId('input-textarea')\">\n <ng-content label-content></ng-content>\n <div\n #textareaInput\n role=\"none\"\n [id]=\"getInputId('input-textarea')\"\n [attr.placeholder]=\"placeholder()\"\n [class.disabled]=\"disabled()\"\n [class]=\"['size-' + size(), 'status-' + status()]\"\n [style]=\"{ 'min-height': 'calc(1.2rem * ' + (rows() || 0) + ' + 1rem)' }\"\n class=\"textarea-container input-full-width shape-rectangle nb-transition\"\n [attr.contenteditable]=\"!disabled()\"\n nbInput\n fullWidth\n (paste)=\"onPaste($event)\"\n (input)=\"keyup()\"></div>\n</nbx-input-wrapper>\n", styles: [".textarea-container{white-space:pre-wrap}.textarea-container *{background-color:inherit!important}.textarea-container.disabled{color:var(--nbx-input-disabled-text-color);border-color:var(--nbx-input-disabled-border-color);line-break:anywhere}.input-fieldset .has-value [placeholder]:before{content:\"\"}[placeholder]:empty:before{content:attr(placeholder);color:var(--input-primary-placeholder-text-color);font-weight:400}[placeholder]:not(:empty):focus:before{content:\"\"}\n"], dependencies: [{ kind: "component", type: NbxInputWrapperComponent, selector: "nbx-input-wrapper", inputs: ["context", "isInputHasButton", "inputId", "copyAsJson", "floatLabelOnlyBySearch", "searchHasValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -1307,7 +1311,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
1307
1311
  }, providers: [
1308
1312
  {
1309
1313
  provide: NG_VALUE_ACCESSOR,
1310
- useExisting: NbxInputTextareaComponent,
1314
+ useExisting: forwardRef(() => NbxInputTextareaComponent),
1311
1315
  multi: true,
1312
1316
  },
1313
1317
  ], imports: [NbxInputWrapperComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nbx-input-wrapper [context]=\"getContext()\" [inputId]=\"getInputId('input-textarea')\">\n <ng-content label-content></ng-content>\n <div\n #textareaInput\n role=\"none\"\n [id]=\"getInputId('input-textarea')\"\n [attr.placeholder]=\"placeholder()\"\n [class.disabled]=\"disabled()\"\n [class]=\"['size-' + size(), 'status-' + status()]\"\n [style]=\"{ 'min-height': 'calc(1.2rem * ' + (rows() || 0) + ' + 1rem)' }\"\n class=\"textarea-container input-full-width shape-rectangle nb-transition\"\n [attr.contenteditable]=\"!disabled()\"\n nbInput\n fullWidth\n (paste)=\"onPaste($event)\"\n (input)=\"keyup()\"></div>\n</nbx-input-wrapper>\n", styles: [".textarea-container{white-space:pre-wrap}.textarea-container *{background-color:inherit!important}.textarea-container.disabled{color:var(--nbx-input-disabled-text-color);border-color:var(--nbx-input-disabled-border-color);line-break:anywhere}.input-fieldset .has-value [placeholder]:before{content:\"\"}[placeholder]:empty:before{content:attr(placeholder);color:var(--input-primary-placeholder-text-color);font-weight:400}[placeholder]:not(:empty):focus:before{content:\"\"}\n"] }]
@@ -1326,17 +1330,9 @@ const NbxValidators = {
1326
1330
  },
1327
1331
  };
1328
1332
 
1329
- /**
1330
- * @deprecated not need to use it! All providers already provided in theme
1331
- * @returns null
1332
- */
1333
- function provideNbxInputs() {
1334
- return importProvidersFrom();
1335
- }
1336
-
1337
1333
  /**
1338
1334
  * Generated bundle index. Do not edit.
1339
1335
  */
1340
1336
 
1341
- export { IntOrFloatDirective, NbxClipboardDirective, NbxControlValueAccessorBaseDirective, NbxCustomTooltipComponent, NbxInputAutocompleteComponent, NbxInputColorSelectComponent, NbxInputDatePickerComponent, NbxInputDateRangePickerComponent, NbxInputDateTimePickerComponent, NbxInputErrorsComponent, NbxInputLabelComponent, NbxInputMultiselectAutocompleteComponent, NbxInputNumberComponent, NbxInputSelectComponent, NbxInputTextComponent, NbxInputTextareaComponent, NbxInputWrapperComponent, NbxValidators, NbxValidatorsErrorsMessage, filterAndSortOptionsBySearch, filterOptionsBySearch, getFilteredBySearchArray, getOnlyDirtyControlsValuesRecursive, getRandomId, isQueryIncludesInObject, markAllControlsAsDirty, provideNbxInputs, resizeObservable, sortOptionsBySearchIndex };
1337
+ export { IntOrFloatDirective, NbxClipboardDirective, NbxControlValueAccessorBaseDirective, NbxCustomTooltipComponent, NbxInputAutocompleteComponent, NbxInputColorSelectComponent, NbxInputDatePickerComponent, NbxInputDateRangePickerComponent, NbxInputDateTimePickerComponent, NbxInputErrorsComponent, NbxInputLabelComponent, NbxInputMultiselectAutocompleteComponent, NbxInputNumberComponent, NbxInputSelectComponent, NbxInputTextComponent, NbxInputTextareaComponent, NbxInputWrapperComponent, NbxValidators, NbxValidatorsErrorsMessage, filterAndSortOptionsBySearch, filterOptionsBySearch, getFilteredBySearchArray, getOnlyDirtyControlsValuesRecursive, getRandomId, isQueryIncludesInObject, markAllControlsAsDirty, resizeObservable, sortOptionsBySearchIndex };
1342
1338
  //# sourceMappingURL=d4k-ui-nbx-inputs.mjs.map