@progress/kendo-angular-inputs 11.0.0-develop.94 → 11.0.0-develop.96

package/esm2020/slider/slider.component.mjs

@@ -2,6 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { Renderer2, Component, ElementRef, Input, ViewChild, forwardRef, NgZone, Injector, ChangeDetectorRef } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { fromEvent, interval, merge } from 'rxjs';
@@ -10,16 +11,18 @@ import { trimValue } from '../sliders-common/sliders-util';
 import { SliderModel } from './slider-model';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { areSame, isPresent, requiresZoneOnBlur } from '../common/utils';
-import { isButton, eventValue, decreaseValueToStep, increaseValueToStep } from '../sliders-common/sliders-util';
+import { eventValue, decreaseValueToStep, increaseValueToStep } from '../sliders-common/sliders-util';
 import { invokeElementMethod } from '../common/dom-utils';
 import { guid, isDocumentAvailable, hasObservers, KendoInput, anyChanged, Keys } from '@progress/kendo-angular-common';
 import { SliderBase } from '../sliders-common/slider-base';
+import { caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon, caretAltUpIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "../sliders-common/slider-ticks.component";
-import * as i3 from "@progress/kendo-angular-common";
-import * as i4 from "./localization/localized-slider-messages.directive";
-import * as i5 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-buttons";
+import * as i3 from "../sliders-common/slider-ticks.component";
+import * as i4 from "@progress/kendo-angular-common";
+import * as i5 from "./localization/localized-slider-messages.directive";
+import * as i6 from "@angular/common";
 const PRESSED = 'k-pressed';
 /**
  * Represents the [Kendo UI Slider component for Angular]({% slug overview_slider %}).
@@ -52,13 +55,29 @@ export class SliderComponent extends SliderBase {
          * The component can use either NgModel or the `value` binding but not both of them at the same time.
          */
         this.value = this.min;
+        /**
+         * @hidden
+         */
+        this.arrowUpIcon = caretAltUpIcon;
+        /**
+         * @hidden
+         */
+        this.arrowDownIcon = caretAltDownIcon;
+        /**
+         * @hidden
+         */
+        this.arrowLeftIcon = caretAltLeftIcon;
+        /**
+         * @hidden
+         */
+        this.arrowRightIcon = caretAltRightIcon;
         this.focusChangedProgrammatically = false;
         /**
          * @hidden
          */
         this.onWrapClick = (args) => {
             const target = args.target;
-            if (!this.isDisabled && !(isButton(target) || isButton(target.parentNode))) {
+            if (!this.isDisabled && !(target.closest('.k-button'))) {
                 const value = eventValue(args, this.track.nativeElement, this.getProps());
                 this.changeValue(value);
             }
@@ -393,7 +412,7 @@ SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
         { provide: L10N_PREFIX, useValue: 'kendo.slider' },
         { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SliderComponent) },
         { provide: KendoInput, useExisting: forwardRef(() => SliderComponent) }
-    ], viewQueries: [{ propertyName: "draghandle", first: true, predicate: ["draghandle"], descendants: true, static: true }, { propertyName: "decreaseButton", first: true, predicate: ["decreaseButton"], descendants: true }, { propertyName: "increaseButton", first: true, predicate: ["increaseButton"], descendants: true }], exportAs: ["kendoSlider"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    ], viewQueries: [{ propertyName: "draghandle", first: true, predicate: ["draghandle"], descendants: true, static: true }, { propertyName: "decreaseButton", first: true, predicate: ["decreaseButton"], descendants: true, read: ElementRef }, { propertyName: "increaseButton", first: true, predicate: ["increaseButton"], descendants: true, read: ElementRef }], exportAs: ["kendoSlider"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoSliderLocalizedMessages
             i18n-increment="kendo.slider.increment|The title of the **Increase** button of the Slider."
             increment="increment"
@@ -408,16 +427,19 @@ SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             [class.k-slider-bottomright]="tickPlacement === 'after'"
             [kendoEventsOutsideAngular]="{ click: onWrapClick, keydown: onKeyDown }"
             >
-            <button *ngIf="showButtons" type="button" #decreaseButton
-                class="k-button-decrease k-button k-button-md k-rounded-full k-button-rectangle k-button-solid k-button-solid-base k-icon-button"
+            <button 
+                kendoButton
+                #decreaseButton
+                *ngIf="showButtons"
+                type="button"
+                rounded="full"
+                [icon]="!vertical ? 'caret-alt-left' : 'caret-alt-down'"
+                [svgIcon]="!vertical ? arrowLeftIcon : arrowDownIcon"
+                class="k-button-decrease"
                 [title]="decrementMessage"
                 [attr.tabindex]="-1"
-                role="presentation">
-                    <span class="k-button-icon k-icon"
-                        [class.k-i-caret-alt-left]="!vertical"
-                        [class.k-i-caret-alt-down]="vertical">
-                    </span>
-            </button>
+                role="presentation"
+            ></button>
             <div class="k-slider-track-wrap">
                 <ul kendoSliderTicks
                     #ticks
@@ -456,21 +478,24 @@ SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
                     ></span>
                 </div>
             </div>
-            <button *ngIf="showButtons" type="button" #increaseButton
-                class="k-button-increase k-button k-button-md k-rounded-full k-button-rectangle k-button-solid k-button-solid-base k-icon-button"
+            <button
+                kendoButton
+                #increaseButton
+                *ngIf="showButtons"
+                type="button"
+                rounded="full"
+                [icon]="!vertical ? 'caret-alt-right' : 'caret-alt-up'"
+                [svgIcon]="!vertical ? arrowRightIcon : arrowUpIcon"
+                class="k-button-increase"
                 [title]="incrementMessage"
                 (click)="$event.preventDefault()"
                 [attr.tabindex]="-1"
                 [attr.aria-label]="currentValue"
-                role="presentation">
-                    <span class="k-button-icon k-icon"
-                        [class.k-i-caret-alt-right]="!vertical"
-                        [class.k-i-caret-alt-up]="vertical">
-                    </span>
-            </button>
+                role="presentation"
+            ></button>
             <kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>
         </div>
-  `, isInline: true, components: [{ type: i2.SliderTicksComponent, selector: "[kendoSliderTicks]", inputs: ["tickTitle", "vertical", "step", "largeStep", "min", "max", "labelTemplate"] }, { type: i3.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i4.LocalizedSliderMessagesDirective, selector: "[kendoSliderLocalizedMessages]" }, { type: i3.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
+  `, isInline: true, components: [{ type: i2.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i3.SliderTicksComponent, selector: "[kendoSliderTicks]", inputs: ["tickTitle", "vertical", "step", "largeStep", "min", "max", "labelTemplate"] }, { type: i4.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i5.LocalizedSliderMessagesDirective, selector: "[kendoSliderLocalizedMessages]" }, { type: i4.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SliderComponent, decorators: [{
             type: Component,
             args: [{
@@ -497,16 +522,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             [class.k-slider-bottomright]="tickPlacement === 'after'"
             [kendoEventsOutsideAngular]="{ click: onWrapClick, keydown: onKeyDown }"
             >
-            <button *ngIf="showButtons" type="button" #decreaseButton
-                class="k-button-decrease k-button k-button-md k-rounded-full k-button-rectangle k-button-solid k-button-solid-base k-icon-button"
+            <button 
+                kendoButton
+                #decreaseButton
+                *ngIf="showButtons"
+                type="button"
+                rounded="full"
+                [icon]="!vertical ? 'caret-alt-left' : 'caret-alt-down'"
+                [svgIcon]="!vertical ? arrowLeftIcon : arrowDownIcon"
+                class="k-button-decrease"
                 [title]="decrementMessage"
                 [attr.tabindex]="-1"
-                role="presentation">
-                    <span class="k-button-icon k-icon"
-                        [class.k-i-caret-alt-left]="!vertical"
-                        [class.k-i-caret-alt-down]="vertical">
-                    </span>
-            </button>
+                role="presentation"
+            ></button>
             <div class="k-slider-track-wrap">
                 <ul kendoSliderTicks
                     #ticks
@@ -545,18 +573,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     ></span>
                 </div>
             </div>
-            <button *ngIf="showButtons" type="button" #increaseButton
-                class="k-button-increase k-button k-button-md k-rounded-full k-button-rectangle k-button-solid k-button-solid-base k-icon-button"
+            <button
+                kendoButton
+                #increaseButton
+                *ngIf="showButtons"
+                type="button"
+                rounded="full"
+                [icon]="!vertical ? 'caret-alt-right' : 'caret-alt-up'"
+                [svgIcon]="!vertical ? arrowRightIcon : arrowUpIcon"
+                class="k-button-increase"
                 [title]="incrementMessage"
                 (click)="$event.preventDefault()"
                 [attr.tabindex]="-1"
                 [attr.aria-label]="currentValue"
-                role="presentation">
-                    <span class="k-button-icon k-icon"
-                        [class.k-i-caret-alt-right]="!vertical"
-                        [class.k-i-caret-alt-up]="vertical">
-                    </span>
-            </button>
+                role="presentation"
+            ></button>
             <kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>
         </div>
   `
@@ -582,8 +613,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 args: ['draghandle', { static: true }]
             }], decreaseButton: [{
                 type: ViewChild,
-                args: ['decreaseButton', { static: false }]
+                args: ['decreaseButton', { read: ElementRef }]
             }], increaseButton: [{
                 type: ViewChild,
-                args: ['increaseButton', { static: false }]
+                args: ['increaseButton', { read: ElementRef }]
             }] } });

package/esm2020/slider.module.mjs

@@ -9,6 +9,8 @@ import { SlidersCommonModule } from './sliders-common/sliders-common.module';
 import { LocalizedSliderMessagesDirective } from './slider/localization/localized-slider-messages.directive';
 import { SliderCustomMessagesComponent } from './slider/localization/custom-messages.component';
 import { LabelTemplateDirective } from './sliders-common/label-template.directive';
+import { IconsModule } from '@progress/kendo-angular-icons';
+import { ButtonModule } from '@progress/kendo-angular-buttons';
 import * as i0 from "@angular/core";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -47,11 +49,11 @@ export class SliderModule {
 SliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 SliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SliderModule, declarations: [SliderComponent,
         SliderCustomMessagesComponent,
-        LocalizedSliderMessagesDirective], imports: [CommonModule, SlidersCommonModule], exports: [SliderComponent,
+        LocalizedSliderMessagesDirective], imports: [CommonModule, SlidersCommonModule, IconsModule, ButtonModule], exports: [SliderComponent,
         SliderCustomMessagesComponent,
         LabelTemplateDirective,
         LocalizedSliderMessagesDirective] });
-SliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SliderModule, imports: [[CommonModule, SlidersCommonModule]] });
+SliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SliderModule, imports: [[CommonModule, SlidersCommonModule, IconsModule, ButtonModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SliderModule, decorators: [{
             type: NgModule,
             args: [{
@@ -66,6 +68,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         LabelTemplateDirective,
                         LocalizedSliderMessagesDirective
                     ],
-                    imports: [CommonModule, SlidersCommonModule]
+                    imports: [CommonModule, SlidersCommonModule, IconsModule, ButtonModule]
                 }]
         }] });

package/esm2020/textbox/textbox.component.mjs

@@ -2,6 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { isJapanese } from './../shared/utils';
 import { closest } from './../common/dom-utils';
 import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
@@ -15,15 +16,18 @@ import { TextBoxSuffixTemplateDirective } from './textbox-suffix.directive';
 import { TextBoxPrefixTemplateDirective } from './textbox-prefix.directive';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { isSafari } from '../shared/utils';
+import { checkIcon, exclamationCircleIcon, xIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "./localization/localized-textbox-messages.directive";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-common";
+import * as i2 from "@progress/kendo-angular-icons";
+import * as i3 from "./localization/localized-textbox-messages.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "@progress/kendo-angular-common";
 const FOCUSED = 'k-focus';
 const DEFAULT_SIZE = 'medium';
 const DEFAULT_ROUNDED = 'medium';
 const DEFAULT_FILL_MODE = 'solid';
+const iconsMap = { checkIcon, exclamationCircleIcon, xIcon };
 export class TextBoxComponent {
     constructor(localizationService, ngZone, changeDetector, renderer, injector, hostElement) {
         this.localizationService = localizationService;
@@ -357,6 +361,12 @@ export class TextBoxComponent {
             this.subscriptions.unsubscribe();
         }
     }
+    /**
+     * @hidden
+     */
+    svgIcon(name) {
+        return iconsMap[name];
+    }
     /**
      * Focuses the TextBox.
      *
@@ -483,25 +493,49 @@ export class TextBoxComponent {
      * @hidden
      */
     get successIconClasses() {
-        return this.successIcon
-            ? `${this.successIcon}`
-            : `k-input-validation-icon k-icon k-i-check`;
+        if (!this.successIcon) {
+            return `check`;
+        }
+    }
+    /**
+     * @hidden
+     */
+    get customSuccessIconClasses() {
+        if (this.successIcon) {
+            return this.successIcon;
+        }
     }
     /**
      * @hidden
      */
     get errorIconClasses() {
-        return this.errorIcon
-            ? `${this.errorIcon}`
-            : `k-input-validation-icon k-icon k-i-exclamation-circle`;
+        if (!this.errorIcon) {
+            return `exclamation-circle`;
+        }
     }
     /**
      * @hidden
      */
-    get clearButtonClasses() {
-        return this.clearButtonIcon
-            ? this.clearButtonIcon
-            : `k-icon k-i-x`;
+    get customIconClasses() {
+        if (this.errorIcon) {
+            return this.errorIcon;
+        }
+    }
+    /**
+     * @hidden
+     */
+    get customClearButtonClasses() {
+        if (this.clearButtonIcon) {
+            return this.clearButtonIcon;
+        }
+    }
+    /**
+     * @hidden
+     */
+    get clearButtonClass() {
+        if (!this.clearButtonIcon) {
+            return 'x';
+        }
     }
     /**
      * @hidden
@@ -622,17 +656,36 @@ TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
             [title]="clearTitle()"
             (keydown.enter)="clearValue($event)"
             (keydown.space)="clearValue($event)">
-                <span [ngClass]="clearButtonClasses"></span>
+                <kendo-icon-wrapper
+                    [name]="clearButtonClass"
+                    [customFontClass]="customClearButtonClasses"
+                    [svgIcon]="svgIcon('xIcon')"
+                >
+                </kendo-icon-wrapper>
         </span>
-        <span *ngIf="hasErrors" [ngClass]="errorIconClasses"></span>
-        <span *ngIf="isSuccessful" [ngClass]="successIconClasses"></span>
+        <kendo-icon-wrapper
+            *ngIf="hasErrors"
+            innerCssClass="k-input-validation-icon"
+            [name]="errorIconClasses"
+            [customFontClass]="customIconClasses"
+            [svgIcon]="svgIcon('exclamationCircleIcon')"
+        >
+        </kendo-icon-wrapper>
+        <kendo-icon-wrapper
+            *ngIf="isSuccessful"
+            innerCssClass="k-input-validation-icon"
+            [name]="successIconClasses"
+            [customFontClass]="customSuccessIconClasses"
+            [svgIcon]="svgIcon('checkIcon')"
+        >
+        </kendo-icon-wrapper>
         <span class="k-input-suffix">
             <ng-template
                 *ngIf="suffixTemplate"
                 [ngTemplateOutlet]="suffixTemplate?.templateRef">
             </ng-template>
         </span>
-    `, isInline: true, directives: [{ type: i2.LocalizedTextBoxMessagesDirective, selector: "[kendoTextBoxLocalizedMessages]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    `, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.LocalizedTextBoxMessagesDirective, selector: "[kendoTextBoxLocalizedMessages]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextBoxComponent, decorators: [{
             type: Component,
             args: [{
@@ -686,10 +739,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             [title]="clearTitle()"
             (keydown.enter)="clearValue($event)"
             (keydown.space)="clearValue($event)">
-                <span [ngClass]="clearButtonClasses"></span>
+                <kendo-icon-wrapper
+                    [name]="clearButtonClass"
+                    [customFontClass]="customClearButtonClasses"
+                    [svgIcon]="svgIcon('xIcon')"
+                >
+                </kendo-icon-wrapper>
         </span>
-        <span *ngIf="hasErrors" [ngClass]="errorIconClasses"></span>
-        <span *ngIf="isSuccessful" [ngClass]="successIconClasses"></span>
+        <kendo-icon-wrapper
+            *ngIf="hasErrors"
+            innerCssClass="k-input-validation-icon"
+            [name]="errorIconClasses"
+            [customFontClass]="customIconClasses"
+            [svgIcon]="svgIcon('exclamationCircleIcon')"
+        >
+        </kendo-icon-wrapper>
+        <kendo-icon-wrapper
+            *ngIf="isSuccessful"
+            innerCssClass="k-input-validation-icon"
+            [name]="successIconClasses"
+            [customFontClass]="customSuccessIconClasses"
+            [svgIcon]="svgIcon('checkIcon')"
+        >
+        </kendo-icon-wrapper>
         <span class="k-input-suffix">
             <ng-template
                 *ngIf="suffixTemplate"

package/esm2020/textbox.module.mjs

@@ -12,6 +12,7 @@ import { TextBoxPrefixTemplateDirective } from './textbox/textbox-prefix.directi
 import { TextBoxCustomMessagesComponent } from './textbox/localization/custom-messages.component';
 import { LocalizedTextBoxMessagesDirective } from './textbox/localization/localized-textbox-messages.directive';
 import { SharedModule, SHARED_DIRECTIVES } from './shared.module';
+import { IconsModule } from "@progress/kendo-angular-icons";
 import * as i0 from "@angular/core";
 import * as i1 from "./shared/input-separator.component";
 import * as i2 from "./shared/textarea.directive";
@@ -54,14 +55,14 @@ TextBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         TextBoxSuffixTemplateDirective,
         TextBoxPrefixTemplateDirective,
         TextBoxCustomMessagesComponent,
-        LocalizedTextBoxMessagesDirective], imports: [CommonModule, EventsModule, SharedModule], exports: [TextBoxDirective,
+        LocalizedTextBoxMessagesDirective], imports: [CommonModule, EventsModule, SharedModule, IconsModule], exports: [TextBoxDirective,
         TextBoxComponent,
         TextBoxSuffixTemplateDirective,
         TextBoxPrefixTemplateDirective,
         EventsModule,
         TextBoxCustomMessagesComponent,
         LocalizedTextBoxMessagesDirective, i1.InputSeparatorComponent, i2.TextAreaDirective] });
-TextBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextBoxModule, imports: [[CommonModule, EventsModule, SharedModule], EventsModule] });
+TextBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextBoxModule, imports: [[CommonModule, EventsModule, SharedModule, IconsModule], EventsModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextBoxModule, decorators: [{
             type: NgModule,
             args: [{
@@ -83,6 +84,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         LocalizedTextBoxMessagesDirective,
                         SHARED_DIRECTIVES
                     ],
-                    imports: [CommonModule, EventsModule, SharedModule]
+                    imports: [CommonModule, EventsModule, SharedModule, IconsModule]
                 }]
         }] });